From a92bc8c713af43d781676e2dc66703cca098e08e Mon Sep 17 00:00:00 2001
From: alexandre <alexandre@verdnatura.es>
Date: Thu, 23 Mar 2023 10:34:22 +0100
Subject: [PATCH] refs #5056 refresh list when delete

---
 src/i18n/en/index.js                   |  5 +++--
 src/i18n/es/index.js                   |  4 +++-
 src/pages/Wagon/Type/WagonTypeList.vue | 18 ++++++++++++++----
 src/pages/Wagon/WagonList.vue          | 18 +++++++++++++-----
 4 files changed, 33 insertions(+), 12 deletions(-)

diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index 5b250ef97..d11d0fb98 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -401,13 +401,14 @@ export default {
             submit: 'Submit',
             reset: 'Reset',
             trayColor: 'Tray color',
-
+            removeItem: 'Wagon type removed successfully',
         },
         list: {
             plate: 'Plate',
             volume: 'Volume',
             type: 'Type',
-            remove: 'Remove'
+            remove: 'Remove',
+            removeItem: 'Wagon removed successfully',
         },
         create: {
             plate: 'Plate',
diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index 0c784231a..3a46d6860 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -401,12 +401,14 @@ export default {
             submit: 'Guardar',
             reset: 'Deshacer cambios',
             trayColor: 'Color de la bandeja',
+            removeItem: 'Tipo de vagón borrado correctamente',
         },
         list: {
             plate: 'Matrícula',
             volume: 'Volumen',
             type: 'Tipo',
-            remove: 'Borrar'
+            remove: 'Borrar',
+            removeItem: 'Vagón borrado correctamente',
         },
         create: {
             plate: 'Matrícula',
diff --git a/src/pages/Wagon/Type/WagonTypeList.vue b/src/pages/Wagon/Type/WagonTypeList.vue
index d010c90c9..86dd2e7f7 100644
--- a/src/pages/Wagon/Type/WagonTypeList.vue
+++ b/src/pages/Wagon/Type/WagonTypeList.vue
@@ -1,9 +1,15 @@
 <script setup>
 import axios from 'axios';
+import { useQuasar } from 'quasar';
 import Paginate from 'src/components/PaginateData.vue';
+import { useArrayData } from 'src/composables/useArrayData';
+import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
+const quasar = useQuasar();
+const arrayData = useArrayData('WagonTypeList');
+const store = arrayData.store;
 const router = useRouter();
 const { t } = useI18n();
 
@@ -15,13 +21,17 @@ function create() {
     router.push({ path: `/wagon/type/create` });
 }
 
-async function remove(id) {
+async function remove(row) {
     try {
+        const id = row.id;
         await axios
             .delete(`WagonTypes/deleteWagonType`, { params: { id } })
             .then(async () => {
-                // TODO: RELOAD PAGE
-                // router.push({ path: `/wagon/type/list` });
+                quasar.notify({
+                    message: t('wagon.type.removeItem'),
+                    type: 'positive',
+                });
+                store.data.splice(store.data.indexOf(row), 1);
             });
     } catch (error) {
         //
@@ -67,7 +77,7 @@ async function remove(id) {
                                     round
                                     color="primary"
                                     icon="delete"
-                                    @click="remove(row.id)"
+                                    @click="remove(row)"
                                 >
                                     <q-tooltip>
                                         {{ t('wagon.list.remove') }}
diff --git a/src/pages/Wagon/WagonList.vue b/src/pages/Wagon/WagonList.vue
index 1f8634280..5b2723509 100644
--- a/src/pages/Wagon/WagonList.vue
+++ b/src/pages/Wagon/WagonList.vue
@@ -1,9 +1,14 @@
 <script setup>
 import axios from 'axios';
+import { useQuasar } from 'quasar';
 import Paginate from 'src/components/PaginateData.vue';
+import { useArrayData } from 'src/composables/useArrayData';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
+const quasar = useQuasar();
+const arrayData = useArrayData('WagonList');
+const store = arrayData.store;
 const router = useRouter();
 const { t } = useI18n();
 
@@ -24,11 +29,14 @@ function create() {
     router.push({ path: `/wagon/create` });
 }
 
-async function remove(id) {
+async function remove(row) {
     try {
-        await axios.delete(`Wagons/${id}`).then(async () => {
-            // TODO: RELOAD PAGE
-            // router.push({ path: `/wagon/list` });
+        await axios.delete(`Wagons/${row.id}`).then(async () => {
+            quasar.notify({
+                message: t('wagon.list.removeItem'),
+                type: 'positive',
+            });
+            store.data.splice(store.data.indexOf(row), 1);
         });
     } catch (error) {
         //
@@ -103,7 +111,7 @@ async function remove(id) {
                                     round
                                     color="primary"
                                     icon="delete"
-                                    @click="remove(row.id)"
+                                    @click="remove(row)"
                                 >
                                     <q-tooltip>
                                         {{ t('wagon.list.remove') }}