use html5 placeholder and hide labels,
[wolnelektury.git] / wolnelektury / templates / catalogue / fragment_short.html
1 {% load i18n %}
2
3 <div class="cite {% if fragment.short_text %}fragment-with-short{% endif %}">
4         {% if fragment.short_text %}
5         <div class="fragment-short-text">
6         <blockquote class="cite-body">
7                         <a href="{{ fragment.get_absolute_url }}" class="fragment">
8                         {{ fragment.short_text|safe }}
9                         </a>
10             </blockquote>
11                 <a href="#" class="toggle mono">↓ {% trans "Expand fragment" %} ↓</a>
12     </div>
13     {% endif %}
14         <div class="fragment-long-text" {% if fragment.short_text %}style="display:none;"{% endif %}>
15     <blockquote class="cite-body fragment-text">
16                 <a href="{{ fragment.get_absolute_url }}" class="fragment">
17         {{ fragment.text|safe }}
18                 </a>
19     </blockquote>
20                 {% if fragment.short_text %}
21                 <a href="#" class="toggle mono">↑ {% trans "Hide fragment" %} ↑</a>
22                 {% endif %}
23     </div>
24 <p class="mono source">{{ fragment.book.pretty_title }}</p>
25 </div>
26
27
28
29
30
31 {% comment %}
32 {% load catalogue_tags %}
33 <div class="fragment">
34     {% if fragment.short_text %}
35     <div class='fragment-short-text'>
36         {{ fragment.short_text|safe }}
37         <a href="#">↓ {% trans "Expand fragment" %} ↓</a>
38     </div>
39     {% endif %}
40     <div class="fragment-text" {% if fragment.short_text %}style="display:none;"{% endif %}>
41         {{ fragment.text|safe }}
42         {% if fragment.short_text %}
43             <a href="#">↑ {% trans "Hide fragment" %} ↑</a>
44         {% endif %}
45     </div>
46     <div class="fragment-metadata">
47         <p>{% book_title_html fragment.book %}
48            <a href="{{ fragment.get_absolute_url }}">({% trans "See in a book" %})</a></p>
49     </div>
50     <div class="clearboth"></div>
51 </div>
52 {% endcomment %}