annotate sat_templates/templates/bulma/components/search_item.html @ 374:5646df8bd391

bulma (call): calling mode improvments: - instead of a "switch" button, there are now 2 button with only an icon, one for video call and the other for audio call, they appear on the same row as the search bar - search item can now be extended using "call" blocks, and options are used - call search items don't show group, and now display an "extra" menu (3 dots menu) with a dropdown to select audio or video call.
author Goffi <goffi@goffi.org>
date Tue, 15 Aug 2023 17:12:18 +0200
parents 281d1c958d56
children 941e4006ab6e
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
369
1b753e3baf06 bulma (chat): add `search_item` to handle search results in chat selection
Goffi <goffi@goffi.org>
parents:
diff changeset
1 {% import 'components/avatar.html' as avatar with context %}
374
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
2 <div class="column is-2-desktop is-6-touch">
369
1b753e3baf06 bulma (chat): add `search_item` to handle search results in chat selection
Goffi <goffi@goffi.org>
parents:
diff changeset
3 <div class="card x-is-hoverable">
1b753e3baf06 bulma (chat): add `search_item` to handle search results in chat selection
Goffi <goffi@goffi.org>
parents:
diff changeset
4 <a href="{{url}}">
1b753e3baf06 bulma (chat): add `search_item` to handle search results in chat selection
Goffi <goffi@goffi.org>
parents:
diff changeset
5 <div class="card-image is-flex has-items-centered px-1 py-1">
1b753e3baf06 bulma (chat): add `search_item` to handle search results in chat selection
Goffi <goffi@goffi.org>
parents:
diff changeset
6 {{ avatar.avatar(item.entity, "is-64x64") }}
1b753e3baf06 bulma (chat): add `search_item` to handle search results in chat selection
Goffi <goffi@goffi.org>
parents:
diff changeset
7 </div>
1b753e3baf06 bulma (chat): add `search_item` to handle search results in chat selection
Goffi <goffi@goffi.org>
parents:
diff changeset
8 <div class="card-content has-text-centered has-text-shortenable px-1 py-1">
1b753e3baf06 bulma (chat): add `search_item` to handle search results in chat selection
Goffi <goffi@goffi.org>
parents:
diff changeset
9 <span>{{identities[item.entity].nicknames[0] if identities[item.entity].nicknames else item.entity}}</span>
374
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
10 {% if not options.no_group %}
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
11 <div class="search-item__group-tags is-flex is-justify-content-center mt-2">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
12 {% if item.groups %}
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
13 <div class="tags">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
14 {% for group in item.groups %}
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
15 <span class="tag is-rounded is-light">{{ group }}</span>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
16 {% endfor %}
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
17 </div>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
18 {% endif %}
369
1b753e3baf06 bulma (chat): add `search_item` to handle search results in chat selection
Goffi <goffi@goffi.org>
parents:
diff changeset
19 </div>
374
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
20 {% endif %}
369
1b753e3baf06 bulma (chat): add `search_item` to handle search results in chat selection
Goffi <goffi@goffi.org>
parents:
diff changeset
21 </div>
1b753e3baf06 bulma (chat): add `search_item` to handle search results in chat selection
Goffi <goffi@goffi.org>
parents:
diff changeset
22 </a>
374
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
23 {% block call %}{% endblock %}
369
1b753e3baf06 bulma (chat): add `search_item` to handle search results in chat selection
Goffi <goffi@goffi.org>
parents:
diff changeset
24 </div>
1b753e3baf06 bulma (chat): add `search_item` to handle search results in chat selection
Goffi <goffi@goffi.org>
parents:
diff changeset
25 </div>
374
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
26 p