Mercurial > libervia-templates
annotate sat_templates/templates/bulma/chat/reactions.html @ 403:65c53ec5e777
Bulma: complete redesign:
This is a WIP full redesign of the whole web UI. Only chat is usable at the moment, many
things are broken.
The design uses the new Bulma v1+, has a look closer to industry standards, paves the way
for a dark theme, and should be easy to use.
It's a basis for coming features such as UI/UX for threads.
rel 457
author | Goffi <goffi@goffi.org> |
---|---|
date | Fri, 11 Apr 2025 21:32:05 +0200 |
parents | 38635d393089 |
children |
rev | line source |
---|---|
385 | 1 <div class="reactions-container is-flex-wrap-wrap"> |
390
38635d393089
bulma (chat/reactions): use a special style for reactions made by the user.
Goffi <goffi@goffi.org>
parents:
385
diff
changeset
|
2 |
38635d393089
bulma (chat/reactions): use a special style for reactions made by the user.
Goffi <goffi@goffi.org>
parents:
385
diff
changeset
|
3 {% if chat_type == "group" %} |
38635d393089
bulma (chat/reactions): use a special style for reactions made by the user.
Goffi <goffi@goffi.org>
parents:
385
diff
changeset
|
4 {% set local_jid = own_local_jid %} |
38635d393089
bulma (chat/reactions): use a special style for reactions made by the user.
Goffi <goffi@goffi.org>
parents:
385
diff
changeset
|
5 {% else %} |
38635d393089
bulma (chat/reactions): use a special style for reactions made by the user.
Goffi <goffi@goffi.org>
parents:
385
diff
changeset
|
6 {% set local_jid = own_local_jid|bare_jid %} |
38635d393089
bulma (chat/reactions): use a special style for reactions made by the user.
Goffi <goffi@goffi.org>
parents:
385
diff
changeset
|
7 {% endif %} |
38635d393089
bulma (chat/reactions): use a special style for reactions made by the user.
Goffi <goffi@goffi.org>
parents:
385
diff
changeset
|
8 |
385 | 9 {% for emoji, jids in reactions.items() %} |
390
38635d393089
bulma (chat/reactions): use a special style for reactions made by the user.
Goffi <goffi@goffi.org>
parents:
385
diff
changeset
|
10 {% set own_reaction = local_jid in jids %} |
385 | 11 <div |
403 | 12 class="reaction is-inline-flex is-align-items-center {{ 'own-reaction' if own_reaction }}" |
385 | 13 data-jids='{{jids|tojson}}' |
14 > | |
15 <span class="emoji has-text-weight-semibold">{{ emoji }}</span> | |
16 <span class="counter">{{ jids|length }}</span> | |
17 </div> | |
18 {% endfor %} | |
19 </div> |