diff options
Diffstat (limited to 'src/Wallabag/CoreBundle/Resources/views/themes/material/Entry')
3 files changed, 86 insertions, 44 deletions
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 7777dc7f..d6dd7c37 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 | |||
@@ -15,51 +15,82 @@ | |||
15 | 15 | ||
16 | {% block content %} | 16 | {% block content %} |
17 | {% block pager %} | 17 | {% block pager %} |
18 | {% if entries is not empty %} | 18 | <div class="results clearfix"> |
19 | <div class="results clearfix"> | 19 | <div class="nb-results left">{% transchoice entries.count %}{0} There is no entry.|{1} There is one entry.|]1,Inf[ There are %count% entries.{% endtranschoice %}</div> |
20 | <div class="nb-results left">{{ entries.count }} {% trans %}entries{% endtrans %}</div> | 20 | <ul class="pagination right"> |
21 | <div class="left"><form>{{ form_rest(form) }}<button class="btn waves-effect waves-light" type="submit" id="submit-filter" value="filter">Filter</button></form></div> | 21 | {% for p in range(1, entries.nbPages) if entries.nbPages > 1 %} |
22 | <ul class="pagination right"> | 22 | <li class="{{ currentPage == p ? 'active':'waves-effect'}}"> |
23 | {% for p in range(1, entries.nbPages) if entries.nbPages > 1 %} | 23 | <a href="{{ path(app.request.attributes.get('_route'), app.request.query.all|merge({'page': p})) }}">{{ p }}</a> |
24 | <li class="{{ currentPage == p ? 'active':'waves-effect'}}"> | 24 | </li> |
25 | <a href="{{ path(app.request.attributes.get('_route'), {'page': p}) }}" >{{ p }}</a> | 25 | {% endfor %} |
26 | </li> | ||
27 | {% endfor %} | ||
28 | </div> | ||
29 | </div> | 26 | </div> |
30 | {% endif %} | 27 | </div> |
31 | {% endblock %} | 28 | {% endblock %} |
32 | <br> | 29 | <br /> |
33 | {% if entries is empty %} | 30 | <ul class="row data"> |
34 | <div class="messages warning"><p>{% trans %}No articles found.{% endtrans %}</p></div> | 31 | {% for entry in entries %} |
35 | {% else %} | 32 | <li id="entry-{{ entry.id|e }}" class="col l4 m6 s12"> |
36 | <ul class="row data"> | 33 | <div class="card"> |
37 | {% for entry in entries %} | 34 | <div class="card-content"> |
38 | <li id="entry-{{ entry.id|e }}" class="col l4 m6 s12"> | 35 | <span class="card-title"><a href="{{ path('view', { 'id': entry.id }) }}">{{ entry.title|raw }}</a></span> |
39 | <div class="card"> | 36 | {% if entry.readingTime > 0 %} |
40 | <div class="card-content"> | 37 | <div class="estimatedTime grey-text"><span class="tool reading-time">{% trans %}estimated reading time: {% endtrans %} {{ entry.readingTime }} min</span></div> |
41 | <span class="card-title"><a href="{{ path('view', { 'id': entry.id }) }}">{{ entry.title|raw }}</a></span> | 38 | {% else %} |
42 | {% if entry.readingTime > 0 %} | 39 | <div class="estimatedTime grey-text"><span class="tool reading-time">{% trans %}estimated reading time: {% endtrans %} <small class="inferieur"><</small> 1 min</span></div> |
43 | <div class="estimatedTime grey-text"><span class="tool reading-time">{% trans %}estimated reading time: {% endtrans %} {{ entry.readingTime }} min</span></div> | 40 | {% endif %} |
44 | {% else %} | 41 | <p>{{ entry.content|striptags|slice(0, 300) }}...</p> |
45 | <div class="estimatedTime grey-text"><span class="tool reading-time">{% trans %}estimated reading time: {% endtrans %} <small class="inferieur"><</small> 1 min</span></div> | 42 | </div> |
46 | {% endif %} | 43 | <div class="card-action"> |
47 | <p>{{ entry.content|striptags|slice(0, 300) }}...</p> | 44 | <span class="bold"><a href="{{ entry.url|e }}" target="_blank" title="{% trans %}original{% endtrans %}: {{ entry.title|e }}" class="tool original grey-text"><span>{{ entry.domainName }}</span></a></bold> |
48 | </div> | ||
49 | <div class="card-action"> | ||
50 | <span class="bold"><a href="{{ entry.url|e }}" target="_blank" title="{% trans %}original{% endtrans %}: {{ entry.title|e }}" class="tool original grey-text"><span>{{ entry.domainName }}</span></a></bold> | ||
51 | 45 | ||
52 | <ul class="tools links right"> | 46 | <ul class="tools links right"> |
53 | <li> | 47 | <li> |
54 | <a title="{% trans %}Toggle mark as read{% endtrans %}" class="tool grey-text {% if entry.isArchived == 0 %}mdi-action-done{% else %}mdi-content-redo{% endif %}" href="{{ path('archive_entry', { 'id': entry.id }) }}"></a> | 48 | <a title="{% trans %}Toggle mark as read{% endtrans %}" class="tool grey-text {% if entry.isArchived == 0 %}mdi-action-done{% else %}mdi-content-redo{% endif %}" href="{{ path('archive_entry', { 'id': entry.id }) }}"></a> |
55 | <a title="{% trans %}toggle favorite{% endtrans %}" class="tool grey-text {% if entry.isStarred == 0 %}mdi-action-favorite-outline{% else %}mdi-action-favorite{% endif %}" href="{{ path('star_entry', { 'id': entry.id }) }}"></a> | 49 | <a title="{% trans %}toggle favorite{% endtrans %}" class="tool grey-text {% if entry.isStarred == 0 %}mdi-action-favorite-outline{% else %}mdi-action-favorite{% endif %}" href="{{ path('star_entry', { 'id': entry.id }) }}"></a> |
56 | <a title="{% trans %}delete{% endtrans %}" class="tool grey-text delete mdi-action-delete " href="{{ path('delete_entry', { 'id': entry.id }) }}"></a> | 50 | <a title="{% trans %}delete{% endtrans %}" class="tool grey-text delete mdi-action-delete " href="{{ path('delete_entry', { 'id': entry.id }) }}"></a> |
57 | </li> | 51 | </li> |
58 | </ul> | 52 | </ul> |
59 | </div> | ||
60 | </div> | 53 | </div> |
61 | </li> | 54 | </div> |
62 | {% endfor %} | 55 | </li> |
63 | </ul> | 56 | {% endfor %} |
64 | {% endif %} | 57 | </ul> |
58 | |||
59 | |||
60 | <!-- Filters --> | ||
61 | <div id="filters" class="side-nav fixed right-aligned"> | ||
62 | <form> | ||
63 | |||
64 | <h4 class="center">{% trans %}Filters{% endtrans %}</h1> | ||
65 | |||
66 | <div class="row"> | ||
67 | |||
68 | <div class="col s12"> | ||
69 | <label>{% trans %}Reading time in minutes{% endtrans %}</label> | ||
70 | </div> | ||
71 | <div class="input-field col s6"> | ||
72 | {{ form_widget(form.readingTime.left_number, {'type': 'number'}) }} | ||
73 | <label for="entry_filter_readingTime_left_number">{% trans %}from{% endtrans %}</label> | ||
74 | </div> | ||
75 | <div class="input-field col s6"> | ||
76 | {{ form_widget(form.readingTime.right_number, {'type': 'number'}) }} | ||
77 | <label for="entry_filter_readingTime_right_number">{% trans %}to{% endtrans %}</label> | ||
78 | </div> | ||
79 | |||
80 | <div class="col s12"> | ||
81 | <label>{% trans %}Create at{% endtrans %}</label> | ||
82 | </div> | ||
83 | |||
84 | <div class="col s6"> | ||
85 | <a href="#!" class="center waves-effect waves-green btn-flat" id="clear_form_filters">{% trans %}Clear{% endtrans %}</a> | ||
86 | </div> | ||
87 | |||
88 | <div class="col s6"> | ||
89 | <button class="btn waves-effect waves-light" type="submit" id="submit-filter" value="filter">{% trans %}Filter{% endtrans %}</button> | ||
90 | </div> | ||
91 | |||
92 | </div> | ||
93 | |||
94 | </form> | ||
95 | </div> | ||
65 | {% endblock %} | 96 | {% endblock %} |
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 4b0e1a7b..b92c41b6 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,6 +3,9 @@ | |||
3 | {% block title %}{{ entry.title|raw }} ({{ entry.domainName }}){% endblock %} | 3 | {% block title %}{{ entry.title|raw }} ({{ entry.domainName }}){% endblock %} |
4 | 4 | ||
5 | {% block menu %} | 5 | {% block menu %} |
6 | <div class="progress"> | ||
7 | <div class="determinate"></div> | ||
8 | </div> | ||
6 | <nav class="hide-on-large-only"> | 9 | <nav class="hide-on-large-only"> |
7 | <div class="nav-wrapper cyan darken-1"> | 10 | <div class="nav-wrapper cyan darken-1"> |
8 | <ul> | 11 | <ul> |
@@ -40,6 +43,14 @@ | |||
40 | <div class="collapsible-body"></div> | 43 | <div class="collapsible-body"></div> |
41 | </li> | 44 | </li> |
42 | 45 | ||
46 | <li class="bold border-bottom hide-on-med-and-down"> | ||
47 | <a class="waves-effect collapsible-header" href="{{ entry.url|e }}"> | ||
48 | <i class="mdi-content-link small"></i> | ||
49 | <span>{% trans %}original article{% endtrans %}</span> | ||
50 | </a> | ||
51 | <div class="collapsible-body"></div> | ||
52 | </li> | ||
53 | |||
43 | <li class="bold hide-on-med-and-down"> | 54 | <li class="bold hide-on-med-and-down"> |
44 | <a class="waves-effect collapsible-header" title="{% trans %}Mark as read{% endtrans %}" href="{{ path('archive_entry', { 'id': entry.id }) }}" id="markAsRead"> | 55 | <a class="waves-effect collapsible-header" title="{% trans %}Mark as read{% endtrans %}" href="{{ path('archive_entry', { 'id': entry.id }) }}" id="markAsRead"> |
45 | <i class="{% if entry.isArchived == 0 %}mdi-action-done{% else %}mdi-content-redo{% endif %} small"></i> | 56 | <i class="{% if entry.isArchived == 0 %}mdi-action-done{% else %}mdi-content-redo{% endif %} small"></i> |
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/new_form.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/new_form.html.twig index 1a3ab86d..fda53e5b 100644 --- a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/new_form.html.twig +++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/new_form.html.twig | |||
@@ -8,7 +8,7 @@ | |||
8 | <span class="black-text">{{ form_errors(form.url) }}</span> | 8 | <span class="black-text">{{ form_errors(form.url) }}</span> |
9 | {% endif %} | 9 | {% endif %} |
10 | 10 | ||
11 | {{ form_widget(form.url) }} | 11 | {{ form_widget(form.url, { 'attr': {'autocomplete': 'off'} }) }} |
12 | 12 | ||
13 | <div class="hidden">{{ form_rest(form) }}</div> | 13 | <div class="hidden">{{ form_rest(form) }}</div> |
14 | </form> | 14 | </form> |