]> git.immae.eu Git - github/wallabag/wallabag.git/blob - src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_preview.html.twig
Merge pull request #3404 from wallabag/issue-2424
[github/wallabag/wallabag.git] / src / Wallabag / CoreBundle / Resources / views / themes / material / Entry / _card_preview.html.twig
1 <div class="card">
2 <div class="card-body">
3 <div class="card-image waves-effect waves-block waves-light">
4 <ul class="card-entry-labels">
5 {% for tag in entry.tags | slice(0, 3) %}
6 <li><a href="{{ path('tag_entries', {'slug': tag.slug}) }}">{{ tag.label }}</a></li>
7 {% endfor %}
8 </ul>
9 <a href="{{ path('view', { 'id': entry.id }) }}">
10 <span class="preview" style="background-image: url({{ entry.previewPicture }})"></span>
11 </a>
12 </div>
13
14 <div class="card-content">
15 <i class="grey-text text-darken-4 activator material-icons right">more_vert</i>
16
17 <span class="card-title dot-ellipsis dot-resize-update">
18 <a href="{{ path('view', { 'id': entry.id }) }}" title="{{ entry.title | striptags | e('html_attr') }}">
19 {{ entry.title | striptags | truncate(80, true, '…') | raw }}
20 </a>
21 </span>
22
23 <div class="original grey-text">
24 <a href="{{ entry.url|e }}" target="_blank" title="{{ entry.domainName|removeWww }}" class="tool original grey-text">
25 <span>{{ entry.domainName|removeWww }}</span>
26 </a>
27 </div>
28 </div>
29 </div>
30
31 <div class="card-reveal">
32 <i class="card-title activator grey-text text-darken-4 material-icons right">clear</i>
33 <span class="card-title">
34 <a href="{{ path('view', { 'id': entry.id }) }}" title="{{ entry.title | striptags | e('html_attr') }}">
35 {{ entry.title | striptags | truncate(80, true, '…') | raw }}
36 </a>
37 </span>
38
39 <p>{{ entry.content|striptags|slice(0, 250)|raw }}&hellip;</p>
40
41 <ul class="card-entry-labels-hidden">
42 {% for tag in entry.tags %}
43 <li><a href="{{ path('tag_entries', {'slug': tag.slug}) }}">{{ tag.label }}</a></li>
44 {% endfor %}
45 </ul>
46 </div>
47
48 {% include "@WallabagCore/themes/material/Entry/_card_actions.html.twig" with {'entry': entry} only %}
49 </div>