From 331dd286e79e7c8c395234070261b7b553227da0 Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Fri, 17 Sep 2021 10:59:06 +0200
Subject: [PATCH] AddAddress: adding a new stickyActions option

---
 .../public/vuejs/Address/components/ActionButtons.vue    | 1 +
 .../Resources/public/vuejs/Address/index.js              | 4 +++-
 .../views/Address/_insert_vue_address.html.twig          | 9 +++++++--
 .../Resources/views/Address/new.html.twig                | 1 +
 4 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/ActionButtons.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/ActionButtons.vue
index 94d6ab105..a0bb66f33 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/ActionButtons.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/ActionButtons.vue
@@ -24,6 +24,7 @@ export default {
    props: [ 'options', 'default' ],
    computed: {
       isStickyForm() {
+         return (typeof this.options.stickyActions !== 'undefined') ? this.options.stickyActions : this.default.stickyActions;
       }
    }
 }
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/index.js b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/index.js
index 4e49b2207..7ecf4847a 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/index.js
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/index.js
@@ -38,9 +38,11 @@ containers.forEach((container) => {
                             create: container.dataset.modalTitle || null,
                             edit: container.dataset.modalTitle || null
                         },
-                        // Use Date fields
                         /// Display panes in Modal for step123
                         openPanesInModal: container.dataset.openPanesInModal !== 'false',  //boolean, default: true
+                        /// Display actions buttons of panes in a sticky-form-button navbar
+                        stickyActions: container.dataset.stickyActions === 'true',  //boolean, default: false
+                        /// Use Date fields
                         useDate: {
                             validFrom: container.dataset.useValidFrom === 'true',  //boolean, default: false
                             validTo: container.dataset.useValidTo === 'true'       //boolean, default: false
diff --git a/src/Bundle/ChillMainBundle/Resources/views/Address/_insert_vue_address.html.twig b/src/Bundle/ChillMainBundle/Resources/views/Address/_insert_vue_address.html.twig
index 052cdbec9..bf996f593 100644
--- a/src/Bundle/ChillMainBundle/Resources/views/Address/_insert_vue_address.html.twig
+++ b/src/Bundle/ChillMainBundle/Resources/views/Address/_insert_vue_address.html.twig
@@ -13,9 +13,11 @@
     * modalTitle    twig translated chain
     * buttonText    twig translated chain
     * buttonSize    bootstrap class like 'btn-sm'
-    * buttonDisplayText     bool
-
+    * buttonDisplayText     bool (default: true)
     * openPanesInModal      bool (default: true)
+    * stickyActions         bool (default: false)
+    * useValidFrom          bool (default: false)
+    * useValidTo            bool (default: false)
 #}
 <div class="address-container"
 
@@ -54,6 +56,9 @@
         data-open-panes-in-modal="false"
     {% endif %}
 
+    {% if stickyActions is defined and stickyActions == 1 %}
+        data-sticky-actions="true"
+    {% endif %}
 
     {% if useValidFrom is defined and useValidFrom == 1 %}
         data-use-valid-from="true"
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Address/new.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Address/new.html.twig
index 53c785dda..235c0c7b4 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Address/new.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Address/new.html.twig
@@ -31,6 +31,7 @@
             targetEntity: { name: 'person', id: person.id },
             backUrl: path('chill_person_address_list', { 'person_id': person.id }),
             openPanesInModal: false,
+            stickyActions: true,
             useValidFrom: true,
             useValidTo: false
         } %}