diff options
Diffstat (limited to 'src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entry.html.twig')
-rw-r--r-- | src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entry.html.twig | 46 |
1 files changed, 41 insertions, 5 deletions
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entry.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entry.html.twig index 3e161745..5d098232 100644 --- a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entry.html.twig +++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entry.html.twig | |||
@@ -3,8 +3,36 @@ | |||
3 | {% block title %}{{ entry.title|raw }} ({{ entry.url | e | domainName }}){% endblock %} | 3 | {% block title %}{{ entry.title|raw }} ({{ entry.url | e | domainName }}){% endblock %} |
4 | 4 | ||
5 | {% block menu %} | 5 | {% block menu %} |
6 | <nav class="hide-on-large-only"> | ||
7 | <div class="nav-wrapper cyan darken-1"> | ||
8 | <ul> | ||
9 | <li> | ||
10 | <a class="waves-effect" href="/"> | ||
11 | <i class="mdi-action-exit-to-app"></i> | ||
12 | </a> | ||
13 | </li> | ||
14 | </ul> | ||
15 | <ul class="right"> | ||
16 | <li> | ||
17 | <a class="waves-effect" title="{% trans %}Mark as read{% endtrans %}" href="{{ path('archive_entry', { 'id': entry.id }) }}" id="markAsRead"> | ||
18 | <i class="{% if entry.isArchived == 0 %}mdi-action-done{% else %}mdi-content-redo{% endif %} small"></i> | ||
19 | </a> | ||
20 | </li> | ||
21 | <li> | ||
22 | <a class="waves-effect" title="{% trans %}Favorite{% endtrans %}" href="{{ path('star_entry', { 'id': entry.id }) }}" id="setFav"> | ||
23 | <i class="{% if entry.isStarred == 0 %}mdi-action-favorite-outline{% else %}mdi-action-favorite{% endif %} small"></i> | ||
24 | </a> | ||
25 | </li> | ||
26 | <li> | ||
27 | <a href="#" data-activates="slide-out" class="button-collapse right"> | ||
28 | <i class="mdi-navigation-menu"></i> | ||
29 | </a> | ||
30 | </li> | ||
31 | </ul> | ||
32 | </div> | ||
33 | </nav> | ||
6 | <ul id="slide-out" class="collapsible side-nav fixed reader-mode" data-collapsible="accordion"> | 34 | <ul id="slide-out" class="collapsible side-nav fixed reader-mode" data-collapsible="accordion"> |
7 | <li class="bold border-bottom"> | 35 | <li class="bold border-bottom hide-on-med-and-down"> |
8 | <a class="waves-effect collapsible-header" href="/"> | 36 | <a class="waves-effect collapsible-header" href="/"> |
9 | <i class="mdi-action-exit-to-app small"></i> | 37 | <i class="mdi-action-exit-to-app small"></i> |
10 | <span>{% trans %}back{% endtrans %}</span> | 38 | <span>{% trans %}back{% endtrans %}</span> |
@@ -12,7 +40,7 @@ | |||
12 | <div class="collapsible-body"></div> | 40 | <div class="collapsible-body"></div> |
13 | </li> | 41 | </li> |
14 | 42 | ||
15 | <li class="bold"> | 43 | <li class="bold hide-on-med-and-down"> |
16 | <a class="waves-effect collapsible-header" title="{% trans %}Mark as read{% endtrans %}" href="{{ path('archive_entry', { 'id': entry.id }) }}" id="markAsRead"> | 44 | <a class="waves-effect collapsible-header" title="{% trans %}Mark as read{% endtrans %}" href="{{ path('archive_entry', { 'id': entry.id }) }}" id="markAsRead"> |
17 | <i class="{% if entry.isArchived == 0 %}mdi-action-done{% else %}mdi-content-redo{% endif %} small"></i> | 45 | <i class="{% if entry.isArchived == 0 %}mdi-action-done{% else %}mdi-content-redo{% endif %} small"></i> |
18 | <span>{% trans %}Toggle mark as read{% endtrans %}</span> | 46 | <span>{% trans %}Toggle mark as read{% endtrans %}</span> |
@@ -20,14 +48,14 @@ | |||
20 | <div class="collapsible-body"></div> | 48 | <div class="collapsible-body"></div> |
21 | </li> | 49 | </li> |
22 | 50 | ||
23 | <li class="bold"> | 51 | <li class="bold hide-on-med-and-down"> |
24 | <a class="waves-effect collapsible-header" title="{% trans %}Favorite{% endtrans %}" href="{{ path('star_entry', { 'id': entry.id }) }}" id="setFav"> | 52 | <a class="waves-effect collapsible-header" title="{% trans %}Favorite{% endtrans %}" href="{{ path('star_entry', { 'id': entry.id }) }}" id="setFav"> |
25 | <i class="{% if entry.isStarred == 0 %}mdi-action-favorite-outline{% else %}mdi-action-favorite{% endif %} small"></i> | 53 | <i class="{% if entry.isStarred == 0 %}mdi-action-favorite-outline{% else %}mdi-action-favorite{% endif %} small"></i> |
26 | <span>{% trans %}Toggle favorite{% endtrans %}</span> | 54 | <span>{% trans %}Toggle favorite{% endtrans %}</span> |
27 | </a> | 55 | </a> |
28 | <div class="collapsible-body"></div> | 56 | <div class="collapsible-body"></div> |
29 | </li> | 57 | </li> |
30 | <li class="bold border-bottom"> | 58 | <li class="bold border-bottom hide-on-med-and-down"> |
31 | <a class="waves-effect collapsible-header" title="{% trans %}Delete{% endtrans %}" href="{{ path('delete_entry', { 'id': entry.id }) }}"> | 59 | <a class="waves-effect collapsible-header" title="{% trans %}Delete{% endtrans %}" href="{{ path('delete_entry', { 'id': entry.id }) }}"> |
32 | <i class="mdi-action-delete small"></i> | 60 | <i class="mdi-action-delete small"></i> |
33 | <span>{% trans %}Delete{% endtrans %}</span> | 61 | <span>{% trans %}Delete{% endtrans %}</span> |
@@ -66,6 +94,14 @@ | |||
66 | </div> | 94 | </div> |
67 | </li> | 95 | </li> |
68 | 96 | ||
97 | <li class="bold hide-on-large-only"> | ||
98 | <a class="waves-effect collapsible-header" title="{% trans %}Delete{% endtrans %}" href="{{ path('delete_entry', { 'id': entry.id }) }}"> | ||
99 | <i class="mdi-action-delete small"></i> | ||
100 | <span>{% trans %}Delete{% endtrans %}</span> | ||
101 | </a> | ||
102 | <div class="collapsible-body"></div> | ||
103 | </li> | ||
104 | |||
69 | <li class="bold"> | 105 | <li class="bold"> |
70 | <a class="waves-effect collapsible-header" href="mailto:hello@wallabag.org?subject=Wrong%20display%20in%20wallabag&body={{ entry.url|url_encode }}" title="{% trans %}Does this article appear wrong?{% endtrans %}"> | 106 | <a class="waves-effect collapsible-header" href="mailto:hello@wallabag.org?subject=Wrong%20display%20in%20wallabag&body={{ entry.url|url_encode }}" title="{% trans %}Does this article appear wrong?{% endtrans %}"> |
71 | <i class="mdi-alert-error small"></i> | 107 | <i class="mdi-alert-error small"></i> |
@@ -86,7 +122,7 @@ main { | |||
86 | {% block content %} | 122 | {% block content %} |
87 | <div id="article"> | 123 | <div id="article"> |
88 | <header class="mbm"> | 124 | <header class="mbm"> |
89 | <h1>{{ entry.title|raw }} <a href="{{ path('edit', { 'id': entry.id }) }}" title="{% trans %}Edit tags{% endtrans %}">✎</a></h1> | 125 | <h1>{{ entry.title|raw }} <a href="{{ path('edit', { 'id': entry.id }) }}" title="{% trans %}Edit title{% endtrans %}">✎</a></h1> |
90 | <a href="{{ entry.url|e }}" target="_blank" title="{% trans %}original{% endtrans %} : {{ entry.title|e }}" class="tool link"><span>{{ entry.url | e | domainName }}</span></a> | 126 | <a href="{{ entry.url|e }}" target="_blank" title="{% trans %}original{% endtrans %} : {{ entry.title|e }}" class="tool link"><span>{{ entry.url | e | domainName }}</span></a> |
91 | </header> | 127 | </header> |
92 | <aside class="tags"> | 128 | <aside class="tags"> |