src/egonomy/templates/partial/picture_and_fragment.html
author cavaliet
Thu, 28 Feb 2013 20:18:59 +0100
changeset 79 2a51570e986b
child 80 92ecdd581995
permissions -rw-r--r--
Efficiant template code factorization.
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
79
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
     1
{% load static %}
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
     2
{% load thumbnail %}
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
     3
{% load egonomy_thumbnail %}
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
     4
{% with fragment.image.info.image_file as image %}
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
     5
{% if image|ratio > ratio %}
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
     6
 {% thumbnail image w_size format="PNG" crop="center" as im %}
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
     7
  <img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" class="sub_svg_image"/>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
     8
  <svg preserveAspectRatio="none" width="{{ im.width }}" height="{{ im.height }}" viewBox="0 0 1 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
     9
    <defs>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    10
        <clipPath id="fragment-clip{{ fragment.pk }}">
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    11
            <path d="{{ fragment.coordinates }}" />
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    12
        </clipPath>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    13
    </defs>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    14
    <image xlink:href="{{ im.url }}" x="0" y="0" preserveAspectRatio="none" width="1" height="1" clip-path="url(#fragment-clip{{ fragment.pk }})"/>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    15
  </svg>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    16
 {% empty %}
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    17
  <img src="{% static 'egonomy/img/empty.gif' %}" width="{{w_size}}" height="{{w_size}}" class="placeholder sub_svg_image" />
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    18
  <svg preserveAspectRatio="none" width="476" height="476" viewBox="0 0 1 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    19
    <defs>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    20
        <clipPath id="fragment-clip{{ fragment.pk }}">
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    21
            <path d="{{ fragment.coordinates }}" />
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    22
        </clipPath>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    23
    </defs>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    24
    <image xlink:href="{% static 'egonomy/img/empty.gif' %}" x="0" y="0" preserveAspectRatio="none" width="1" height="1" clip-path="url(#fragment-clip{{ fragment.pk }})"/>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    25
  </svg>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    26
 {% endthumbnail %}
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    27
{% else %}
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    28
 {% thumbnail image h_size format="PNG" crop="center" as im %}
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    29
  <img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" class="sub_svg_image"/>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    30
  <svg preserveAspectRatio="none" width="{{ im.width }}" height="{{ im.height }}" viewBox="0 0 1 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    31
    <defs>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    32
        <clipPath id="fragment-clip{{ fragment.pk }}">
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    33
            <path d="{{ fragment.coordinates }}" />
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    34
        </clipPath>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    35
    </defs>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    36
    <image xlink:href="{{ im.url }}" x="0" y="0" preserveAspectRatio="none" width="1" height="1" clip-path="url(#fragment-clip{{ fragment.pk }})"/>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    37
 {% empty %}
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    38
  <img src="{% static 'egonomy/img/empty.gif' %}" width="{{w_size}}" height="{{w_size}}" class="placeholder sub_svg_image" />
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    39
  <svg preserveAspectRatio="none" width="{{w_size}}" height="{{w_size}}" viewBox="0 0 1 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    40
    <defs>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    41
        <clipPath id="fragment-clip{{ fragment.pk }}">
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    42
            <path d="{{ fragment.coordinates }}" />
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    43
        </clipPath>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    44
    </defs>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    45
    <image xlink:href="{% static 'egonomy/img/empty.gif' %}" x="0" y="0" preserveAspectRatio="none" width="1" height="1" clip-path="url(#fragment-clip{{ fragment.pk }})"/>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    46
  </svg>
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    47
 {% endthumbnail %}
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    48
{% endif %}
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    49
{% endwith %}
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    50
  <!--svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 1 1" preserveAspectRatio="none">
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    51
     <path d="{{ fragment.coordinates }}" stroke="red" stroke-width=".002" fill="red" fill-opacity=".3" />
2a51570e986b Efficiant template code factorization.
cavaliet
parents:
diff changeset
    52
 </svg-->