diff options
author | Nicolas Lœuillet <nicolas@loeuillet.org> | 2016-11-28 11:02:10 +0100 |
---|---|---|
committer | Nicolas Lœuillet <nicolas@loeuillet.org> | 2016-11-28 14:27:58 +0100 |
commit | 9f01d0fde09fa055a7db9f26e77c5e6b3d6c2224 (patch) | |
tree | c8f043dde3a6bdd653aac7136d742f6ed8c49b84 /src/Wallabag/CoreBundle/Resources/views/themes/material | |
parent | 34ea7be6228c633ef8da703994eed034026e9c18 (diff) | |
download | wallabag-9f01d0fde09fa055a7db9f26e77c5e6b3d6c2224.tar.gz wallabag-9f01d0fde09fa055a7db9f26e77c5e6b3d6c2224.tar.zst wallabag-9f01d0fde09fa055a7db9f26e77c5e6b3d6c2224.zip |
Added list view
Diffstat (limited to 'src/Wallabag/CoreBundle/Resources/views/themes/material')
-rw-r--r-- | src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_list.html.twig | 14 | ||||
-rw-r--r-- | src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig | 8 |
2 files changed, 20 insertions, 2 deletions
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_list.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_list.html.twig new file mode 100644 index 00000000..3d971f0b --- /dev/null +++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_list.html.twig | |||
@@ -0,0 +1,14 @@ | |||
1 | <div class="card"> | ||
2 | <div class="card-stacked"> | ||
3 | <div class="card-content"> | ||
4 | <span class="card-title dot-ellipsis dot-resize-update"> | ||
5 | <a href="{{ path('view', { 'id': entry.id }) }}" title="{{ entry.title | raw | striptags }}"> | ||
6 | {{ entry.title| striptags | truncate(120, true, '…') | raw }} | ||
7 | </a> | ||
8 | </span> | ||
9 | <p>{{ entry.content|striptags|slice(0, 500)|raw }}…</p> | ||
10 | </div> | ||
11 | |||
12 | {% include "@WallabagCore/themes/material/Entry/_card_actions.html.twig" with {'entry': entry} only %} | ||
13 | </div> | ||
14 | </div> | ||
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 00e8bf63..2921d366 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 | |||
@@ -12,9 +12,11 @@ | |||
12 | {% endblock %} | 12 | {% endblock %} |
13 | 13 | ||
14 | {% block content %} | 14 | {% block content %} |
15 | {% set viewMode = app.user.config.viewMode %} | ||
15 | <div class="results clearfix"> | 16 | <div class="results clearfix"> |
16 | <div class="nb-results left"> | 17 | <div class="nb-results left"> |
17 | {{ 'entry.list.number_on_the_page'|transchoice(entries.count) }} | 18 | {{ 'entry.list.number_on_the_page'|transchoice(entries.count) }} |
19 | <a href="{{ path('switch_view_mode') }}"><i class="material-icons">{% if viewMode == 0 %}view_list{% else %}view_module{% endif %}</i></a> | ||
18 | </div> | 20 | </div> |
19 | {% if entries.getNbPages > 1 %} | 21 | {% if entries.getNbPages > 1 %} |
20 | {{ pagerfanta(entries, 'twitter_bootstrap_translated', {'proximity': 1}) }} | 22 | {{ pagerfanta(entries, 'twitter_bootstrap_translated', {'proximity': 1}) }} |
@@ -24,8 +26,10 @@ | |||
24 | <br /> | 26 | <br /> |
25 | <ul class="row data"> | 27 | <ul class="row data"> |
26 | {% for entry in entries %} | 28 | {% for entry in entries %} |
27 | <li id="entry-{{ entry.id|e }}" class="col l3 m6 s12"> | 29 | <li id="entry-{{ entry.id|e }}" class="col {% if viewMode == 0 %}l3 m6{% endif %} s12"> |
28 | {% if entry.previewPicture is null %} | 30 | {% if viewMode == 1 %} |
31 | {% include "@WallabagCore/themes/material/Entry/_card_list.html.twig" with {'entry': entry} only %} | ||
32 | {% elseif entry.previewPicture is null %} | ||
29 | {% include "@WallabagCore/themes/material/Entry/_card_no_preview.html.twig" with {'entry': entry} only %} | 33 | {% include "@WallabagCore/themes/material/Entry/_card_no_preview.html.twig" with {'entry': entry} only %} |
30 | {% elseif not entry.previewPicture is null and entry.mimetype starts with 'image/' %} | 34 | {% elseif not entry.previewPicture is null and entry.mimetype starts with 'image/' %} |
31 | {% include "@WallabagCore/themes/material/Entry/_card_full_image.html.twig" with {'entry': entry} only %} | 35 | {% include "@WallabagCore/themes/material/Entry/_card_full_image.html.twig" with {'entry': entry} only %} |