diff options
Diffstat (limited to 'src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig')
-rw-r--r-- | src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig | 30 |
1 files changed, 23 insertions, 7 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 920fa933..e9a2b183 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 | |||
@@ -26,16 +26,21 @@ | |||
26 | <div class="card-body"> | 26 | <div class="card-body"> |
27 | {% if not entry.previewPicture is null %} | 27 | {% if not entry.previewPicture is null %} |
28 | <div class="card-image waves-effect waves-block waves-light"> | 28 | <div class="card-image waves-effect waves-block waves-light"> |
29 | <ul class="card-entry-labels"> | ||
30 | {% for tag in entry.tags | slice(0, 3) %} | ||
31 | <li>{{ tag.label }}</li> | ||
32 | {% endfor %} | ||
33 | </ul> | ||
29 | <div class="preview activator" style="background-image: url({{ entry.previewPicture }})"></div> | 34 | <div class="preview activator" style="background-image: url({{ entry.previewPicture }})"></div> |
30 | </div> | 35 | </div> |
31 | {% endif %} | 36 | {% endif %} |
32 | 37 | ||
33 | <div class="card-content"> | 38 | <div class="card-content"> |
34 | {% if not entry.previewPicture is null %} | 39 | {% if not entry.previewPicture is null %} |
35 | <i class="card-title grey-text text-darken-4 activator mdi-navigation-more-horiz right"></i> | 40 | <i class="card-title grey-text text-darken-4 activator material-icons right">more_vert</i> |
36 | {% endif %} | 41 | {% endif %} |
37 | 42 | ||
38 | <span class="card-title"><a href="{{ path('view', { 'id': entry.id }) }}" title="{{ entry.title|raw }}">{{ entry.title|striptags|slice(0, 42)|raw }}</a></span> | 43 | <span class="card-title"><a href="{{ path('view', { 'id': entry.id }) }}" title="{{ entry.title|striptags }}">{{ entry.title|striptags|raw }}</a></span> |
39 | 44 | ||
40 | <div class="estimatedTime grey-text"> | 45 | <div class="estimatedTime grey-text"> |
41 | <span class="tool reading-time"> | 46 | <span class="tool reading-time"> |
@@ -50,13 +55,18 @@ | |||
50 | 55 | ||
51 | {% if entry.previewPicture is null %} | 56 | {% if entry.previewPicture is null %} |
52 | <p>{{ entry.content|striptags|slice(0, 300)|raw }}…</p> | 57 | <p>{{ entry.content|striptags|slice(0, 300)|raw }}…</p> |
58 | <ul class="card-entry-labels-hidden"> | ||
59 | {% for tag in entry.tags | slice(0, 2) %} | ||
60 | <li>{{ tag.label }}</li> | ||
61 | {% endfor %} | ||
62 | </ul> | ||
53 | {% endif %} | 63 | {% endif %} |
54 | </div> | 64 | </div> |
55 | </div> | 65 | </div> |
56 | 66 | ||
57 | {% if not entry.previewPicture is null %} | 67 | {% if not entry.previewPicture is null %} |
58 | <div class="card-reveal"> | 68 | <div class="card-reveal"> |
59 | <i class="card-title grey-text text-darken-4 mdi-card-close right"></i> | 69 | <i class="card-title grey-text text-darken-4 material-icons right">clear</i> |
60 | <span class="card-title"><a href="{{ path('view', { 'id': entry.id }) }}">{{ entry.title|raw }}</a></span> | 70 | <span class="card-title"><a href="{{ path('view', { 'id': entry.id }) }}">{{ entry.title|raw }}</a></span> |
61 | 71 | ||
62 | <div class="estimatedTime grey-text"> | 72 | <div class="estimatedTime grey-text"> |
@@ -66,6 +76,12 @@ | |||
66 | </div> | 76 | </div> |
67 | 77 | ||
68 | <p>{{ entry.content|striptags|slice(0, 300)|raw }}…</p> | 78 | <p>{{ entry.content|striptags|slice(0, 300)|raw }}…</p> |
79 | |||
80 | <ul class="card-entry-tags"> | ||
81 | {% for tag in entry.tags %} | ||
82 | <li>{{ tag.label }}</li> | ||
83 | {% endfor %} | ||
84 | </ul> | ||
69 | </div> | 85 | </div> |
70 | {% endif %} | 86 | {% endif %} |
71 | 87 | ||
@@ -74,11 +90,11 @@ | |||
74 | <a href="{{ entry.url|e }}" target="_blank" title="{{ 'entry.list.original_article'|trans }}: {{ entry.title|e }} - {{ entry.domainName|removeWww }}" class="tool original grey-text"><span>{{ entry.domainName|removeWww|truncate(18) }}</span></a> | 90 | <a href="{{ entry.url|e }}" target="_blank" title="{{ 'entry.list.original_article'|trans }}: {{ entry.title|e }} - {{ entry.domainName|removeWww }}" class="tool original grey-text"><span>{{ entry.domainName|removeWww|truncate(18) }}</span></a> |
75 | </bold> | 91 | </bold> |
76 | 92 | ||
77 | <ul class="tools links right"> | 93 | <ul class="tools right"> |
78 | <li> | 94 | <li> |
79 | <a title="{{ 'entry.list.toogle_as_read'|trans }}" class="tool grey-text {% if entry.isArchived == 0 %}mdi-action-done{% else %}mdi-content-redo{% endif %}" href="{{ path('archive_entry', { 'id': entry.id }) }}"></a> | 95 | <a title="{{ 'entry.list.toogle_as_read'|trans }}" class="tool grey-text" href="{{ path('archive_entry', { 'id': entry.id }) }}"><i class="material-icons">{% if entry.isArchived == 0 %}done{% else %}redo{% endif %}</i></a> |
80 | <a title="{{ 'entry.list.toogle_as_star'|trans }}" 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> | 96 | <a title="{{ 'entry.list.toogle_as_star'|trans }}" class="tool grey-text" href="{{ path('star_entry', { 'id': entry.id }) }}"><i class="material-icons">{% if entry.isStarred == 0 %}favorite_border{% else %}favorite{% endif %}</i></a> |
81 | <a title="{{ 'entry.list.delete'|trans }}" class="tool grey-text delete mdi-action-delete " href="{{ path('delete_entry', { 'id': entry.id }) }}"></a> | 97 | <a title="{{ 'entry.list.delete'|trans }}" class="tool grey-text delete" href="{{ path('delete_entry', { 'id': entry.id }) }}"><i class="material-icons">delete</i></a> |
82 | </li> | 98 | </li> |
83 | </ul> | 99 | </ul> |
84 | </div> | 100 | </div> |