]>
Commit | Line | Data |
---|---|---|
8cbb2a88 | 1 | {% extends "layout.twig" %} |
2b840e0c | 2 | {% block title %}{% trans "home" %}{% endblock %} |
a4565e88 | 3 | {% block menu %} |
8046748b | 4 | <ul id="links"> |
2b840e0c NL |
5 | <li><a href="./" {% if view == 'home' %}class="current"{% endif %}>{% trans "home" %}</a></li> |
6 | <li><a href="./?view=fav" {% if view == 'fav' %}class="current"{% endif %}>{% trans "favorites" %}</a></li> | |
7 | <li><a href="./?view=archive" {% if view == 'archive' %}class="current"{% endif %}>{% trans "archive" %}</a></li> | |
8 | <li><a href="./?view=config" {% if view == 'config' %}class="current"{% endif %}>{% trans "config" %}</a></li> | |
9 | <li><a href="./?logout" title="{% trans "logout" %}">{% trans "logout" %}</a></li> | |
8046748b | 10 | </ul> |
a4565e88 NL |
11 | {% endblock %} |
12 | {% block precontent %} | |
9fee2e72 | 13 | <ul id="sort"> |
4f5b44bd NL |
14 | <li><img src="./tpl/img/up.png" onclick="sort_links('{{ view }}', 'ia');" title="{% trans "by date asc" %}" /> {% trans "by date" %} <img src="./tpl/img/down.png" onclick="sort_links('{{ view }}', 'id');" title="{% trans "by date desc" %}" /></li> |
15 | <li><img src="./tpl/img/up.png" onclick="sort_links('{{ view }}', 'ta');" title="{% trans "by title asc" %}" /> {% trans "by title" %} <img src="./tpl/img/down.png" onclick="sort_links('{{ view }}', 'td');" title="{% trans "by title desc" %}" /></li> | |
9fee2e72 | 16 | </ul> |
a4565e88 | 17 | {% endblock %} |
8cbb2a88 NL |
18 | {% block content %} |
19 | <div id="content"> | |
20 | {% for entry in entries %} | |
21 | <div id="entry-{{ entry.id|e }}" class="entrie mb2"> | |
22 | <span class="content"> | |
23 | <h2 class="h6-like"> | |
24 | <a href="index.php?&view=view&id={{ entry.id|e }}">{{ entry.title|e }}</a> | |
25 | </h2> | |
26 | <div class="tools"> | |
27 | <ul> | |
28 | <li> | |
2b840e0c NL |
29 | <a title="{% trans "toggle mark as read" %}" class="tool archive {% if entry.is_read == 0 %}archive-off{% endif %}" onclick="toggle_archive(this, {{ entry.id|e }})"><span></span></a></li> |
30 | <li><a title="{% trans "toggle favorite" %}" class="tool fav {% if entry.is_fav == 0 %}fav-off{% endif %}" onclick="toggle_favorite(this, {{ entry.id|e }})"><span></span></a></li> | |
4f5b44bd | 31 | <li><form method="post" style="display: inline;"><input type="hidden" name="token" id="token" value="{{ token }}" /><input type="hidden" id="action" name="action" value="delete" /><input type="hidden" id="view" name="view" value="{{ view }}" /><input type="hidden" id="id" name="id" value="{{ entry.id|e }}" /><input type="submit" class="delete" title="{% trans "toggle delete" %}" /></form> |
8cbb2a88 NL |
32 | </li> |
33 | </ul> | |
34 | </div> | |
35 | <div class="url">{{ entry.url|e }}</div> | |
36 | </span> | |
37 | </div> | |
38 | {% endfor %} | |
39 | </div> | |
2b840e0c NL |
40 | {% endblock %} |
41 | ||
42 | {% block js %} | |
4f5b44bd NL |
43 | <script type="text/javascript" src="./tpl/js/jquery-1.9.1.min.js"></script> |
44 | <script type="text/javascript" src="./tpl/js/poche.js"></script> | |
45 | <script type="text/javascript" src="./tpl/js/jquery.masonry.min.js"></script> | |
2b840e0c NL |
46 | <script type="text/javascript"> |
47 | $( window ).load( function() | |
48 | { | |
49 | var columns = 3, | |
50 | setColumns = function() { columns = $( window ).width() > 640 ? 3 : $( window ).width() > 320 ? 2 : 1; }; | |
51 | ||
52 | setColumns(); | |
53 | $( window ).resize( setColumns ); | |
54 | ||
55 | $( '#content' ).masonry( | |
56 | { | |
57 | itemSelector: '.entrie', | |
58 | columnWidth: function( containerWidth ) { return containerWidth / columns; } | |
59 | }); | |
60 | }); | |
61 | </script> | |
8cbb2a88 | 62 | {% endblock %} |