viewer basically implemented. going to wire information/links on the site
[wolnelektury.git] / apps / picture / templates / picture / picture_viewer.html
index 46772db..df0160c 100644 (file)
@@ -1,6 +1,7 @@
 {% load i18n %}
 {% load static from staticfiles %}
 {% load chunks compressed catalogue_tags %}
+{% load thumbnail %}
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
@@ -19,8 +20,8 @@
     <body>
         <div id="menu">
             <ul>
-                <li><a class="menu" href="#themes">{% trans "Themes" %}</a></li>
-                <li><a class="menu" href="#objects">{% trans "Objects" %}</a></li>
+<!--                <li><a class="menu" href="#themes">{% trans "Themes" %}</a></li>
+                <li><a class="menu" href="#objects">{% trans "Objects" %}</a></li>-->
                <!-- XXX do we have this? -->
                 <li><a class="menu" href="#nota_red">{% trans "Edit. note" %}</a></li>
                 <li><a class="menu" href="#info">{% trans "Infobox" %}</a></li>
         <div id="info">
             {# book_info book #}
         </div>
-<!-- do something with the logo        <div id="header">
-            <a href="/"><img src="{% static "img/logo-220.png" %}" alt="Wolne Lektury" /></a>
-        </div>-->
+       {{ picture.html_file.read|safe }}
 
        <!-- main picture view -->
        <div id="picture-view">
          <ul class="toolbar">
-           <li class="button plus"><a href="#">&#x2795;<!-- heavy plus sign --></a></li>
-           <li class="button minus"><a href="#">&#x2796;<!-- heavy minus sign --></a>
+           <li class="square button plus"><a href="#">&#x2795;<!-- heavy plus sign --></a></li>
+           <li class="square button minus"><a href="#">&#x2796;<!-- heavy minus sign --></a>
            </li>
+           <li class="button"><a href="#picture-objects" class="dropdown">{% trans "Objects" %}</a></li>
+           <li class="button"><a href="#picture-themes" class="dropdown">{% trans "Themes" %}</a></li>
          </ul>
-         <div class="picture-wrap">
-           <img class="canvas" src="{{ picture.image_file.url }}"/>
+         <div class="picture-wrap {% if picture.image_file|is_portrait %}portrait{% endif %}">
+           {% thumbnail picture.image_file "700x500" as pic %}
+           <img class="canvas initial" src="{{pic.url}}"/>
+           {% endthumbnail %}
+           <img class="canvas loading original" src="{{ picture.image_file.url }}"/>
          </div>
        </div>
         {{ piwik_tag|safe }}