diff options
Diffstat (limited to 'tpl')
-rw-r--r-- | tpl/_bookmarklet.twig | 2 | ||||
-rw-r--r-- | tpl/_head.twig | 4 | ||||
-rw-r--r-- | tpl/_menu.twig | 7 | ||||
-rw-r--r-- | tpl/_messages.twig | 5 | ||||
-rwxr-xr-x | tpl/css/messages.css | 13 | ||||
-rw-r--r-- | tpl/css/style-dark.css | 4 | ||||
-rw-r--r-- | tpl/css/style-light.css | 8 | ||||
-rw-r--r-- | tpl/css/style.css | 6 | ||||
-rw-r--r-- | tpl/home.twig | 41 | ||||
-rwxr-xr-x | tpl/img/dark/twitter.png | bin | 0 -> 300 bytes | |||
-rwxr-xr-x | tpl/img/light/envelop.png | bin | 0 -> 285 bytes | |||
-rwxr-xr-x | tpl/img/light/twitter.png | bin | 0 -> 297 bytes | |||
-rwxr-xr-x | tpl/img/messages/close.png | bin | 0 -> 662 bytes | |||
-rwxr-xr-x | tpl/img/messages/cross.png | bin | 0 -> 655 bytes | |||
-rwxr-xr-x | tpl/img/messages/help.png | bin | 0 -> 786 bytes | |||
-rwxr-xr-x | tpl/img/messages/tick.png | bin | 0 -> 537 bytes | |||
-rwxr-xr-x | tpl/img/messages/warning.png | bin | 0 -> 666 bytes | |||
-rw-r--r-- | tpl/js/poche.js | 57 | ||||
-rw-r--r-- | tpl/layout.twig | 1 | ||||
-rw-r--r-- | tpl/view.twig | 26 |
20 files changed, 68 insertions, 106 deletions
diff --git a/tpl/_bookmarklet.twig b/tpl/_bookmarklet.twig index 0878e079..0595d57e 100644 --- a/tpl/_bookmarklet.twig +++ b/tpl/_bookmarklet.twig | |||
@@ -4,7 +4,7 @@ | |||
4 | +'<html>' | 4 | +'<html>' |
5 | +'<head>' | 5 | +'<head>' |
6 | +'<title>poche it !</title>' | 6 | +'<title>poche it !</title>' |
7 | +'<link rel="icon" href="{$poche_url}img/favicon.ico" />' | 7 | +'<link rel="icon" href="{{poche_url}}tpl/img/favicon.ico" />' |
8 | +'</head>' | 8 | +'</head>' |
9 | +'<body>' | 9 | +'<body>' |
10 | +'<script>' | 10 | +'<script>' |
diff --git a/tpl/_head.twig b/tpl/_head.twig index ad96e9d1..9e82437f 100644 --- a/tpl/_head.twig +++ b/tpl/_head.twig | |||
@@ -4,7 +4,5 @@ | |||
4 | <link rel="apple-touch-icon-precomposed" href="./tpl/img/apple-touch-icon-precomposed.png"> | 4 | <link rel="apple-touch-icon-precomposed" href="./tpl/img/apple-touch-icon-precomposed.png"> |
5 | <link rel="stylesheet" href="./tpl/css/knacss.css" media="all"> | 5 | <link rel="stylesheet" href="./tpl/css/knacss.css" media="all"> |
6 | <link rel="stylesheet" href="./tpl/css/style.css" media="all"> | 6 | <link rel="stylesheet" href="./tpl/css/style.css" media="all"> |
7 | <!-- Light Theme --> | ||
8 | <link rel="stylesheet" href="./tpl/css/style-light.css" media="all" title="light-style"> | 7 | <link rel="stylesheet" href="./tpl/css/style-light.css" media="all" title="light-style"> |
9 | <!-- Dark Theme --> | 8 | <link rel="stylesheet" href="./tpl/css/messages.css" media="all"> \ No newline at end of file |
10 | <link rel="alternate stylesheet" href="./tpl/css/style-dark.css" media="all" title="dark-style"> \ No newline at end of file | ||
diff --git a/tpl/_menu.twig b/tpl/_menu.twig new file mode 100644 index 00000000..699d6a0c --- /dev/null +++ b/tpl/_menu.twig | |||
@@ -0,0 +1,7 @@ | |||
1 | <ul id="links"> | ||
2 | <li><a href="./" {% if view == 'home' %}class="current"{% endif %}>{% trans "home" %}</a></li> | ||
3 | <li><a href="./?view=fav" {% if view == 'fav' %}class="current"{% endif %}>{% trans "favorites" %}</a></li> | ||
4 | <li><a href="./?view=archive" {% if view == 'archive' %}class="current"{% endif %}>{% trans "archive" %}</a></li> | ||
5 | <li><a href="./?view=config" {% if view == 'config' %}class="current"{% endif %}>{% trans "config" %}</a></li> | ||
6 | <li><a href="./?logout" title="{% trans "logout" %}">{% trans "logout" %}</a></li> | ||
7 | </ul> \ No newline at end of file | ||
diff --git a/tpl/_messages.twig b/tpl/_messages.twig new file mode 100644 index 00000000..c9f01b55 --- /dev/null +++ b/tpl/_messages.twig | |||
@@ -0,0 +1,5 @@ | |||
1 | <ul id="messages"> | ||
2 | {% for message in messages %} | ||
3 | <li>{{ message|e }}</li> | ||
4 | {% endfor %} | ||
5 | </ul> \ No newline at end of file | ||
diff --git a/tpl/css/messages.css b/tpl/css/messages.css new file mode 100755 index 00000000..702fac49 --- /dev/null +++ b/tpl/css/messages.css | |||
@@ -0,0 +1,13 @@ | |||
1 | .messages { width: 100%; -moz-border-radius: 4px; border-radius: 4px; display: block; padding: 10px 0; margin: 10px auto 10px; clear: both; } | ||
2 | .messages a.closeMessage { margin: -14px -8px 0 0; display:none; width: 16px; height: 16px; float: right; background: url(../img/messages/close.png) no-repeat; } | ||
3 | /*.messages:hover a.closeMessage { visibility:visible; }*/ | ||
4 | .messages p { margin: 3px 0 3px 10px !important; padding: 0 10px 0 23px !important; font-size: 14px; line-height: 16px; } | ||
5 | .messages.error { border: 1px solid #C42608; color: #c00 !important; background: #FFF0EF; } | ||
6 | .messages.error p { background: url(../img/messages/cross.png ) no-repeat 0px 50%; color:#c00 !important; } | ||
7 | .messages.success {background: #E0FBCC; border: 1px solid #6DC70C; } | ||
8 | .messages.success p { background: url(../img/messages/tick.png) no-repeat 0px 50%; color: #2B6301 !important; } | ||
9 | .messages.warning { background: #FFFCD3; border: 1px solid #EBCD41; color: #000; } | ||
10 | .messages.warning p { background: url(../img/messages/warning.png ) no-repeat 0px 50%; color: #5F4E01; } | ||
11 | .messages.information, .messages.info { background: #DFEBFB; border: 1px solid #82AEE7; } | ||
12 | .messages.information p, .messages.info p { background: url(../img/messages/help.png ) no-repeat 0px 50%; color: #064393; } | ||
13 | .messages.information a { text-decoration: underline; } \ No newline at end of file | ||
diff --git a/tpl/css/style-dark.css b/tpl/css/style-dark.css index 0fcced24..49fe1011 100644 --- a/tpl/css/style-dark.css +++ b/tpl/css/style-dark.css | |||
@@ -65,6 +65,10 @@ a.archive-off span:hover { | |||
65 | background: url('../img/dark/checkmark-on.png') no-repeat; | 65 | background: url('../img/dark/checkmark-on.png') no-repeat; |
66 | } | 66 | } |
67 | 67 | ||
68 | a.twitter span { | ||
69 | background: url('../img/dark/twitter.png') no-repeat; | ||
70 | } | ||
71 | |||
68 | /*** ***/ | 72 | /*** ***/ |
69 | /*** ARTICLE PAGE ***/ | 73 | /*** ARTICLE PAGE ***/ |
70 | 74 | ||
diff --git a/tpl/css/style-light.css b/tpl/css/style-light.css index c1d98326..5d584eb3 100644 --- a/tpl/css/style-light.css +++ b/tpl/css/style-light.css | |||
@@ -75,6 +75,14 @@ a.archive-off span:hover { | |||
75 | background: url('../img/light/checkmark-on.png') no-repeat; | 75 | background: url('../img/light/checkmark-on.png') no-repeat; |
76 | } | 76 | } |
77 | 77 | ||
78 | a.twitter span { | ||
79 | background: url('../img/light/twitter.png') no-repeat; | ||
80 | } | ||
81 | |||
82 | a.email span { | ||
83 | background: url('../img/light/envelop.png') no-repeat; | ||
84 | } | ||
85 | |||
78 | /*** ***/ | 86 | /*** ***/ |
79 | /*** ARTICLE PAGE ***/ | 87 | /*** ARTICLE PAGE ***/ |
80 | 88 | ||
diff --git a/tpl/css/style.css b/tpl/css/style.css index 6b9f6aca..333a0b77 100644 --- a/tpl/css/style.css +++ b/tpl/css/style.css | |||
@@ -47,6 +47,10 @@ header h1 { | |||
47 | cursor: pointer; | 47 | cursor: pointer; |
48 | } | 48 | } |
49 | 49 | ||
50 | ul#messages { | ||
51 | |||
52 | } | ||
53 | |||
50 | #main, #article { | 54 | #main, #article { |
51 | margin: 0 auto; | 55 | margin: 0 auto; |
52 | } | 56 | } |
@@ -99,6 +103,7 @@ input[type=submit].delete { | |||
99 | } | 103 | } |
100 | 104 | ||
101 | .tools { | 105 | .tools { |
106 | float: right; | ||
102 | text-align: right; | 107 | text-align: right; |
103 | } | 108 | } |
104 | 109 | ||
@@ -121,7 +126,6 @@ input[type=submit].delete { | |||
121 | top: 0px; | 126 | top: 0px; |
122 | right: 0px; | 127 | right: 0px; |
123 | width: 100%; | 128 | width: 100%; |
124 | text-align: left; | ||
125 | } | 129 | } |
126 | 130 | ||
127 | #article .tools ul li{ | 131 | #article .tools ul li{ |
diff --git a/tpl/home.twig b/tpl/home.twig index 49ef9050..6d0f1a66 100644 --- a/tpl/home.twig +++ b/tpl/home.twig | |||
@@ -1,38 +1,35 @@ | |||
1 | {% extends "layout.twig" %} | 1 | {% extends "layout.twig" %} |
2 | {% block title %}{% trans "home" %}{% endblock %} | 2 | {% block title %}{% trans "home" %}{% endblock %} |
3 | {% block menu %} | 3 | {% block menu %} |
4 | <ul id="links"> | 4 | {% include '_menu.twig' %} |
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> | ||
10 | </ul> | ||
11 | {% endblock %} | 5 | {% endblock %} |
12 | {% block precontent %} | 6 | {% block precontent %} |
13 | <ul id="sort"> | 7 | <ul id="sort"> |
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> | 8 | <li><a href="./?sort=ia"><img src="./tpl/img/up.png" title="{% trans "by date asc" %}" /></a> {% trans "by date" %} <a href="./?sort=id"><img src="./tpl/img/down.png" title="{% trans "by date desc" %}" /></a></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> | 9 | <li><a href="./?sort=ta"><img src="./tpl/img/up.png" title="{% trans "by title asc" %}" /></a> {% trans "by title" %} <a href="./?sort=td"><img src="./tpl/img/down.png" title="{% trans "by title desc" %}" /></a></li> |
16 | </ul> | 10 | </ul> |
17 | {% endblock %} | 11 | {% endblock %} |
12 | {% block messages %} | ||
13 | {% include '_messages.twig' %} | ||
14 | {% endblock %} | ||
18 | {% block content %} | 15 | {% block content %} |
19 | <div id="content"> | 16 | <div id="content"> |
20 | {% for entry in entries %} | 17 | {% for entry in entries %} |
21 | <div id="entry-{{ entry.id|e }}" class="entrie mb2"> | 18 | <div id="entry-{{ entry.id|e }}" class="entrie mb2"> |
22 | <span class="content"> | 19 | <span class="content"> |
23 | <h2 class="h6-like"> | 20 | <h2 class="h6-like"> |
24 | <a href="index.php?&view=view&id={{ entry.id|e }}">{{ entry.title|e }}</a> | 21 | <a href="index.php?view=view&id={{ entry.id|e }}">{{ entry.title|e }}</a> |
25 | </h2> | 22 | </h2> |
26 | <div class="tools"> | 23 | <div class="tools"> |
27 | <ul> | 24 | <ul> |
28 | <li> | 25 | <li> |
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> | 26 | <a title="{% trans "toggle mark as read" %}" class="tool archive {% if entry.is_read == 0 %}archive-off{% endif %}" href="./?action=toggle_archive&id={{ 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> | 27 | <li><a title="{% trans "toggle favorite" %}" class="tool fav {% if entry.is_fav == 0 %}fav-off{% endif %}" href="./?action=toggle_fav&id={{ entry.id|e }}"><span></span></a></li> |
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> | 28 | <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> |
32 | </li> | 29 | </li> |
33 | </ul> | 30 | </ul> |
34 | </div> | 31 | </div> |
35 | <div class="url">{{ entry.url|e }}</div> | 32 | <div class="url">{{ entry.url | e | getDomain }}</div> |
36 | </span> | 33 | </span> |
37 | </div> | 34 | </div> |
38 | {% endfor %} | 35 | {% endfor %} |
@@ -41,22 +38,6 @@ | |||
41 | 38 | ||
42 | {% block js %} | 39 | {% block js %} |
43 | <script type="text/javascript" src="./tpl/js/jquery-1.9.1.min.js"></script> | 40 | <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> | 41 | <script type="text/javascript" src="./tpl/js/jquery.masonry.min.js"></script> |
46 | <script type="text/javascript"> | 42 | <script type="text/javascript">$(window).load(function(){var e=3,t=function(){e=$(window).width()>640?3:$(window).width()>320?2:1};t();$(window).resize(t);$("#content").masonry({itemSelector:".entrie",columnWidth:function(t){return t/e}})})</script> |
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> | ||
62 | {% endblock %} \ No newline at end of file | 43 | {% endblock %} \ No newline at end of file |
diff --git a/tpl/img/dark/twitter.png b/tpl/img/dark/twitter.png new file mode 100755 index 00000000..4595affb --- /dev/null +++ b/tpl/img/dark/twitter.png | |||
Binary files differ | |||
diff --git a/tpl/img/light/envelop.png b/tpl/img/light/envelop.png new file mode 100755 index 00000000..6be1c886 --- /dev/null +++ b/tpl/img/light/envelop.png | |||
Binary files differ | |||
diff --git a/tpl/img/light/twitter.png b/tpl/img/light/twitter.png new file mode 100755 index 00000000..cfcfe419 --- /dev/null +++ b/tpl/img/light/twitter.png | |||
Binary files differ | |||
diff --git a/tpl/img/messages/close.png b/tpl/img/messages/close.png new file mode 100755 index 00000000..731aa018 --- /dev/null +++ b/tpl/img/messages/close.png | |||
Binary files differ | |||
diff --git a/tpl/img/messages/cross.png b/tpl/img/messages/cross.png new file mode 100755 index 00000000..1514d51a --- /dev/null +++ b/tpl/img/messages/cross.png | |||
Binary files differ | |||
diff --git a/tpl/img/messages/help.png b/tpl/img/messages/help.png new file mode 100755 index 00000000..5c870176 --- /dev/null +++ b/tpl/img/messages/help.png | |||
Binary files differ | |||
diff --git a/tpl/img/messages/tick.png b/tpl/img/messages/tick.png new file mode 100755 index 00000000..a9925a06 --- /dev/null +++ b/tpl/img/messages/tick.png | |||
Binary files differ | |||
diff --git a/tpl/img/messages/warning.png b/tpl/img/messages/warning.png new file mode 100755 index 00000000..628cf2da --- /dev/null +++ b/tpl/img/messages/warning.png | |||
Binary files differ | |||
diff --git a/tpl/js/poche.js b/tpl/js/poche.js deleted file mode 100644 index b4eac11c..00000000 --- a/tpl/js/poche.js +++ /dev/null | |||
@@ -1,57 +0,0 @@ | |||
1 | function toggle_favorite(element, id) { | ||
2 | $(element).toggleClass('fav-off'); | ||
3 | $.ajax ({ | ||
4 | url: "index.php?action=toggle_fav", | ||
5 | data:{id:id} | ||
6 | }); | ||
7 | } | ||
8 | |||
9 | function toggle_archive(element, id, view_article) { | ||
10 | $(element).toggleClass('archive-off'); | ||
11 | $.ajax ({ | ||
12 | url: "index.php?action=toggle_archive", | ||
13 | data:{id:id} | ||
14 | }); | ||
15 | var obj = $('#entry-'+id); | ||
16 | |||
17 | // on vient de la vue de l'article, donc pas de gestion de grille | ||
18 | if (view_article != 1) { | ||
19 | $('#content').masonry('remove',obj); | ||
20 | $('#content').masonry('reloadItems'); | ||
21 | $('#content').masonry('reload'); | ||
22 | } | ||
23 | } | ||
24 | |||
25 | function sort_links(view, sort) { | ||
26 | $.get('index.php', { view: view, sort: sort }, function(data) { | ||
27 | $('#content').html(data); | ||
28 | }); | ||
29 | } | ||
30 | |||
31 | |||
32 | // ---------- Swith light or dark view | ||
33 | function setActiveStyleSheet(title) { | ||
34 | var i, a, main; | ||
35 | for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { | ||
36 | if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) { | ||
37 | a.disabled = true; | ||
38 | if(a.getAttribute("title") == title) a.disabled = false; | ||
39 | } | ||
40 | } | ||
41 | } | ||
42 | $('#themeswitch').click(function() { | ||
43 | // we want the dark | ||
44 | if ($('body').hasClass('light-style')) { | ||
45 | setActiveStyleSheet('dark-style'); | ||
46 | $('body').addClass('dark-style'); | ||
47 | $('body').removeClass('light-style'); | ||
48 | $('#themeswitch').text('light'); | ||
49 | // we want the light | ||
50 | } else if ($('body').hasClass('dark-style')) { | ||
51 | setActiveStyleSheet('light-style'); | ||
52 | $('body').addClass('light-style'); | ||
53 | $('body').removeClass('dark-style'); | ||
54 | $('#themeswitch').text('dark'); | ||
55 | } | ||
56 | return false; | ||
57 | }); | ||
diff --git a/tpl/layout.twig b/tpl/layout.twig index cbe965fd..9dc83efe 100644 --- a/tpl/layout.twig +++ b/tpl/layout.twig | |||
@@ -17,6 +17,7 @@ | |||
17 | <div id="main"> | 17 | <div id="main"> |
18 | {% block menu %}{% endblock %} | 18 | {% block menu %}{% endblock %} |
19 | {% block precontent %}{% endblock %} | 19 | {% block precontent %}{% endblock %} |
20 | {% block messages %}{% endblock %} | ||
20 | {% block content %}{% endblock %} | 21 | {% block content %}{% endblock %} |
21 | {% block js %}{% endblock %} | 22 | {% block js %}{% endblock %} |
22 | </div> | 23 | </div> |
diff --git a/tpl/view.twig b/tpl/view.twig index bf9a9af9..692f9555 100644 --- a/tpl/view.twig +++ b/tpl/view.twig | |||
@@ -1,42 +1,40 @@ | |||
1 | {% extends "layout.twig" %} | 1 | {% extends "layout.twig" %} |
2 | {% block title %}{% trans "home" %}{% endblock %} | 2 | {% block title %}{% trans "home" %}{% endblock %} |
3 | 3 | {% block messages %} | |
4 | {% include '_messages.twig' %} | ||
5 | {% endblock %} | ||
4 | {% block content %} | 6 | {% block content %} |
5 | <div id="article" class="w600p"> | 7 | <div id="article" class="w600p"> |
6 | <div class="backhome"> | ||
7 | <a href="./" title="{% trans "back to home" %}">←</a> | ||
8 | </div> | ||
9 | <div class="tools"> | 8 | <div class="tools"> |
10 | <ul> | 9 | <ul> |
11 | {% if constant('SHARE_TWITTER') == 1 %}<li><a href="https://twitter.com/home?status={{entry.title}}%20{{ entry.url|e }}%20via%20@getpoche" target="_blank" class="tool twitter"><span></span></a></li>{% endif %} | 10 | <li><a href="./" title="{% trans "back to home" %}" class="tool">←</a></li> |
12 | <li><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> | 11 | <li><a title="{% trans "toggle mark as read" %}" class="tool archive {% if entry.is_read == 0 %}archive-off{% endif %}" href="./?action=toggle_archive&id={{ entry.id|e }}"><span></span></a></li> |
13 | <li><a href="#" id="themeswitch">{% trans "dark" %}</a></li> | 12 | <li><a title="{% trans "toggle favorite" %}" class="tool fav {% if entry.is_fav == 0 %}fav-off{% endif %}" href="./?action=toggle_fav&id={{ entry.id|e }}"><span></span></a></li> |
14 | <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> | ||
15 | <li><form method="post" style="display: inline;" action="index.php"><input type="hidden" name="token" id="token" value="{{ token }}" /><input type="hidden" id="view" name="view" value="index" /><input type="hidden" id="action" name="action" value="delete" /><input type="hidden" id="id" name="id" value="{{ entry.id|e }}" /><input type="submit" class="delete" title="{% trans "toggle delete" %}" /></form></li> | 13 | <li><form method="post" style="display: inline;" action="index.php"><input type="hidden" name="token" id="token" value="{{ token }}" /><input type="hidden" id="view" name="view" value="index" /><input type="hidden" id="action" name="action" value="delete" /><input type="hidden" id="id" name="id" value="{{ entry.id|e }}" /><input type="submit" class="delete" title="{% trans "toggle delete" %}" /></form></li> |
16 | <li><a href="./?logout" title="{% trans "logout" %}">{% trans "logout" %}</a></li> | 14 | {% if constant('SHARE_TWITTER') == 1 %}<li><a href="https://twitter.com/home?status={{entry.title}}%20{{ entry.url|e }}%20via%20@getpoche" target="_blank" class="tool twitter"><span></span></a></li>{% endif %} |
15 | {% if constant('SHARE_MAIL') == 1 %}<li><a href="mailto:?subject={{ entry.title|e }}&body={{ entry.url|e }} via @getpoche" class="tool email"><span></span></a></li>{% endif %} | ||
17 | </ul> | 16 | </ul> |
18 | </div> | 17 | </div> |
19 | <header class="mbm"> | 18 | <header class="mbm"> |
20 | <h1><a href="{{ entry.url|e }}">{{ entry.title|e }}</a></h1> | 19 | <h1>{{ entry.title|e }}</h1> |
21 | <div class="vieworiginal txtright small"><a href="{{ entry.url|e }}" target="_blank" title="{% trans "original" %} : {{ entry.title|e }}">{% trans "view original" %}</a></div> | 20 | <div class="vieworiginal txtright small"><a href="{{ entry.url|e }}" target="_blank" title="{% trans "original" %} : {{ entry.title|e }}">{{ entry.url | e | getDomain }}</a></div> |
22 | </header> | 21 | </header> |
23 | <article> | 22 | <article> |
24 | <div id="readityourselfcontent"> | 23 | <div id="readityourselfcontent"> |
25 | {{ content | raw }} | 24 | {{ content | raw }} |
26 | </div> | 25 | </div> |
27 | </article> | 26 | </article> |
28 | <div class="vieworiginal txtright small"><a href="{$url}" target="_blank" title="{% trans "original" %} : {{ entry.title|e }}">{% trans "view original" %}</a></div> | 27 | <div class="vieworiginal txtright small"><a href="{{ entry.url|e }}" target="_blank" title="{% trans "original" %} : {{ entry.title|e }}">{{ entry.url | e | getDomain }}</a></div> |
29 | <div class="backhome"> | 28 | <div class="backhome"> |
30 | <a href="./" title="{% trans "back to home" %}">←</a> | 29 | <a href="./" title="{% trans "back to home" %}">←</a> |
31 | <a href="#" title="{% trans "back to top" %}">↑</a> | 30 | <a href="#" title="{% trans "back to top" %}">↑</a> |
32 | </div> | 31 | </div> |
33 | <div class="support"> | 32 | <div class="support"> |
34 | {% trans "this article appears wrong?" %} <a href="https://github.com/inthepoche/poche/issues/new">{% trans "create an issue" %}</a> {% trans "or" %} <a href="mailto:support@inthepoche.com">{% trans "contact us by mail" %}</a> | 33 | {% trans "this article appears wrong?" %} <a href="https://github.com/inthepoche/poche/issues/new">{% trans "create an issue" %}</a> {% trans "or" %} <a href="mailto:support@inthepoche.com?subject=Wrong display in poche&body={{ entry.url|e }}">{% trans "contact us by mail" %}</a> |
35 | </div> | 34 | </div> |
36 | </div> | 35 | </div> |
37 | {% endblock %} | 36 | {% endblock %} |
38 | 37 | ||
39 | {% block js %} | 38 | {% block js %} |
40 | <script type="text/javascript" src="./tpl/js/jquery-1.9.1.min.js"></script> | 39 | <script type="text/javascript" src="./tpl/js/jquery-1.9.1.min.js"></script> |
41 | <script type="text/javascript" src="./tpl/js/poche.js"></script> | ||
42 | {% endblock %} \ No newline at end of file | 40 | {% endblock %} \ No newline at end of file |