use html5 placeholder and hide labels,
[wolnelektury.git] / wolnelektury / templates / catalogue / tagged_object_list.html
index 06e437d..c7898d5 100644 (file)
 {% extends "base.html" %}
-{% load catalogue_tags pagination_tags %}
+{% load i18n %}
+{% load catalogue_tags switch_tag social_tags %}
 
-{% block title %}{% title_from_tags tags %} w WolneLektury.pl{% endblock %}
+{% block titleextra %}{% title_from_tags tags %}{% endblock %}
 
 {% block bodyid %}tagged-object-list{% endblock %}
 
 {% block body %}
-    <h1>{% title_from_tags tags %}</h1>
-    {% breadcrumbs tags %}
-    
-    {% if shelf_is_set and not object_list %}
-    <div id="books-list">
-        <h2>Twoja półka jest pusta</h2>
-        <p>Możesz wrzucić książkę na półkę, wchodząc na stronę danej lektury i klikając na przycisk „Na półkę!”.</p>
+    <div class="left-column">
+    <div class="page-desc">
+    <h1>{% html_title_from_tags tags %}</h1>
+
+    {% with tags|last as last_tag %}
+    {% if last_tag.has_description %}
+        <div id="description" class="normal-text">
+            <div id='description-long' style="diplay:none">{{ last_tag.description|safe }}</div>
+            <div id='description-short'>{{ last_tag.description|safe|truncatewords_html:40 }}</div>
+        </div>
+    {% endif %}
+
+
+    <div class="inline-tag-lists">
+    {% if categories.author %}
+       <div>
+               <div class="mono inline-header">{% trans "Authors" %}:</div>
+           <div class="inline-body">
+                           {% inline_tag_list categories.author tags %}
+               </div>
+        </div>
+    {% endif %}
+    {% if categories.kind %}
+       <div>
+               <div class="mono inline-header">{% trans "Kinds" %}:</div>
+           <div class="inline-body">
+                           {% inline_tag_list categories.kind tags %}
+               </div>
+        </div>
+    {% endif %}
+    {% if categories.genre %}
+       <div>
+               <div class="mono inline-header">{% trans "Genres" %}:</div>
+           <div class="inline-body">
+                           {% inline_tag_list categories.genre tags %}
+               </div>
+        </div>
+    {% endif %}
+    {% if categories.epoch %}
+       <div class="inline-tag-list">
+               <div class="mono inline-header">{% trans "Epochs" %}:</div>
+           <div class="inline-body">
+                           {% inline_tag_list categories.epoch tags %}
+               </div>
+        </div>
+    {% endif %}
     </div>
-    {% else %}
-    {% autopaginate object_list 10 %}
-    <div id="books-list">
-        {% with tags|last as last_tag %}
-        {% if last_tag.has_description %}
-            <div id="description">
-                {{ last_tag.description|safe }}
+
+    {% if categories.theme %}
+        <div class="hidden-box-wrapper">
+            <p><a href="#" class="hidden-box-trigger theme-list-link mono">
+               {% trans "Motifs and themes" %}</a></p>
+            <div class="hidden-box">
+                {% tag_list categories.theme tags %}
             </div>
-            <div class="clearboth"></div>
-            <div id="toggle-description"><p>Zwiń opis ▲</p></div>
-        {% endif %}
-        {% if shelf_is_set %}
-            <a id="download-shelf" href="{% url download_shelf last_tag.slug %}">
-                Pobierz wszystkie książki z tej półki
-            </a>
-        {% endif %}
+        </div>
+    {% endif %}
+
+    </div>
+    </div>
+
+
+    <div class="right-column">
+        {% if theme_is_set %}
+            {% work_list object_list %}
+        {% else %}
+        {% cite_promo tags 1 %}
+
+        <div class="see-also">
+            {% if last_tag.gazeta_link or last_tag.wiki_link %}
+            <h2 class='mono'>{% trans "See also" %}:</h2>
+            <ul>
         {% if last_tag.gazeta_link %}
-            <p><a href="{{ last_tag.gazeta_link }}">{{ last_tag }} w Lektury.Gazeta.pl</a></p>
+        <li><a href="{{ last_tag.gazeta_link }}">
+               {% trans "in Lektury.Gazeta.pl" %}
+        </a></li>
         {% endif %}
         {% if last_tag.wiki_link %}
-            <p><a href="{{ last_tag.wiki_link }}">{{ last_tag }} w Wikipedii</a></p>
+        <li><a href="{{ last_tag.wiki_link }}">
+                       {% trans "in Wikipedia" %}
+        </a></li>
         {% endif %}
-        <ol>
-        {% for book in object_list %}
-            <li>
-                {% if user_is_owner %}
-                    <a href="{% url remove_from_shelf last_tag.slug book.slug %}" class="remove-from-shelf">Usuń</a>
-                {% endif %}
-                {{ book.short_html }}</li>
-        {% endfor %}
-        </ol>
-        {% endwith %}
-        {% paginate %}
-    </div>
-    <div id="tags-list">
-        <div id="categories-list">
-            {% if categories.author %}
-                <h2>Autorzy</h2>
-                {% tag_list categories.author tags %}
-            {% endif %}
-            {% if categories.kind %}
-                <h2>Rodzaje</h2>
-                {% tag_list categories.kind tags %}
-            {% endif %}
-            {% if categories.genre %}
-                <h2>Gatunki literackie</h2>
-                {% tag_list categories.genre tags %}
+
+
+
+            </ul>
             {% endif %}
-            {% if categories.epoch %}
-                <h2>Epoki</h2>
-                {% tag_list categories.epoch tags %}
-            {% endif %}        
         </div>
-        <div id="themes-list">
-            {% if categories.theme %}
-                <h2>Motywy</h2>
-                {% tag_list categories.theme tags %}
-            {% endif %}
+
+        <div class="download">
+            {% comment %}
+            <h2 class='mono'>{% trans "Download" %}:</h2>
+            <ul>
+                <li><a href="">wszystko</a></li>
+                <li><a href="">część</a></li>
+            </ul>
+            {% endcomment %}
         </div>
-        <div class="clearboth"></div>
+        {% endif %}
+
     </div>
-    {% endif %}
-    <div id="set-window">
-        <div class="header"><a href="#" class="jqmClose">Zamknij</a></div>
-        <div class="target">
-            <p><img src="/media/img/indicator.gif" alt="*"/> Ładowanie</p>
-        </div>
+
+    <div class="clearboth"></div>
+
+
+
+    {% if not theme_is_set %}
+    <div id="books-list">
+        {% if object_list %}
+            {% work_list object_list %}
+        {% else %}
+            {% trans "Sorry! Search cirteria did not match any resources." %}
+            {% include "info/join_us.html" %}
+        {% endif %}
     </div>
-{% endblock %}
\ No newline at end of file
+    {% endif %}
+    {% endwith %}
+{% endblock %}