replace desactivate website checkbox by btn with dialog

components/Layout/Dialog.vue

@@ -1,8 +1,8 @@
 <!-- Fenêtre de dialogue -->
 <template>
   <v-dialog
-    :model-value="show"
-    persistent
+    :model-value="_show"
+    :persistent="true"
     :max-width="maxWidth"
     :content-class="contentClass"
   >
@@ -34,9 +34,11 @@
 </template>
 
 <script setup lang="ts">
+import {PropType} from "@vue/runtime-core";
+
 const props = defineProps({
   show: {
-    type: Boolean,
+    type: Object as PropType<Ref<Boolean>>,
     required: true
   },
   contentClass: {
@@ -54,6 +56,11 @@ const props = defineProps({
     default: 800
   }
 })
+
+// @ts-ignore  -> just to avoid the error with the prop's type of v-dialog
+const _show = computed(() => props.show) as boolean
+
+
 </script>
 
 <style lang="scss" scoped>
@@ -66,7 +73,7 @@ const props = defineProps({
     width: 60px;
     min-width: 60px;
     max-width: 60px;
-    min-height: 400px;
+    min-height: 120px;
     padding: 25px 10px;
 
    h3 {

components/Layout/Parameters/Website.vue

@@ -55,23 +55,65 @@
         </v-col>
 
         <v-col cols="6">
-          <!-- les publicationDirectors sont des entités Access -->
-          <UiInputAutocompleteAccesses
-              v-model="parameters.publicationDirectors"
-              field="publicationDirectors"
-              multiple
-              chips
-          />
-
-          <UiInputCheckbox
-            v-model="parameters.desactivateOpentalentSiteWeb"
-            field="desactivateOpentalentSiteWeb"
-          />
-
-          <UiInputText
-              v-model="parameters.otherWebsite"
-              field="otherWebsite"
-          />
+          <v-row>
+            <!-- les publicationDirectors sont des entités Access -->
+            <UiInputAutocompleteAccesses
+                v-model="parameters.publicationDirectors"
+                field="publicationDirectors"
+                multiple
+                chips
+            />
+          </v-row>
+
+          <v-row class="my-8">
+            <v-btn
+              v-if="!parameters.desactivateOpentalentSiteWeb"
+              color="error"
+              @click="showWebsiteDeactivationDialog=true"
+            >
+              {{ $t('deactivateOpentalentSiteWeb') }}
+            </v-btn>
+            <v-btn
+              v-else
+              color="primary"
+              @click="reactivateWebsite"
+            >
+              {{ $t('reactivateOpentalentSiteWeb') }}
+            </v-btn>
+
+            <LazyLayoutDialog :show="showWebsiteDeactivationDialog">
+              <template #dialogTitle>
+                {{ $t('please_confirm')}}
+              </template>
+              <template #dialogText>
+                <v-col>
+                  <div>{{ $t('yourOpentalentWebsiteWillBeDeactivatedOnceYouLlHaveSaved')}}.</div>
+                  <span>{{ $t('doYouWantToContinue')}} ?</span>
+                </v-col>
+              </template>
+              <template #dialogBtn>
+                <v-btn
+                    class="theme-neutral-soft mr-4"
+                    @click="showWebsiteDeactivationDialog=false"
+                >
+                  {{ $t('cancel') }}
+                </v-btn>
+                <v-btn
+                    class="theme-primary"
+                    @click="showWebsiteDeactivationDialog=false; deactivateWebsite()"
+                >
+                  {{ $t('yes') }}
+                </v-btn>
+              </template>
+            </LazyLayoutDialog>
+          </v-row>
+
+          <v-row>
+            <UiInputText
+                v-model="parameters.otherWebsite"
+                field="otherWebsite"
+            />
+          </v-row>
         </v-col>
       </v-row>
     </UiForm>
@@ -111,6 +153,17 @@ const onAddSubdomainClick = () => {
   }
   navigateTo('/parameters/subdomains/new')
 }
+
+const showWebsiteDeactivationDialog: Ref<boolean> = ref(false)
+
+
+const deactivateWebsite = () => {
+  parameters.value.desactivateOpentalentSiteWeb = true
+}
+
+const reactivateWebsite = () => {
+  parameters.value.desactivateOpentalentSiteWeb = false
+}
 </script>
 
 <style scoped lang="scss">

lang/fr.json

@@ -7,7 +7,8 @@
   "parameters_breadcrumbs": "Paramètres",
   "help_super_admin": "Le compte super-admin possède tous les droits de gestion sur votre logiciel. On l’utilise surtout pour la gestion de votre site internet et, à la première connexion au logiciel, afin de créer des comptes pour tous membres de votre structure. Enfin, il peut également être utile en cas de dépannage dans certaines situations particulières.",
   "yourWebsiteAddressIs": "L'adresse de votre site web est",
-  "areYourSureYouWantToDisableYourOpentalentWebsite": "Êtes-vous sûr(e) de vouloir désactiver votre site web Opentalent",
+  "yourOpentalentWebsiteWillBeDeactivatedOnceYouLlHaveSaved": "Votre site web Opentalent sera désactivé une fois que vous aurez enregistré",
+  "doYouWantToContinue": "Voulez-vous continuer",
   "youRegisteredTheFollowingSubdomain": "Vous avez enregistré le sous-domaine suivant",
   "subdomainIsCurrentlyActive": "Le sous-domaine est actuellement actif",
   "doYouWantToActivateThisSubdomain": "Voulez-vous activer ce sous-domaine",
@@ -378,8 +379,7 @@
   "teacher_text_creation_card": "Ajoutez un professeur à votre personnel et donnez-lui un accès pédagogique",
   "student_text_creation_card": "Inscrivez un nouvel élève via le formulaire de la vue famille",
   "guardian_text_creation_card": "Ajoutez un tuteur à votre carnet d'adresses afin de l'associer ultérieurement à un élève",
-  "click_here": "cliquez ici",
-  "super_admin_switch_account": "Vous utilisez une connexion SWITCH. Afin de retourner sur votre compte veuillez",
+  "super_admin_switch_account": "Vous utilisez une connexion SWITCH. Afin de retourner sur votre compte veuillez cliquer ici",
   "insurance_cmf_subscription": "Souscrire un contrat assurance CMF",
   "renew_insurance_cmf": "Accéder au renouvellement de votre assurance CMF",
   "upload_cotisation_invoice": "Télécharger la facture de votre appel de cotisation",
@@ -607,7 +607,6 @@
   "your_opentalent_website_address_is": "L'adresse de votre site Opentalent est",
   "record_a_new_subdomain": "Enregistrer un nouveau sous-domaine",
   "your_subdomains": "Vos sous-domaines",
-  "desactivateOpentalentSiteWeb": "Désactiver le site Opentalent",
   "Not Found": "Données non trouvée",
   "subdomains_breadcrumbs": "Sous-domaines",
   "new_breadcrumbs": "Nouveau",
@@ -624,4 +623,14 @@
   "allow_members_to_change_their_names_and_firstnames": "Autoriser les membres à modifier leur nom et prénom",
   "allow_teachers_to_consult_colleagues_informations": "Autoriser les professeurs à consulter le listing de leurs collègues (noms, prénoms, et coordonnées)",
   "allow_students_to_consult_their_pedagogical_followup": "Autoriser les élèves à consulter leur suivi pédagogique",
+  "INITIATION_CYCLE":  "Cycle initiation",
+  "CYCLE_1": "Cycle 1",
+  "CYCLE_2":  "Cycle 2",
+  "CYCLE_3": "Cycle 3",
+  "CYCLE_4":  "Cycle 4",
+  "OUT_CYCLE": "Hors cycle",
+  "originalLabel": "Libellés d'origine",
+  "effectiveLabel": "Libellés actuellement utilisés",
+  "allow_to_configure_teachings_with_played_instrument_choice": "Permettre de configurer les enseignements avec le choix sur l'instrument joué",
+  "label": "Libellé"
 }