From bbd51c57733490b1d1b848785fc6a983189808e8 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Sat, 18 May 2024 11:40:32 +0200
Subject: [PATCH] feat: AccountDescriptorMenu

---
 .../Account/Card/AccountDescriptorMenu.vue    | 95 ++++++++++++-------
 src/pages/Account/locale/en.yml               |  8 +-
 src/pages/Account/locale/es.yml               | 20 +++-
 3 files changed, 83 insertions(+), 40 deletions(-)

diff --git a/src/pages/Account/Card/AccountDescriptorMenu.vue b/src/pages/Account/Card/AccountDescriptorMenu.vue
index 5bf183358a..bfec789edd 100644
--- a/src/pages/Account/Card/AccountDescriptorMenu.vue
+++ b/src/pages/Account/Card/AccountDescriptorMenu.vue
@@ -12,57 +12,84 @@ const $props = defineProps({
         required: true,
     },
 });
+import { useVnConfirm } from 'composables/useVnConfirm';
 
 const { t } = useI18n();
 const { openReport } = usePrintService();
+const { openConfirmationModal } = useVnConfirm();
 
 const account = ref($props.account);
-
-function setPassword() {
-    const id = account.value.id;
-    openReport(`Accounts/${id}/account-pickup-pdf`, {
-        recipientId: account.value.clientFk,
-    });
-}
-function disableAccount() {
-    const id = account.value.id;
-    openReport(`Accounts/${id}/account-pickup-pdf`, {
-        recipientId: account.value.clientFk,
-    });
-}
-function disableUser() {
-    const id = account.value.id;
-    openReport(`Accounts/${id}/account-pickup-pdf`, {
-        recipientId: account.value.clientFk,
-    });
-}
-function sync() {
-    const id = account.value.id;
-    openReport(`Accounts/${id}/account-pickup-pdf`, {
-        recipientId: account.value.clientFk,
-    });
-}
 </script>
 <template>
-    <QItem v-ripple clickable @click="setPassword(entity)">
+    <QItem
+        v-ripple
+        clickable
+        @click="
+            openConfirmationModal(
+                t('Confirm deletion'),
+                t('Are you sure...TODO'),
+                setPassword
+            )
+        "
+    >
         <QItemSection>{{ t('account.card.actions.setPassword') }}</QItemSection>
     </QItem>
-    <QItem v-ripple clickable @click="disableAccount(entity)">
-        <QItemSection>{{ t('account.card.actions.disableAccount') }}</QItemSection>
+    <QItem
+        v-ripple
+        clickable
+        @click="
+            openConfirmationModal(
+                t('account.card.actions.disableAccount.title'),
+                t('account.card.actions.disableAccount.subtitle'),
+                disableAccount
+            )
+        "
+    >
+        <QItemSection>{{ t('account.card.actions.disableAccount.name') }}</QItemSection>
     </QItem>
-    <QItem v-ripple clickable @click="disableUser(entity)">
-        <QItemSection>{{ t('account.card.actions.disableUser') }}</QItemSection>
+    <QItem
+        v-ripple
+        clickable
+        @click="
+            openConfirmationModal(
+                t('account.card.actions.disableUser.title'),
+                t('account.card.actions.disableUser.title'),
+                actiondisableUser
+            )
+        "
+    >
+        <QItemSection>{{ t('account.card.actions.disableUser.name') }}</QItemSection>
     </QItem>
-    <QItem v-ripple clickable @click="sync(entity)">
-        <QItemSection>{{ t('account.card.actions.sync') }}</QItemSection>
+    <QItem
+        v-ripple
+        clickable
+        @click="
+            openConfirmationModal(
+                t('account.card.actions.sync.title'),
+                t('account.card.actions.sync.subtitle'),
+                sync
+            )
+        "
+    >
+        <QItemSection>{{ t('account.card.actions.sync.name') }}</QItemSection>
     </QItem>
 
     <QSeparator />
-    <QItem @click="confirmRemove()" v-ripple clickable>
+    <QItem
+        @click="
+            openConfirmationModal(
+                t('account.card.actions.delete.title'),
+                t('account.card.actions.delete.subTitle'),
+                removeAccount
+            )
+        "
+        v-ripple
+        clickable
+    >
         <QItemSection avatar>
             <QIcon name="delete" />
         </QItemSection>
-        <QItemSection>{{ t('account.card.actions.delete') }}</QItemSection>
+        <QItemSection>{{ t('account.card.actions.delete.name') }}</QItemSection>
     </QItem>
 </template>
 
diff --git a/src/pages/Account/locale/en.yml b/src/pages/Account/locale/en.yml
index 36defa2446..04a6ff0734 100644
--- a/src/pages/Account/locale/en.yml
+++ b/src/pages/Account/locale/en.yml
@@ -18,8 +18,12 @@ account:
         nickname: Usuario
         role: Rol
         actions:
-            setPassword: Se password
-            disableAccount: Disable account
+            setPassword: Set password
+
+            disableAccount:
+                name: Disable account
+                title: La cuenta será deshabilitada
+                subtitle: ¿Seguro que quieres continuar?
             disableUser: Disable user
             sync: Sync
             delete: Delete
diff --git a/src/pages/Account/locale/es.yml b/src/pages/Account/locale/es.yml
index 70736d94b6..f61b1d4de9 100644
--- a/src/pages/Account/locale/es.yml
+++ b/src/pages/Account/locale/es.yml
@@ -19,10 +19,22 @@ account:
         role: Rol
         actions:
             setPassword: Establecer contraseña
-            disableAccount: Deshabilitar cuenta
-            disableUser: Desactivar usuario
-            sync: Sincronizar
-            delete: Eliminar
+            disableAccount:
+                name: Deshabilitar cuenta
+                title: La cuenta será deshabilitada
+                subtitle: ¿Seguro que quieres continuar?
+            disableUser:
+                name: Desactivar usuario
+                title: El usuario será deshabilitado
+                subtitle: ¿Seguro que quieres continuar?
+            sync:
+                name: Sincronizar
+                title: El usuario será sincronizado
+                subtitle: ¿Seguro que quieres continuar?
+            delete:
+                name: Eliminar
+                title: El usuario será eliminado
+                subtitle: ¿Seguro que quieres continuar?
 
     search: Buscar usuario
 role: