From 795585db6a15e4f6a4f8d9be6207908f2e4bb31a Mon Sep 17 00:00:00 2001
From: "pmoreno.rodriguez" <pmorenorodriguez@protonmail.com>
Date: Sat, 27 Jan 2024 20:06:57 +0100
Subject: [PATCH] Added sublabel, label classes and icon help to list field
 (#2384)

* Added descriptioin option and icon help to list field

* Changed description by sublabel in the list field. Added label classes

* Changed description by sublabel in the list field. Added label classes

* Options to add description, sublabel and help to the list field.

* Added description, sublabel and icon help to field. Field classes are also added

* Removed duplicate description
---
 themes/grav/templates/forms/field.html.twig   |  2 +-
 .../forms/fields/list/list.html.twig          | 23 ++++++++++++++++---
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/themes/grav/templates/forms/field.html.twig b/themes/grav/templates/forms/field.html.twig
index 40cba498..4292ab0d 100644
--- a/themes/grav/templates/forms/field.html.twig
+++ b/themes/grav/templates/forms/field.html.twig
@@ -42,7 +42,7 @@
                         <label for="toggleable_{{ field.name }}"></label>
                     </span>
                 {% endif %}
-                <label{{ (toggleable ? ' class="toggleable" for="toggleable_' ~ field.name ~ '"')|raw }}>
+               <label{{ (field.toggleable ? ' class="toggleable ' ~ field.classes ~ '" for="toggleable_' ~ field.name ~ '"' : ' class="' ~ field.classes ~ '"')|raw }}>
                 {% block label %}
                     {% if field.help %}
                         {% if field.markdown %}
diff --git a/themes/grav/templates/forms/fields/list/list.html.twig b/themes/grav/templates/forms/fields/list/list.html.twig
index 66aed31b..a2799142 100644
--- a/themes/grav/templates/forms/fields/list/list.html.twig
+++ b/themes/grav/templates/forms/fields/list/list.html.twig
@@ -19,14 +19,32 @@
                 <label for="toggleable_{{ field.name }}"></label>
             </span>
         {% endif %}
-        <label{{ (field.toggleable ? ' class="toggleable" for="toggleable_' ~ field.name ~ '"')|raw }}>
+        <label{{ (field.toggleable ? ' class="toggleable ' ~ field.classes ~ '" for="toggleable_' ~ field.name ~ '"' : ' class="' ~ field.classes ~ '"')|raw }}>
             {% if field.help %}
-            <span class="hint--bottom" data-hint="{{ field.help|t }}">{{ field.label|t }}</span>
+                {% if field.markdown %}
+                    <span class="hint--bottom" data-hint="{{ field.help|t|markdown(false) }}">{{ field.label|t|markdown(false)|raw }} <i class="hint-icon fa fa-question-circle" aria-hidden="true"></i></span>
+                {% else %}
+                    <span class="hint--bottom" data-hint="{{ field.help|t }}">{{ field.label|t|raw }} <i class="hint-icon fa fa-question-circle" aria-hidden="true"></i></span>
+                {% endif %}
             {% else %}
             {{ field.label|t }}
             {% endif %}
             {{ field.validate.required in ['on', 'true', 1] ? '<span class="required">*</span>' }}
         </label>
+        {% if field.description %}
+        <div class="form-extra-wrapper">
+            <span class="form-description">{{ field.description|t|markdown(false)|raw }}</span>
+        </div>
+        {% endif %}
+        {% if field.sublabel %}
+        <div class="form-sublabel">
+            {% if field.markdown %}
+                {{ field.sublabel|t|markdown(false)|raw }}
+            {% else %}
+                {{ field.sublabel|t|raw }}
+            {% endif %}
+        </div>
+        {% endif %}
     </div>
     <div class="form-data{% if not vertical %} block size-2-3 pure-u-2-3{% endif %}"
         {% block global_attributes %}
@@ -185,4 +203,3 @@
         </div>
     </div>
 {% endblock %}
-