Amélioration UX nouveaux tags

src/agenda_culturel/forms.py

@@ -285,7 +285,7 @@ class EventForm(GroupFormMixin, ModelForm):
             "Create new labels (sparingly). Note: by starting your tag with the characters “TW:”, you"
             "ll create a “trigger warning” tag, and the associated events will be announced as such."
         ),
-        widget=DynamicArrayWidget(),
+        widget=DynamicArrayWidgetTags(),
         required=False,
     )
 
@@ -489,7 +489,7 @@ class EventModerateForm(ModelForm):
             "Create new labels (sparingly). Note: by starting your tag with the characters “TW:”, you"
             "ll create a “trigger warning” tag, and the associated events will be announced as such."
         ),
-        widget=DynamicArrayWidget(),
+        widget=DynamicArrayWidgetTags(),
         required=False,
     )
 

src/agenda_culturel/templates/agenda_culturel/widgets/widget-tags.html

@@ -1,16 +1,18 @@
 {% load static %}
 {% load i18n %}
+{% load utils_extra %}
 {% spaceless %}
   <div class="related-widget-wrapper">
     <div class="dynamic-array-widget">
       <ul>
         {% for subwidget in widget.subwidgets %}
-          <li {% if widget.is_none %}data-isNone="true" class="array-item hidden"{% else %}class="array-item"{% endif %}>
+          <li {% if widget.is_none %}data-isNone="true"{% endif %}
+              class="array-item">
             {% with widget=subwidget %}
               {% include widget.template_name %}
             {% endwith %}
             <div class="remove">
-              <div class="inline-deletelink"></div>
+              <div class="inline-deletelink">{% picto_from_name "x-circle" %}</div>
             </div>
           </li>
         {% endfor %}

src/agenda_culturel/templates/agenda_culturel/widgets/widget-urls.html

@@ -6,7 +6,8 @@
     <div class="dynamic-array-widget">
       <ul>
         {% for subwidget in widget.subwidgets %}
-          <li {% if widget.is_none %}data-isNone="true" class="array-item"{% else %}class="array-item"{% endif %}>
+          <li {% if widget.is_none %}data-isNone="true"{% endif %}
+              class="array-item">
             {% with widget=subwidget %}
               {% include widget.template_name %}
             {% endwith %}