Mercurial > libervia-templates
annotate sat_templates/templates/bulma/blog/item.html @ 402:2bbcb7da56bc default tip
bulma: use Font-Awesome instead of Fontello + start of major redesign:
- Font-Awesome is now used instead of Fontello, following change in Libervia Media.
- This is a beginning of a major redesign of the web templates/web frontend. This
currently breaks a lot of thing.
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Sat, 26 Oct 2024 22:53:26 +0200 |
| parents | ddcdc0475940 |
| children |
| rev | line source |
|---|---|
| 230 | 1 {# display a blog item which can be expanded/retracted by clicking on it |
| 2 | |
| 3 if the locale differs from item language, it will be totally reduced, and will need a click to be displayed | |
| 4 | |
| 5 @variable item(data_object.BlogItem): item to display | |
| 6 @variable identities(data_object.Identities): identities which can be used to display info on item author | |
| 7 @variable dates_format(unicode): format of the date to use (see date_fmt filter) | |
| 8 #} | |
| 9 | |
| 10 {% block item %} | |
| 11 | |
| 12 {% set item_level = (item_level or 0) + 1 %} | |
| 13 | |
| 14 {% if item.language and locale and locale.language != item.language %} | |
| 15 {# we may display items in different language in a specific way #} | |
| 16 {% set other_lang = " other_lang" if expanded else " other_lang state_init" %} | |
| 17 {% endif %} | |
| 251 | 18 <article id="{{item.id}}" class="media has-background-white px-4 py-3" > |
| 230 | 19 {% if identities is defined %} |
| 20 {% if avatar is defined %} | |
| 21 <div class="media-left"> | |
| 22 {{ avatar.avatar(item.author_jid) }} | |
| 23 </div> | |
| 24 {% endif %} | |
| 25 {% endif %} | |
| 26 <div class="media-content"> | |
|
247
40fccd3b7cf0
updated code to handle blog items following data structure change in backend/Libervia
Goffi <goffi@goffi.org>
parents:
246
diff
changeset
|
27 {% set title = item.title_xhtml|safe or item.title%} |
|
265
ae365c036a58
bulma (blog/item): title are now clickable like in default theme
Goffi <goffi@goffi.org>
parents:
251
diff
changeset
|
28 {% set item_http_uri = items_http_uri.get(item.id) if items_http_uri is defined else none %} |
| 230 | 29 {% if title %} |
|
265
ae365c036a58
bulma (blog/item): title are now clickable like in default theme
Goffi <goffi@goffi.org>
parents:
251
diff
changeset
|
30 <h4 class="title is-4"> |
|
ae365c036a58
bulma (blog/item): title are now clickable like in default theme
Goffi <goffi@goffi.org>
parents:
251
diff
changeset
|
31 {% if item_http_uri %} |
|
ae365c036a58
bulma (blog/item): title are now clickable like in default theme
Goffi <goffi@goffi.org>
parents:
251
diff
changeset
|
32 <a href="{{item_http_uri}}" class="has-text-black">{{title}}</a> |
|
ae365c036a58
bulma (blog/item): title are now clickable like in default theme
Goffi <goffi@goffi.org>
parents:
251
diff
changeset
|
33 {% else %} |
|
ae365c036a58
bulma (blog/item): title are now clickable like in default theme
Goffi <goffi@goffi.org>
parents:
251
diff
changeset
|
34 {{title}} |
|
ae365c036a58
bulma (blog/item): title are now clickable like in default theme
Goffi <goffi@goffi.org>
parents:
251
diff
changeset
|
35 {% endif %} |
|
ae365c036a58
bulma (blog/item): title are now clickable like in default theme
Goffi <goffi@goffi.org>
parents:
251
diff
changeset
|
36 </h4> |
| 230 | 37 {% endif %} |
| 38 <div class="content"> | |
| 39 <p class="subtitle is-6 has-text-grey"> | |
| 40 {% set published = item.published|date_fmt(fmt=dates_format) %} | |
|
268
ce2fd7a3911d
bulma (blog/item): use nickname when available instead of jid
Goffi <goffi@goffi.org>
parents:
265
diff
changeset
|
41 {% if Identities is defined %} |
|
ce2fd7a3911d
bulma (blog/item): use nickname when available instead of jid
Goffi <goffi@goffi.org>
parents:
265
diff
changeset
|
42 <strong>{{identities[item.author_jid].nicknames[0] if identities[item.author_jid].nicknames else item.author}}</strong> |
|
ce2fd7a3911d
bulma (blog/item): use nickname when available instead of jid
Goffi <goffi@goffi.org>
parents:
265
diff
changeset
|
43 {% else %} |
|
ce2fd7a3911d
bulma (blog/item): use nickname when available instead of jid
Goffi <goffi@goffi.org>
parents:
265
diff
changeset
|
44 <strong>{{item.author}}</strong> |
|
ce2fd7a3911d
bulma (blog/item): use nickname when available instead of jid
Goffi <goffi@goffi.org>
parents:
265
diff
changeset
|
45 {% endif %} |
|
353
ddcdc0475940
(bulma) blog/item: `published` timestamp now links to the item
Goffi <goffi@goffi.org>
parents:
344
diff
changeset
|
46 {% if item_http_uri %} |
|
ddcdc0475940
(bulma) blog/item: `published` timestamp now links to the item
Goffi <goffi@goffi.org>
parents:
344
diff
changeset
|
47 <small><a href="{{item_http_uri}}" class="has-text-black">{{published}}</a></small> |
|
ddcdc0475940
(bulma) blog/item: `published` timestamp now links to the item
Goffi <goffi@goffi.org>
parents:
344
diff
changeset
|
48 {% else %} |
|
ddcdc0475940
(bulma) blog/item: `published` timestamp now links to the item
Goffi <goffi@goffi.org>
parents:
344
diff
changeset
|
49 <small>{{published}}</small> |
|
ddcdc0475940
(bulma) blog/item: `published` timestamp now links to the item
Goffi <goffi@goffi.org>
parents:
344
diff
changeset
|
50 {% endif %} |
| 230 | 51 {% if item.tags %} |
| 52 <small class="labels"> | |
| 53 {% if tags_http_uri is defined %} | |
| 54 {% for tag in item.tags %} | |
| 55 <a href="{{tags_http_uri[tag]}}"><span class="tag is-rounded">{{tag}}</span></a> | |
| 56 {% endfor %} | |
| 57 {% else %} | |
| 58 {% for tag in item.tags %} | |
| 59 <span class="tag">{{tag}}</span> | |
| 60 {% endfor %} | |
| 61 {% endif %} | |
| 62 </small> | |
| 63 {% endif %} | |
| 64 </p> | |
|
344
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
268
diff
changeset
|
65 {% if item.content_xhtml is defined %} |
|
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
268
diff
changeset
|
66 {{item.content_xhtml|safe}} |
|
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
268
diff
changeset
|
67 {% else %} |
|
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
268
diff
changeset
|
68 <p class="is-text-content"> |
|
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
268
diff
changeset
|
69 {{- item.content|urlize -}} |
|
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
268
diff
changeset
|
70 </p> |
|
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
268
diff
changeset
|
71 {% endif %} |
|
247
40fccd3b7cf0
updated code to handle blog items following data structure change in backend/Libervia
Goffi <goffi@goffi.org>
parents:
246
diff
changeset
|
72 {% for comments_data in item.comments %} |
|
40fccd3b7cf0
updated code to handle blog items following data structure change in backend/Libervia
Goffi <goffi@goffi.org>
parents:
246
diff
changeset
|
73 {% for item in comments_data['items'] %} |
| 230 | 74 {% include 'blog/item.html' %} |
| 75 {% endfor %} | |
| 76 {% if allow_commenting and item_level == 1 %} | |
| 77 <div class="comment_post"> | |
|
247
40fccd3b7cf0
updated code to handle blog items following data structure change in backend/Libervia
Goffi <goffi@goffi.org>
parents:
246
diff
changeset
|
78 {{- textbox.comment(service=comments_data.service, node=comments_data.node) -}} |
| 230 | 79 </div> |
| 80 {% endif %} | |
| 81 {% endfor %} | |
| 82 | |
| 83 </div> | |
| 84 </div> | |
| 85 </article> | |
| 86 | |
| 87 {% endblock item %} |