Mercurial > libervia-templates
comparison 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 |
comparison
equal
deleted
inserted
replaced
| 373:c5609be6c34e | 374:5646df8bd391 |
|---|---|
| 1 {% import 'components/avatar.html' as avatar with context %} | 1 {% import 'components/avatar.html' as avatar with context %} |
| 2 <div class="column is-2-desktop is-4-touch"> | 2 <div class="column is-2-desktop is-6-touch"> |
| 3 <div class="card x-is-hoverable"> | 3 <div class="card x-is-hoverable"> |
| 4 <a href="{{url}}"> | 4 <a href="{{url}}"> |
| 5 <div class="card-image is-flex has-items-centered px-1 py-1"> | 5 <div class="card-image is-flex has-items-centered px-1 py-1"> |
| 6 {{ avatar.avatar(item.entity, "is-64x64") }} | 6 {{ avatar.avatar(item.entity, "is-64x64") }} |
| 7 </div> | 7 </div> |
| 8 <div class="card-content has-text-centered has-text-shortenable px-1 py-1"> | 8 <div class="card-content has-text-centered has-text-shortenable px-1 py-1"> |
| 9 <span>{{identities[item.entity].nicknames[0] if identities[item.entity].nicknames else item.entity}}</span> | 9 <span>{{identities[item.entity].nicknames[0] if identities[item.entity].nicknames else item.entity}}</span> |
| 10 <div class="search-item__group-tags is-flex is-justify-content-center mt-2"> | 10 {% if not options.no_group %} |
| 11 {% if item.groups %} | 11 <div class="search-item__group-tags is-flex is-justify-content-center mt-2"> |
| 12 <div class="tags"> | 12 {% if item.groups %} |
| 13 {% for group in item.groups %} | 13 <div class="tags"> |
| 14 <span class="tag is-rounded is-light">{{ group }}</span> | 14 {% for group in item.groups %} |
| 15 {% endfor %} | 15 <span class="tag is-rounded is-light">{{ group }}</span> |
| 16 {% endfor %} | |
| 17 </div> | |
| 18 {% endif %} | |
| 16 </div> | 19 </div> |
| 17 {% endif %} | 20 {% endif %} |
| 18 </div> | |
| 19 </div> | 21 </div> |
| 20 </a> | 22 </a> |
| 23 {% block call %}{% endblock %} | |
| 21 </div> | 24 </div> |
| 22 </div> | 25 </div> |
| 26 p |