diff options
Diffstat (limited to 'src/Wallabag/CoreBundle/Resources/views/themes/material/Entry')
4 files changed, 126 insertions, 6 deletions
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/edit.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/edit.html.twig new file mode 100644 index 00000000..c002c4c3 --- /dev/null +++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/edit.html.twig | |||
@@ -0,0 +1,44 @@ | |||
1 | {% extends "WallabagCoreBundle::layout.html.twig" %} | ||
2 | |||
3 | {% block title %}{% trans %}Edit an entry{% endtrans %}{% endblock %} | ||
4 | |||
5 | {% block content %} | ||
6 | |||
7 | <div class="row"> | ||
8 | <div class="col s12"> | ||
9 | <div class="card-panel"> | ||
10 | |||
11 | <form name="entry" method="post" action=""> | ||
12 | <div class="card-content"> | ||
13 | |||
14 | {% if form_errors(form) %} | ||
15 | <span class="black-text">{{ form_errors(form) }}</span> | ||
16 | {% endif %} | ||
17 | |||
18 | {% if form_errors(form.title) %} | ||
19 | <span class="black-text">{{ form_errors(form.title) }}</span> | ||
20 | {% endif %} | ||
21 | |||
22 | <div class="input-field s12"> | ||
23 | {{ form_label(form.title) }} | ||
24 | {{ form_widget(form.title) }} | ||
25 | </div> | ||
26 | |||
27 | <div class="input-field s12"> | ||
28 | {{ form_widget(form.is_public) }} | ||
29 | {{ form_label(form.is_public) }} | ||
30 | </div> | ||
31 | <br> | ||
32 | <button class="btn waves-effect waves-light" type="submit" name="entry[save]"> | ||
33 | {% trans %}Save{% endtrans %} | ||
34 | <i class="mdi-content-send right"></i> | ||
35 | </button> | ||
36 | </div> | ||
37 | <div class="hidden">{{ form_rest(form) }}</div> | ||
38 | </form> | ||
39 | |||
40 | </div> | ||
41 | </div> | ||
42 | </div> | ||
43 | |||
44 | {% endblock %} | ||
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig index f68eec12..5ef5125f 100644 --- a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig +++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig | |||
@@ -21,7 +21,7 @@ | |||
21 | {% if entries is empty %} | 21 | {% if entries is empty %} |
22 | <div class="messages warning"><p>{% trans %}No articles found.{% endtrans %}</p></div> | 22 | <div class="messages warning"><p>{% trans %}No articles found.{% endtrans %}</p></div> |
23 | {% else %} | 23 | {% else %} |
24 | <ul class="row"> | 24 | <ul class="row data"> |
25 | {% for entry in entries %} | 25 | {% for entry in entries %} |
26 | <li id="entry-{{ entry.id|e }}" class="col l4 m6 s12"> | 26 | <li id="entry-{{ entry.id|e }}" class="col l4 m6 s12"> |
27 | <div class="card"> | 27 | <div class="card"> |
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"> |
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/new.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/new.html.twig new file mode 100644 index 00000000..cac9a96b --- /dev/null +++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/new.html.twig | |||
@@ -0,0 +1,40 @@ | |||
1 | {% extends "WallabagCoreBundle::layout.html.twig" %} | ||
2 | |||
3 | {% block title %}{% trans %}Save new entry{% endtrans %}{% endblock %} | ||
4 | |||
5 | {% block content %} | ||
6 | <div class="row"> | ||
7 | <div class="col s12"> | ||
8 | <div class="card-panel"> | ||
9 | |||
10 | <form name="entry" method="post" action=""> | ||
11 | <div class="card-content"> | ||
12 | |||
13 | {% if form_errors(form) %} | ||
14 | <span class="black-text">{{ form_errors(form) }}</span> | ||
15 | {% endif %} | ||
16 | |||
17 | {% if form_errors(form.url) %} | ||
18 | <span class="black-text">{{ form_errors(form.url) }}</span> | ||
19 | {% endif %} | ||
20 | |||
21 | <div class="input-field s12"> | ||
22 | {{ form_label(form.url) }} | ||
23 | {{ form_widget(form.url) }} | ||
24 | </div> | ||
25 | |||
26 | <button class="btn waves-effect waves-light" type="submit" name="entry[save]"> | ||
27 | {% trans %}Save{% endtrans %} | ||
28 | <i class="mdi-content-send right"></i> | ||
29 | </button> | ||
30 | </div> | ||
31 | <div class="hidden">{{ form_rest(form) }}</div> | ||
32 | </form> | ||
33 | |||
34 | |||
35 | {{ form(form) }} | ||
36 | |||
37 | </div> | ||
38 | </div> | ||
39 | </div> | ||
40 | {% endblock %} | ||