refactor: enhance undelete identity functionality with confirmation dialog

- Updated the undeleteIdentity method in both trash.vue and trash/[_id].vue to include a confirmation dialog before restoring identities.
- Improved user feedback with notifications for successful restoration and error handling.
- Streamlined the code for better readability and maintainability.

Author: tacxou

apps/web/src/pages/identities/trash.vue

@@ -130,30 +130,41 @@ export default defineNuxtComponent({
     },
   },
   methods: {
-    async undeleteIdentity(identity) {
-      try {
-        await this.$http.post('/core/backends/undelete', {
-          body: {
-            payload: [identity._id],
-          },
+    undeleteIdentity(identity) {
+      const { confirmButton, cancelDeleteButton } = useModalButtons()
+      this.$q
+        .dialog({
+          title: 'Confirmation',
+          message: 'Voulez-vous vraiment restaurer cette identité ?',
+          ok: confirmButton.value,
+          cancel: cancelDeleteButton.value,
+          persistent: true,
         })
+        .onOk(async () => {
+          try {
+            await this.$http.post('/core/backends/undelete', {
+              body: {
+                payload: [identity._id],
+              },
+            })
 
-        this.$q.notify({
-          message: "L'identité a été restaurée.",
-          color: 'positive',
-          position: 'top-right',
-          icon: 'mdi-check-circle-outline',
-        })
-        await this.fetchAllStateCount()
-        this.refresh()
-      } catch (error: any) {
-        this.$q.notify({
-          message: "Impossible de restaurer l'identité : " + (error?.response?._data?.message || 'erreur inconnue'),
-          color: 'negative',
-          position: 'top-right',
-          icon: 'mdi-alert-circle-outline',
+            this.$q.notify({
+              message: "L'identité a été restaurée.",
+              color: 'positive',
+              position: 'top-right',
+              icon: 'mdi-check-circle-outline',
+            })
+            await this.fetchAllStateCount()
+            this.refresh()
+          } catch (error: any) {
+            this.$q.notify({
+              message: "Impossible de restaurer l'identité : " + (error?.response?._data?.message || 'erreur inconnue'),
+              color: 'negative',
+              position: 'top-right',
+              icon: 'mdi-alert-circle-outline',
+            })
+          }
         })
-      }
     },
   },
 })

apps/web/src/pages/identities/trash/[_id].vue

@@ -125,31 +125,42 @@ export default defineNuxtComponent({
     },
   },
   methods: {
-    async undeleteIdentity() {
-      try {
-        await this.$http.post('/core/backends/undelete', {
-          body: {
-            payload: [this.identity._id],
-          },
+    undeleteIdentity() {
+      const { confirmButton, cancelDeleteButton } = useModalButtons()
+      this.$q
+        .dialog({
+          title: 'Confirmation',
+          message: 'Voulez-vous vraiment restaurer cette identité ?',
+          ok: confirmButton.value,
+          cancel: cancelDeleteButton.value,
+          persistent: true,
         })
+        .onOk(async () => {
+          try {
+            await this.$http.post('/core/backends/undelete', {
+              body: {
+                payload: [this.identity._id],
+              },
+            })
 
-        this.$q.notify({
-          message: "L'identité a été restaurée.",
-          color: 'positive',
-          position: 'top-right',
-          icon: 'mdi-check-circle-outline',
-        })
-        await this.fetchAllStateCount()
-        this.$emit('refresh')
-        this.navigateToTab('/identities/trash')
-      } catch (error: any) {
-        this.$q.notify({
-          message: "Impossible de restaurer l'identité : " + (error?.response?._data?.message || 'erreur inconnue'),
-          color: 'negative',
-          position: 'top-right',
-          icon: 'mdi-alert-circle-outline',
+            this.$q.notify({
+              message: "L'identité a été restaurée.",
+              color: 'positive',
+              position: 'top-right',
+              icon: 'mdi-check-circle-outline',
+            })
+            await this.fetchAllStateCount()
+            this.$emit('refresh')
+            this.navigateToTab('/identities/trash')
+          } catch (error: any) {
+            this.$q.notify({
+              message: "Impossible de restaurer l'identité : " + (error?.response?._data?.message || 'erreur inconnue'),
+              color: 'negative',
+              position: 'top-right',
+              icon: 'mdi-alert-circle-outline',
+            })
+          }
         })
-      }
     },
     async save() {
       try {