Mercurial > libervia-templates
comparison sat_templates/templates/bulma/call/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 | |
| children | 5072e4a4e261 |
comparison
equal
deleted
inserted
replaced
| 373:c5609be6c34e | 374:5646df8bd391 |
|---|---|
| 1 {% extends 'components/search_item.html' %} | |
| 2 | |
| 3 {% import 'components/avatar.html' as avatar with context %} | |
| 4 | |
| 5 {% block call %} | |
| 6 <div class="level is-mobile"> | |
| 7 <div class="level-right"> | |
| 8 <div class="level-item"> | |
| 9 <div class="search-item-extra dropdown is-right"> | |
| 10 <div class="dropdown-trigger"> | |
| 11 <button class="button is-white is-small" aria-haspopup="true" aria-controls="dropdown-menu"> | |
| 12 <span class="icon"> | |
| 13 <i class="icon-dot-3-vert"></i> | |
| 14 </span> | |
| 15 </button> | |
| 16 </div> | |
| 17 <div class="dropdown-menu" role="menu"> | |
| 18 | |
| 19 <div class="dropdown-content"> | |
| 20 <!-- Video Call Option --> | |
| 21 <a class="click-to-video dropdown-item"> | |
| 22 <span class="icon"> | |
| 23 <i class="icon-videocam"></i> | |
| 24 </span> | |
| 25 {% trans %}video call{% endtrans %} | |
| 26 </a> | |
| 27 | |
| 28 <!-- Audio Call Option --> | |
| 29 <a class="click-to-audio dropdown-item"> | |
| 30 <span class="icon"> | |
| 31 <i class="icon-phone"></i> | |
| 32 </span> | |
| 33 {% trans %}audio call{% endtrans %} | |
| 34 </a> | |
| 35 </div> | |
| 36 | |
| 37 </div> | |
| 38 </div> | |
| 39 </div> | |
| 40 </div> | |
| 41 </div> | |
| 42 {% endblock %} |