use html5 placeholder and hide labels,
[wolnelektury.git] / wolnelektury / templates / catalogue / tagged_object_list.html
index cc902c7..c7898d5 100644 (file)
 {% extends "base.html" %}
-{% load catalogue_tags pagination_tags %}
-
-{% block title %}{% title_from_tags tags %} w WolneLektury.pl{% endblock %}
-
-{% block bodyid %}books{% endblock %}
-
-{% block extrahead %}
-    <script type="text/javascript">
-    // <![CDATA[
-        $(function() {
-            $('#books-list .book').hover(
-                function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
-                function() { $(this).css({background: '#FFF'}); }
-            ).click(function() {
-                location.href = $('h2 a', this).attr('href');
-            });
-            
-            $('#toggle-description').hover(
-                function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
-                function() { $(this).css({background: '#EEE'}); }
-            ).click(function() {
-                if ($('#description').hasClass('hidden')) {
-                    $('#description').slideDown('fast').removeClass('hidden');
-                    $('p', this).html('Zwiń opis ▲');
-                } else {
-                    $('#description').slideUp('fast').addClass('hidden');
-                    $('p', this).html('Rozwiń opis ▼');
-                }
-            });
-            
-            var target = $('#set-window div.target');
-            
-            $('#set-window').jqm({
-                ajax: '@href', 
-                target: target[0],
-                overlay: 60,
-                trigger: 'a.jqm-trigger', 
-                onShow: function(hash) { 
-                    var offset = $(hash.t).offset();
-                    target.html('<p><img src="/media/img/indicator.gif" /> Ładowanie</p>');
-                    hash.w.css({position: 'absolute', left: offset.left, top: offset.top}).show() },
-                onLoad: function(hash) { 
-                    $('form', hash.w).ajaxForm({
-                        target: target,
-                        success: function() { setTimeout(function() { $('#set-window').jqmHide() }, 1000) }
-                    });
-                }});
-        });
-    // ]]>
-    </script>
-{% endblock %}
+{% load i18n %}
+{% load catalogue_tags switch_tag social_tags %}
+
+{% block titleextra %}{% title_from_tags tags %}{% endblock %}
+
+{% block bodyid %}tagged-object-list{% endblock %}
 
 {% block body %}
-    <h1>{% title_from_tags tags %}</h1>
-    {% breadcrumbs tags %}
-    
-    {% 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 }}
-            </div>
-            <div id="toggle-description"><p>Zwiń opis ▲</p></div>
-        {% endif %}
-        {% endwith %}
-        <ol>
-        {% for book in object_list %}
-            <li>{{ book.short_html }}</li>
-        {% endfor %}
-        </ol>
-        {% paginate %}
-    </div>
-    <div id="tags-list">
-        <div class="dontsplit">
-            {% if categories.set %}
-                <h2>Półki</h2>
-                <ul>
-                {% for set in categories.set %}
-                    <li><a href="{% catalogue_url tags set %}">{{ set }}&nbsp;({{ set.count }})</a></li>
-                {% endfor %}
-                </ul>
-            {% endif %}
+    <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>
-        <div class="dontsplit">
-            {% if categories.author %}
-                <h2>Autorzy</h2>
-                <ul>
-                {% for author in categories.author %}
-                    <li><a href="{% catalogue_url tags author %}">{{ author }}&nbsp;({{ author.count }})</a></li>
-                {% endfor %}
-                </ul>
-            {% endif %}
+    {% 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>
-        <div class="dontsplit">
-            {% if categories.epoch %}
-                <h2>Epoki</h2>
-                <ul>
-                {% for epoch in categories.epoch %}
-                    <li><a href="{% catalogue_url tags epoch %}">{{ epoch }}&nbsp;({{ epoch.count }})</a></li>
-                {% endfor %}
-                </ul>
-            {% endif %}
+    {% 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>
-        <div class="dontsplit">
-            {% if categories.kind %}
-                <h2>Rodzaje</h2>
-                <ul>
-                {% for kind in categories.kind %}
-                    <li><a href="{% catalogue_url tags kind %}">{{ kind }}&nbsp;({{ kind.count }})</a></li>
-                {% endfor %}
-                </ul>
-            {% endif %}
+    {% 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>
-        <div class="dontsplit">
-            {% if categories.genre %}
-                <h2>Gatunki literackie</h2>
-                <ul>
-                {% for genre in categories.genre %}
-                    <li><a href="{% catalogue_url tags genre %}">{{ genre }}&nbsp;({{ genre.count }})</a></li>
-                {% endfor %}
-                </ul>
-            {% endif %}
+    {% 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>
-        <div class="dontsplit">
-            {% if categories.theme %}
-                <h2>Motywy</h2>
-                <ul>
-                {% for theme in categories.theme %}
-                    <li><a href="{% catalogue_url tags theme %}">{{ theme }} ({{ theme.count }})</a></li>
-                {% endfor %}
-                </ul>
-            {% endif %}
+    {% endif %}
+    </div>
+
+    {% 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>
+    {% endif %}
+
+    </div>
     </div>
-    <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 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 %}
+        <li><a href="{{ last_tag.gazeta_link }}">
+               {% trans "in Lektury.Gazeta.pl" %}
+        </a></li>
+        {% endif %}
+        {% if last_tag.wiki_link %}
+        <li><a href="{{ last_tag.wiki_link }}">
+                       {% trans "in Wikipedia" %}
+        </a></li>
+        {% endif %}
+
+
+
+            </ul>
+            {% endif %}
+        </div>
+
+        <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>
+        {% endif %}
+
+    </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 %}