Mercurial > libervia-templates

comparison sat_templates/templates/bulma/blog/item.html @ 405:5016fb0ff62f default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Blog redesign: work in progress redesign of the blog. Some templates have been moved from chat to components to be re-used in other features, like blog here. Blog follows same global design as chat with a left panel to search/open blogs.
author Goffi <goffi@goffi.org>
date Wed, 21 May 2025 15:41:00 +0200
parents ddcdc0475940
children
comparison
equal deleted inserted replaced
404:66f98ee041d8 405:5016fb0ff62f
13 13
14 {% if item.language and locale and locale.language != item.language %} 14 {% if item.language and locale and locale.language != item.language %}
15 {# we may display items in different language in a specific way #} 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" %} 16 {% set other_lang = " other_lang" if expanded else " other_lang state_init" %}
17 {% endif %} 17 {% endif %}
18 <article id="{{item.id}}" class="media has-background-white px-4 py-3" > 18 <article id="{{item.id}}" class="blog-item media px-4 py-3" >
19 {% if identities is defined %} 19 {% if identities is defined %}
20 {% if avatar is defined %} 20 {% if avatar is defined %}
21 <div class="media-left"> 21 <div class="media-left">
22 {{ avatar.avatar(item.author_jid) }} 22 {{ avatar.avatar(item.author_jid) }}
23 </div> 23 </div>
67 {% else %} 67 {% else %}
68 <p class="is-text-content"> 68 <p class="is-text-content">
69 {{- item.content|urlize -}} 69 {{- item.content|urlize -}}
70 </p> 70 </p>
71 {% endif %} 71 {% endif %}
72
73 <div class="blog-item-footer"></div>
74
75 {# Actions #}
76 <div class="level mb-0 mt-1">
77 <div class="level-left">
78 <div class="level-item">
79 {#
80 <button
81 class="button is-small is-text has-text-grey is-rounded mr-2"
82 aria-label="{% trans %}Reply{% endtrans %}"
83 >
84 {{ icon('reply', cls='icon is-small') }}
85 </button>
86 #}
87
88 <button
89 class="reaction-button button is-small is-text has-text-grey is-rounded mr-2"
90 aria-label="{% trans %}React{% endtrans %}"
91 >
92 {{ icon('regular face-smile', cls='icon is-small') }}
93 </button>
94
95 <button
96 class="button is-small is-text has-text-grey is-rounded mr-2"
97 aria-label="{% trans %}Mark the post as noticed{% endtrans %}"
98 >
99 {{ icon('star', cls='icon is-small') }}
100 </button>
101
102 <button
103 class="button is-small is-text has-text-grey is-rounded"
104 aria-label="{% trans %}More options{% endtrans %}"
105 >
106 {{ icon('ellipsis', cls='icon is-small') }}
107 </button>
108 </div>
109 </div>
110 </div>
111
112 {# comments #}
72 {% for comments_data in item.comments %} 113 {% for comments_data in item.comments %}
73 {% for item in comments_data['items'] %} 114 {% for item in comments_data['items'] %}
74 {% include 'blog/item.html' %} 115 {% include 'blog/item.html' %}
75 {% endfor %} 116 {% endfor %}
76 {% if allow_commenting and item_level == 1 %} 117 {% if allow_commenting and item_level == 1 %}