AddAddress: adding a new stickyActions option

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;
       }
    }
 }

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

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"

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
         } %}