annotate sat_templates/templates/bulma/components/search_item.html @ 400:140690a18b63 default tip

call: group call design: Design for group call (which is used for both group call and A/V conferences) has been improved to: - have a working fullscreen button; - have a better display of peer users in grid, with responsive design; - have a nicer design for peer user, and adding avatar/nickname as overlay on the bottom of the video stream; - add a way to (un)pin a peer user, which make is appear on the whole width on top of the grid. rel 448 HG<S-Insert>: changed sat_templates/templates/bulma/call/group_peer.html
author Goffi <goffi@goffi.org>
date Tue, 06 Aug 2024 23:50:17 +0200
parents e7152fc8a81f
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
399
e7152fc8a81f bulma (components/search_item): explicitely import "avatar".
Goffi <goffi@goffi.org>
parents: 396
diff changeset
1 {% import 'components/avatar.html' as avatar with context %}
e7152fc8a81f bulma (components/search_item): explicitely import "avatar".
Goffi <goffi@goffi.org>
parents: 396
diff changeset
2
374
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
3 <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
4 <div class="card x-is-hoverable">
396
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 385
diff changeset
5 {% if multiple_selection %}
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 385
diff changeset
6 <div class="checkbox-container pl-1 pt-1">
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 385
diff changeset
7 <input type="checkbox" class="search-item__checkbox">
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 385
diff changeset
8 </div>
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 385
diff changeset
9 {% endif %}
369
1b753e3baf06 bulma (chat): add `search_item` to handle search results in chat selection
Goffi <goffi@goffi.org>
parents:
diff changeset
10 <a href="{{url}}">
1b753e3baf06 bulma (chat): add `search_item` to handle search results in chat selection
Goffi <goffi@goffi.org>
parents:
diff changeset
11 <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
12 {{ 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
13 </div>
1b753e3baf06 bulma (chat): add `search_item` to handle search results in chat selection
Goffi <goffi@goffi.org>
parents:
diff changeset
14 <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
15 <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
16 {% if not options.no_group %}
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
17 <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
18 {% if item.groups %}
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
19 <div class="tags">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
20 {% for group in item.groups %}
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
21 <span class="tag is-rounded is-light">{{ group }}</span>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
22 {% endfor %}
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
23 </div>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
24 {% endif %}
369
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 {% endif %}
369
1b753e3baf06 bulma (chat): add `search_item` to handle search results in chat selection
Goffi <goffi@goffi.org>
parents:
diff changeset
27 </div>
1b753e3baf06 bulma (chat): add `search_item` to handle search results in chat selection
Goffi <goffi@goffi.org>
parents:
diff changeset
28 </a>
374
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
29 {% block call %}{% endblock %}
369
1b753e3baf06 bulma (chat): add `search_item` to handle search results in chat selection
Goffi <goffi@goffi.org>
parents:
diff changeset
30 </div>
1b753e3baf06 bulma (chat): add `search_item` to handle search results in chat selection
Goffi <goffi@goffi.org>
parents:
diff changeset
31 </div>