diff options
author | Nicolas LÅ“uillet <nicolas@loeuillet.org> | 2015-09-14 17:15:40 +0200 |
---|---|---|
committer | Nicolas LÅ“uillet <nicolas@loeuillet.org> | 2015-09-14 17:15:40 +0200 |
commit | 1db9d411c5b1fe592788866dc206e2fd6dc87a71 (patch) | |
tree | 547699945450aa4a52ac5891c6bf1b0529e9446b /src/Wallabag/CoreBundle/Resources/views/themes/material/Entry | |
parent | b004a236ba0cc96bf530801a55cdddf9ec809d13 (diff) | |
parent | 451bad02f05cb2d9c303fdbd62becccbdbefc746 (diff) | |
download | wallabag-1db9d411c5b1fe592788866dc206e2fd6dc87a71.tar.gz wallabag-1db9d411c5b1fe592788866dc206e2fd6dc87a71.tar.zst wallabag-1db9d411c5b1fe592788866dc206e2fd6dc87a71.zip |
Merge pull request #1420 from modos189/v2_display_picture2.0.0-alpha.0
improved display pictures
Diffstat (limited to 'src/Wallabag/CoreBundle/Resources/views/themes/material/Entry')
-rw-r--r-- | src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig | 51 |
1 files changed, 40 insertions, 11 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 b46d8f11..77483a09 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 | |||
@@ -33,19 +33,48 @@ | |||
33 | {% for entry in entries %} | 33 | {% for entry in entries %} |
34 | <li id="entry-{{ entry.id|e }}" class="col l4 m6 s12"> | 34 | <li id="entry-{{ entry.id|e }}" class="col l4 m6 s12"> |
35 | <div class="card"> | 35 | <div class="card"> |
36 | <div class="card-content"> | 36 | |
37 | <span class="card-title"><a href="{{ path('view', { 'id': entry.id }) }}">{{ entry.title|raw }}</a></span> | 37 | <div class="card-body"> |
38 | {% if entry.readingTime > 0 %} | 38 | {% if not entry.previewPicture is null %} |
39 | <div class="estimatedTime grey-text"><span class="tool reading-time">{% trans %}estimated reading time: {% endtrans %} {{ entry.readingTime }} min</span></div> | 39 | <div class="card-image waves-effect waves-block waves-light"> |
40 | {% else %} | 40 | <div class="preview activator" style="background-image: url({{ entry.previewPicture }})"></div> |
41 | <div class="estimatedTime grey-text"><span class="tool reading-time">{% trans %}estimated reading time: {% endtrans %} <small class="inferieur"><</small> 1 min</span></div> | 41 | </div> |
42 | {% endif %} | ||
43 | {% if entry.previewPicture is null %} | ||
44 | <p>{{ entry.content|striptags|slice(0, 300) }}…</p> | ||
45 | {% else %} | ||
46 | <img class="preview" src="{{ entry.previewPicture }}" alt="{{ entry.title|raw }}" /> | ||
47 | {% endif %} | 42 | {% endif %} |
43 | |||
44 | <div class="card-content"> | ||
45 | {% if not entry.previewPicture is null %} | ||
46 | <i class="card-title grey-text text-darken-4 activator mdi-navigation-more-vert right"></i> | ||
47 | {% endif %} | ||
48 | |||
49 | <span class="card-title"><a href="{{ path('view', { 'id': entry.id }) }}">{{ entry.title|raw|striptags|slice(0, 42) }}</a></span> | ||
50 | |||
51 | {% if entry.readingTime > 0 %} | ||
52 | <div class="estimatedTime grey-text"><span class="tool reading-time">{% trans %}estimated reading time: {% endtrans %} {{ entry.readingTime }} min</span></div> | ||
53 | {% else %} | ||
54 | <div class="estimatedTime grey-text"><span class="tool reading-time">{% trans %}estimated reading time: {% endtrans %} <small class="inferieur"><</small> 1 min</span></div> | ||
55 | {% endif %} | ||
56 | |||
57 | {% if entry.previewPicture is null %} | ||
58 | <p>{{ entry.content|striptags|slice(0, 300) }}…</p> | ||
59 | {% endif %} | ||
60 | </div> | ||
48 | </div> | 61 | </div> |
62 | |||
63 | {% if not entry.previewPicture is null %} | ||
64 | <div class="card-reveal"> | ||
65 | <i class="card-title grey-text text-darken-4 mdi-card-close right"></i> | ||
66 | <span class="card-title"><a href="{{ path('view', { 'id': entry.id }) }}">{{ entry.title|raw }}</a></span> | ||
67 | |||
68 | {% if entry.readingTime > 0 %} | ||
69 | <div class="estimatedTime grey-text"><span class="tool reading-time">{% trans %}estimated reading time: {% endtrans %} {{ entry.readingTime }} min</span></div> | ||
70 | {% else %} | ||
71 | <div class="estimatedTime grey-text"><span class="tool reading-time">{% trans %}estimated reading time: {% endtrans %} <small class="inferieur"><</small> 1 min</span></div> | ||
72 | {% endif %} | ||
73 | |||
74 | <p>{{ entry.content|striptags|slice(0, 300) }}…</p> | ||
75 | </div> | ||
76 | {% endif %} | ||
77 | |||
49 | <div class="card-action"> | 78 | <div class="card-action"> |
50 | <span class="bold"><a href="{{ entry.url|e }}" target="_blank" title="{% trans %}original{% endtrans %}: {{ entry.title|e }} - {{ entry.domainName }}" class="tool original grey-text"><span>{{ entry.domainName | truncate(18) }}</span></a></bold> | 79 | <span class="bold"><a href="{{ entry.url|e }}" target="_blank" title="{% trans %}original{% endtrans %}: {{ entry.title|e }} - {{ entry.domainName }}" class="tool original grey-text"><span>{{ entry.domainName | truncate(18) }}</span></a></bold> |
51 | 80 | ||