diff sat_templates/templates/bulma/input/field.html @ 413:0190a0d32909 default tip

Forum: Major redesign of forums: Forums have been redesigned. They follow the new general design with 2 or 3 panels, allowing to have directly a forum if one is found/set up, and a panel on the left to search/discover other ones. Categories have been rewritten to be usable with pubsub relationships, a XEP-0277 type node is used for topics, and each item has a comments node for the threads. The thread view is set in `forum/show_messages.html` template. It has a header with a search box and a button to (un)subscribe. Items are displayed with the same macros as for the blog items. Below a room is set for editor, tags and attachments. rel 463
author Goffi <goffi@goffi.org>
date Fri, 05 Sep 2025 21:54:09 +0200
parents 58c4c1664421
children
line wrap: on
line diff
--- a/sat_templates/templates/bulma/input/field.html	Sun Aug 31 12:38:49 2025 +0200
+++ b/sat_templates/templates/bulma/input/field.html	Fri Sep 05 21:54:09 2025 +0200
@@ -1,6 +1,6 @@
 {# macros to create form fields #}
 
-{% macro field(type, name, label="", value=none, class="", control_class="",  help="", required=false, icon_left=none, icon_right=none, in_group=false, attrs=none) %}
+{% macro field(type, name, label="", value=none, class="", control_class="",  help="", required=false, icon_left=none, icon_right=none, in_group=false, attrs=none, delete_button=false) %}
     {# generic field
        "class" keyword can be used to add classes
        additional kwargs will be passed as attributes #}
@@ -12,17 +12,22 @@
         {% if label %}
             <label for="{{cur_id}}" class="label">{{label}}</label>
         {% endif %}
-        <div class="control{% if icon_left %} has-icons-left{% endif %}{% if icon_right %} has-icons-right{% endif %} {{control_class}}">
+        <div class="control{% if icon_left %} has-icons-left{% endif %}{% if icon_right or delete_button %} has-icons-right{% endif %} {{control_class}}">
             <input id="{{cur_id}}" class="input" type="{{type}}" name="{{name}}" {{"required" if required}}{{{'value': value}|xmlattr}}{{(attrs or {})|xmlattr}}>
             {% if icon_left %}
                 <span class="icon is-left">
                     {# we use <i> with font from CSS instead of SVG, because using directly SVG doesn't play way with Bulma's control #}
-                    <i class="icon-{{icon_left}}"></i>
+                    <i class="{{icon_left}}"></i>
                 </span>
             {% endif %}
             {% if icon_right %}
                 <span class="icon is-right">
-                    <i class="icon-{{icon_right}}"></i>
+                    <i class="{{icon_right}}"></i>
+                </span>
+            {% endif %}
+            {% if delete_button %}
+                <span class="icon is-right action_delete">
+                    <a role="button" class="delete is-small" aria-label="Delete"></a>
                 </span>
             {% endif %}
         </div>
@@ -77,8 +82,8 @@
     {{ field("text", name=name, label=label, value=value, class=class, control_class=control_class, help=help, required=required, icon_left=icon_left, icon_right=icon_right, attrs={'placeholder': placeholder, 'pattern': pattern, 'title': title, 'autocomplete': autocomplete}, in_group=in_group, caller=caller) }}
 {% endmacro %}
 
-{% macro search(name, label="", value=none, class="", control_class="", placeholder=none, help="", required=false, pattern=none, title=none, autocomplete=none, icon_left=none, icon_right=none, in_group=false) %}
-    {{ field("search", name=name, label=label, value=value, class=class, control_class=control_class, help=help, required=required, icon_left=icon_left, icon_right=icon_right, attrs={'placeholder': placeholder, 'pattern': pattern, 'title': title, 'autocomplete': autocomplete}, in_group=in_group, caller=caller) }}
+{% macro search(name, label="", value=none, class="", control_class="", placeholder=none, help="", required=false, pattern=none, title=none, autocomplete=none, icon_left=none, icon_right=none, in_group=false, delete_button=false) %}
+    {{ field("search", name=name, label=label, value=value, class=class, control_class=control_class, help=help, required=required, icon_left=icon_left, icon_right=icon_right, attrs={'placeholder': placeholder, 'pattern': pattern, 'title': title, 'autocomplete': autocomplete}, in_group=in_group, delete_button=delete_button, caller=caller) }}
 {% endmacro %}
 
 {% macro password(name, label="", value=none, required=false, minlength=none, icon_left=none, icon_right=none) %}