apps/picture/templates/picture/picture_viewer.html

   1 {% extends "catalogue/viewer_base.html" %}
   2 {% load i18n %}
   3 {% load static from staticfiles %}
   4 {% load compressed catalogue_tags %}
   5 {% load thumbnail %}
   6
   7
   8 {% block title %}{{ picture.pretty_title }}{% endblock %}
   9
  10
  11 {% block body-id %}picture-viewer{% endblock %}
  12
  13
  14 {% block js-dependencies %}
  15     <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
  16 {% endblock %}
  17
  18
  19 {% block no-menu-extra %}
  20 <li><a class="square button plus inactive" href="#">+<!--&#x2795;--><!-- heavy plus sign --></a></li><li><a class="square button minus inactive" href="#">-<!-- &#x2796;--><!-- heavy minus sign --></a></li>
  21 {% endblock %}
  22
  23
  24 {% block menu %}
  25 <li><a style="width: 50%;display: inline-block;" class="square button plus inactive" href="#">+<!--&#x2795;--><!-- heavy plus sign --></a><a style="width: 50%;display: inline-block;" class="square button minus inactive" href="#">-<!-- &#x2796;--><!-- heavy minus sign --></a></li>
  26
  27
  28 <li><a href="{{ picture.get_absolute_url }}" id="menu-book" data-box="book-short">
  29     <img src="{% thumbnail picture.image_file '80x200' as thumb %}{{ thumb.url }}{% empty %}{{ picture.image_file.url }}{% endthumbnail %}"
  30         width="80"
  31         alt="{{ picture.pretty_title }}"
  32         title="{{ picture.pretty_title }}">
  33 </a></li>
  34
  35
  36 <li><a href="#picture-objects" class="dropdown"><span class="label">{% trans "Objects" %}</span></a></li>
  37 <li><a href="#picture-themes" class="dropdown"><span class="label">{% trans "Themes" %}</span></a></li>
  38
  39
  40 <li id="menu-info"><a href="#info" data-box="info">
  41     <span class="label">{% trans "Infobox" %}</span>
  42 </a></li>
  43
  44 <li id="sponsors">
  45     <a href="http://www.nck.pl"><img src="{% static "img/logo_nck.jpg" %}" alt="Narodowe Centrum Kultury" ></img></a>
  46 </li>
  47
  48 {% endblock %}
  49
  50 {% block main %}
  51         <div id="picture-view">
  52           {% thumbnail picture.image_file "700x500" as pic %}
  53           <div class="picture-wrap {% if picture.image_file|is_portrait %}portrait{% endif %}"
  54                data-original-width="{{picture.width}}" data-original-height="{{picture.height}}"
  55            data-original-url="{{ picture.image_file.url }}"
  56                data-width="{{pic.width}}" data-height="{{pic.height}}" style="background-image: url('{{pic.url}}');  width: {{pic.width}}px; height: {{pic.height}}px;">
  57           </div>
  58           {% endthumbnail %}
  59         </div>
  60 {% endblock %}
  61
  62
  63 {% block footer %}
  64 {{ picture.html_file.read|safe }}
  65
  66 <div id="info" class="box">
  67           <div class="sponsors">
  68             <a href="/"><img src="{% static "img/logo-220.png" %}" alt="Wolne Lektury" ></img>
  69             </a>
  70             <a href="http://www.nck.pl"><img src="{% static "img/logo_nck_200horiz_trans.png" %}" alt="Narodowe Centrum Kultury" ></img></a>
  71           </div>
  72
  73     {% book_info picture %}
  74 </div>
  75
  76 <div class="box Picture-item" id="book-short">
  77     {{ picture.short_html }}
  78 </div>
  79
  80 {% endblock %}