diff 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
line wrap: on
line diff
--- a/sat_templates/templates/bulma/components/search_item.html	Mon Aug 14 17:01:35 2023 +0200
+++ b/sat_templates/templates/bulma/components/search_item.html	Tue Aug 15 17:12:18 2023 +0200
@@ -1,5 +1,5 @@
 {% import 'components/avatar.html' as avatar with context %}
-<div class="column is-2-desktop is-4-touch">
+<div class="column is-2-desktop is-6-touch">
     <div class="card x-is-hoverable">
         <a href="{{url}}">
             <div class="card-image is-flex has-items-centered px-1 py-1">
@@ -7,16 +7,20 @@
             </div>
             <div class="card-content has-text-centered has-text-shortenable px-1 py-1">
                 <span>{{identities[item.entity].nicknames[0] if identities[item.entity].nicknames else item.entity}}</span>
-                <div class="search-item__group-tags is-flex is-justify-content-center mt-2">
-                    {% if item.groups %}
-                    <div class="tags">
-                        {% for group in item.groups %}
-                        <span class="tag is-rounded is-light">{{ group }}</span>
-                        {% endfor %}
+                {% if not options.no_group %}
+                    <div class="search-item__group-tags is-flex is-justify-content-center mt-2">
+                        {% if item.groups %}
+                        <div class="tags">
+                            {% for group in item.groups %}
+                            <span class="tag is-rounded is-light">{{ group }}</span>
+                            {% endfor %}
+                        </div>
+                        {% endif %}
                     </div>
-                    {% endif %}
-                </div>
+                {% endif %}
             </div>
         </a>
+        {% block call %}{% endblock %}
     </div>
 </div>
+p