From 93fb414d05ee863d3e9cf1d9bd40ed38752c6ab1 Mon Sep 17 00:00:00 2001
From: Guillaume AGNIERAY <107203963+gagnieray@users.noreply.github.com>
Date: Wed, 21 Feb 2024 07:58:47 +0100
Subject: [PATCH] Summernote basic toolbar

* Add a toolbar variation to HTML Editor
* Use HTML editor's basic toolbar on dynamic fields

refs #1774
---
 .../components/dynamic_fields.html.twig       |  2 +-
 .../default/elements/scripts.html.twig        | 26 +++++++++++++------
 ...configuration_dynamic_field_form.html.twig |  2 +-
 .../configuration_dynamic_fields.html.twig    |  2 +-
 4 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/galette/templates/default/components/dynamic_fields.html.twig b/galette/templates/default/components/dynamic_fields.html.twig
index 43589910b..43a12aa12 100644
--- a/galette/templates/default/components/dynamic_fields.html.twig
+++ b/galette/templates/default/components/dynamic_fields.html.twig
@@ -150,7 +150,7 @@
                                 <div class="field{% if field.isRequired() %} required{% endif %}{% if get_class(field) == 'Galette\\DynamicFields\\File' %} wide{% endif %}">
                                     {{ _self.draw_field(field, field_data, disabled, loop.index, object, masschange) }}
                                     {% if field.getInformation() %}
-                                        <p class="exemple">{{ field.getInformation()|raw }}</p>
+                                        <div class="exemple">{{ field.getInformation()|raw }}</div>
                                     {% endif %}
                                 </div>
                             {% endfor %}
diff --git a/galette/templates/default/elements/scripts.html.twig b/galette/templates/default/elements/scripts.html.twig
index ae17f43a8..544a39ece 100644
--- a/galette/templates/default/elements/scripts.html.twig
+++ b/galette/templates/default/elements/scripts.html.twig
@@ -187,18 +187,28 @@
         <script type="text/javascript" src="{{ base_path() }}/assets/js/summernote.min.js"></script>
         <script type="text/javascript" src="{{ base_path() }}/assets/js/lang/summernote-{{ i18n.getID()|replace({'_': '-'}) }}.min.js"></script>
         <script type="text/javascript">
-            function activateHtmlEditor(elt) {
-                elt.summernote({
-                    lang: '{{ i18n.getID()|replace({'_': '-'}) }}',
-                    disableDragAndDrop: true,
-                    height: 240,
-                    toolbar: [
+            function activateHtmlEditor(elt, basic) {
+                if (basic === true) {
+                    var _toolbar = [
+                        ['font', ['bold', 'italic', 'strikethrough', 'clear']],
+                        ['para', ['ul', 'ol']],
+                        ['insert', ['link']],
+                        ['view', ['codeview']]
+                    ];
+                } else {
+                    var _toolbar = [
                         ['style', ['style']],
                         ['font', ['bold', 'italic', 'strikethrough', 'clear']],
                         ['para', ['ul', 'ol', 'paragraph']],
                         ['insert', ['link', 'picture']],
-                        ['view', ['codeview', 'help']]
-                    ],
+                        ['view', ['codeview']]
+                    ];
+                }
+                elt.summernote({
+                    lang: '{{ i18n.getID()|replace({'_': '-'}) }}',
+                    disableDragAndDrop: true,
+                    height: 240,
+                    toolbar: _toolbar,
                     styleTags: [
                         'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'
                     ],
diff --git a/galette/templates/default/pages/configuration_dynamic_field_form.html.twig b/galette/templates/default/pages/configuration_dynamic_field_form.html.twig
index 0f3f53acf..c49d0e98e 100644
--- a/galette/templates/default/pages/configuration_dynamic_field_form.html.twig
+++ b/galette/templates/default/pages/configuration_dynamic_field_form.html.twig
@@ -155,7 +155,7 @@
 {% block javascripts %}
     <script>
         $(function() {
-            activateHtmlEditor($('#field_information'));
+            activateHtmlEditor($('#field_information'), true);
         });
     </script>
 {% endblock %}
diff --git a/galette/templates/default/pages/configuration_dynamic_fields.html.twig b/galette/templates/default/pages/configuration_dynamic_fields.html.twig
index 8eda4007e..6c0dad989 100644
--- a/galette/templates/default/pages/configuration_dynamic_fields.html.twig
+++ b/galette/templates/default/pages/configuration_dynamic_fields.html.twig
@@ -97,7 +97,7 @@
                     modal_class: "tiny",
                     modal_content_class: "scrolling",
                     modal_onapprove: modal_onapprove,
-                    modal_action_onshow: "activateHtmlEditor($('#field_information'));"
+                    modal_action_onshow: "activateHtmlEditor($('#field_information'), true);"
                 } %}
             }
             _editDynField();
-- 
2.39.2