improve modal system, test when a modal call next modal

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue

@@ -31,7 +31,8 @@
          <p>Quisque non erat tincidunt, lacinia justo ut, pulvinar nisl. Nunc id enim ut sem pretium interdum consectetur eu quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Etiam posuere erat eget augue finibus luctus. Maecenas auctor, tortor non luctus ultrices, neque neque porttitor ex, nec lacinia lorem ligula et elit. Sed tempor nulla vitae lorem sollicitudin dictum. Vestibulum nec arcu eget elit pulvinar pretium. Phasellus facilisis metus sed diam luctus, feugiat scelerisque velit dignissim.</p>
       </template>
       <template v-slot:footer>
-         <button class="sc-button green" @click="modal1.showModal = false">{{ $t('action.save')}}</button>
+         <button class="sc-button green" @click="modal1.showModal = false; modal2.showModal = true">
+            {{ $t('action.next')}}</button>
       </template>
    </modal>
    
@@ -43,6 +44,8 @@
          <p>modal 2</p>
       </template>
       <template v-slot:footer>
+         <button class="sc-button green" @click="modal2.showModal = false">
+            {{ $t('action.save')}}</button>
       </template>
    </modal>
    <!-- END TESTS -->
@@ -62,11 +65,11 @@ export default {
       return {
          modal1: {
             showModal: false,
-            modalDialogClass: "modal-dialog modal-dialog-scrollable modal-xl"  // modal-lg modal-md modal-sm
+            modalDialogClass: "modal-dialog-scrollable modal-xl"  // modal-lg modal-md modal-sm
          },
          modal2: {
             showModal: false,
-            modalDialogClass: "modal-dialog modal-dialog-centered modal-sm"  // modal-lg modal-md modal-sm
+            modalDialogClass: "modal-dialog-centered modal-sm"  // modal-lg modal-md modal-sm
          }
       }
    },

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/js/i18n.js

@@ -34,7 +34,10 @@ const messages = {
          showModal: "Ouvrir une modale",
          ok: "OK",
          cancel: "Annuler",
-         close: "Fermer"
+         close: "Fermer",
+         next: "Suivant",
+         previous: "Précédent",
+         back: "Retour"
       }
    }
 };