Template source: _interact_bar_short_watch.html

{% extends "listing/interact/_interact_bar.html" %}
{% load i18n %}{% load get_setting %}{% load flatpages %}

{% block layout %}
    {% get_setting "WATCH_ICON" as wat_icon %}
    {% get_setting "UNWATCH_ICON" as unwat_icon %}
    {% get_setting "LIKE_ICON" as lik_icon %}
    {% get_setting "UNLIKE_ICON" as unlik_icon %}
    <button title="{% trans 'Watch' %}"
      watch_class="star-clicked"
      unwatch_class="star"
      {% if watched %}
        i_type="unwatch" class="btn interact_bar_button_watch {{ wat_icon }} {{ btn_class }}"
      {% else %}
        i_type="watch" class="btn interact_bar_button_watch {{ unwat_icon }} {{ btn_class }}"
      {% endif %}
      type="submit">
    </button>

    {% if auction.is_shareable %}
        <a rel="nofollow" title="{% trans 'Facebook' %}"
          class="btn {{ btn_class }}"
          target="_blank"
          href="{% url 'browse.views.listing.share.direct_facebook' listing.id %}">
         <i class="ss-social-regular ss-facebook"></i>
        </a>

        <a rel="nofollow" title="{% trans 'Twitter' %}"
          class="btn {{ btn_class }}"
          target="_blank"
          href="{% url 'browse.views.listing.share.direct_twitter' listing.id %}">
        <i class="ss-twitter ss-social-regular"></i>
        </a>
    {% else %}
        <style type="text/css">
            .popover {
                width:160px;
            }
        </style>
        {% get_flatpages '/popover/sharing/' as sharing_popover %}

        <a title="{% trans 'Facebook' %}"
           class="btn {{ btn_class }}"
           target="_blank">
          <i class="ss-social-regular ss-facebook ss-dark-grey lowercase"
            rel="popover"
            data-title="<span><i class='ss-help'></i> {{ sharing_popover.0.title|escape }}</span><a href='javascript:;' onclick='$(&quot;[rel=popover]&quot;).popover(&quot;hide&quot;);' class='close'><i class='ss-delete ss-dark-grey'></i></a>"
            data-content="{{ sharing_popover.0.content|escape }}"
            data-html="true"
            data-placement="bottom"></i>
        </a>

        <a title="{% trans 'Twitter' %}"
           class="btn {{ btn_class }}"
           target="_blank">
          <i class="ss-social-regular ss-twitter ss-dark-grey lowercase"
            rel="popover"
            data-title="<span><i class='ss-help'></i> {{ sharing_popover.0.title|escape }}</span><a href='javascript:;' onclick='$(&quot;[rel=popover]&quot;).popover(&quot;hide&quot;);' class='close'><i class='ss-delete ss-dark-grey'></i></a>"
            data-content="{{ sharing_popover.0.content|escape }}"
            data-html="true"
            data-placement="bottom"></i>
        </a>
    {% endif %}

    <button title="{% trans 'Like' %}"
      fave_class="heart-clicked"
      unfave_class="heart"
      {% if favourited %}
        i_type="unfave" class="btn interact_bar_button {{ lik_icon }} {{ btn_class }}"
      {% else %}
        i_type="fave" class="btn interact_bar_button {{ unlik_icon }} {{ btn_class }}"
      {% endif %}
      type="submit">
    </button>

    {% if auction.is_shareable %}
        <button title="{% trans 'Share' %}" class="btn trigger-modal share {{ btn_class }}"
            data-width="700" data-title="{% trans 'Share This Listing' %}"
            data-href="{% url 'browse.views.listing.share.by_id' listing.id 'email' %}">
        <i class="ss-redirect"></i>
        </button>
    {% else %}
        <style type="text/css">
            .popover {
                width:160px;
            }
        </style>
        {% get_flatpages '/popover/sharing/' as sharing_popover %}

        <a title="{% trans 'Share' %}"
          class="btn {{ btn_class }}"
          target="_blank">
          <i class="ss-redirect ss-dark-grey lowercase"
            rel="popover"
            data-title="<span><i class='ss-help'></i> {{ sharing_popover.0.title|escape }}</span><a href='javascript:;' onclick='$(&quot;[rel=popover]&quot;).popover(&quot;hide&quot;);' class='close'><i class='ss-delete ss-dark-grey'></i></a>"
            data-content="{{ sharing_popover.0.content|escape }}"
            data-html="true"
            data-placement="bottom"></i>
        </a>
    {% endif %}
{% endblock %}