annotate sat_templates/templates/bulma/blog/item.html @ 350:1de6a0ecd529

(bulma) input/field: add `placeholder` attribute
author Goffi <goffi@goffi.org>
date Tue, 30 Nov 2021 17:25:55 +0100
parents e982a05d43b1
children ddcdc0475940
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
1 {# display a blog item which can be expanded/retracted by clicking on it
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
2
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
3 if the locale differs from item language, it will be totally reduced, and will need a click to be displayed
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
4
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
5 @variable item(data_object.BlogItem): item to display
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
6 @variable identities(data_object.Identities): identities which can be used to display info on item author
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
7 @variable dates_format(unicode): format of the date to use (see date_fmt filter)
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
8 #}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
9
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
10 {% block item %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
11
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
12 {% set item_level = (item_level or 0) + 1 %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
13
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
14 {% if item.language and locale and locale.language != item.language %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
15 {# we may display items in different language in a specific way #}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
16 {% set other_lang = " other_lang" if expanded else " other_lang state_init" %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
17 {% endif %}
251
80cfec962b1e bulma (blog): more padding
Goffi <goffi@goffi.org>
parents: 247
diff changeset
18 <article id="{{item.id}}" class="media has-background-white px-4 py-3" >
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
19 {% if identities is defined %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
20 {% if avatar is defined %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
21 <div class="media-left">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
22 {{ avatar.avatar(item.author_jid) }}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
23 </div>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
24 {% endif %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
25 {% endif %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
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
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
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
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
37 {% endif %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
38 <div class="content">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
39 <p class="subtitle is-6 has-text-grey">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
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 %}
ce2fd7a3911d bulma (blog/item): use nickname when available instead of jid
Goffi <goffi@goffi.org>
parents: 265
diff changeset
46 <small>{{published}}</small>
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
47 {% if item.tags %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
48 <small class="labels">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
49 {% if tags_http_uri is defined %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
50 {% for tag in item.tags %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
51 <a href="{{tags_http_uri[tag]}}"><span class="tag is-rounded">{{tag}}</span></a>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
52 {% endfor %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
53 {% else %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
54 {% for tag in item.tags %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
55 <span class="tag">{{tag}}</span>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
56 {% endfor %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
57 {% endif %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
58 </small>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
59 {% endif %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
60 </p>
344
e982a05d43b1 blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents: 268
diff changeset
61 {% if item.content_xhtml is defined %}
e982a05d43b1 blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents: 268
diff changeset
62 {{item.content_xhtml|safe}}
e982a05d43b1 blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents: 268
diff changeset
63 {% else %}
e982a05d43b1 blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents: 268
diff changeset
64 <p class="is-text-content">
e982a05d43b1 blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents: 268
diff changeset
65 {{- item.content|urlize -}}
e982a05d43b1 blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents: 268
diff changeset
66 </p>
e982a05d43b1 blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents: 268
diff changeset
67 {% endif %}
247
40fccd3b7cf0 updated code to handle blog items following data structure change in backend/Libervia
Goffi <goffi@goffi.org>
parents: 246
diff changeset
68 {% 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
69 {% for item in comments_data['items'] %}
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
70 {% include 'blog/item.html' %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
71 {% endfor %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
72 {% if allow_commenting and item_level == 1 %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
73 <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
74 {{- textbox.comment(service=comments_data.service, node=comments_data.node) -}}
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
75 </div>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
76 {% endif %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
77 {% endfor %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
78
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
79 </div>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
80 </div>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
81 </article>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
82
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
83 {% endblock item %}