From 78477ef362a7bc907376e8e3fe7fc728b4c2255a Mon Sep 17 00:00:00 2001
From: Kevin Martinez <kamgmc@gmail.com>
Date: Wed, 29 Nov 2023 23:23:32 -0300
Subject: [PATCH] Update Wagon list

---
 src/pages/Wagon/Type/WagonTypeList.vue | 13 +++++++++----
 src/pages/Wagon/WagonList.vue          | 13 ++++++-------
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/pages/Wagon/Type/WagonTypeList.vue b/src/pages/Wagon/Type/WagonTypeList.vue
index 8af441856..bcc3b7ffa 100644
--- a/src/pages/Wagon/Type/WagonTypeList.vue
+++ b/src/pages/Wagon/Type/WagonTypeList.vue
@@ -5,7 +5,8 @@ import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import { useArrayData } from 'src/composables/useArrayData';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
-import CardList2 from "components/ui/CardList2.vue";
+import CardList2 from 'components/ui/CardList2.vue';
+import VnLv from 'components/ui/VnLv.vue';
 
 const quasar = useQuasar();
 const arrayData = useArrayData('WagonTypeList');
@@ -54,19 +55,23 @@ async function remove(row) {
                         :key="row.id"
                         :title="(row.name || '').toString()"
                         :id="row.id"
-                        @click="navigate(row.id)">
+                        @click="navigate(row.id)"
+                    >
+                        <template #list-items>
+                            <VnLv label="ID" :value="row.id" />
+                        </template>
                         <template #actions>
                             <QBtn
                                 :label="t('components.smartCard.openCard')"
                                 @click.stop="navigate(row.id)"
-                                color="primary"
+                                color="white"
+                                outline
                                 type="submit"
                             />
                             <QBtn
                                 :label="t('wagon.list.remove')"
                                 @click.stop="remove(row)"
                                 color="primary"
-                                flat
                                 style="margin-top: 15px"
                             />
                         </template>
diff --git a/src/pages/Wagon/WagonList.vue b/src/pages/Wagon/WagonList.vue
index bc94d4c5f..e936f075b 100644
--- a/src/pages/Wagon/WagonList.vue
+++ b/src/pages/Wagon/WagonList.vue
@@ -62,17 +62,16 @@ async function remove(row) {
                         :key="row.id"
                         :title="(row.label || '').toString()"
                         :id="row.id"
-                        @click="navigate(row.id)">
+                        @click="navigate(row.id)"
+                    >
                         <template #list-items>
+                            <VnLv label="ID" :value="row.id" />
                             <VnLv
                                 :label="t('wagon.list.plate')"
                                 :title-label="t('wagon.list.plate')"
                                 :value="row.plate"
                             />
-                            <VnLv
-                                :label="t('wagon.list.volume')"
-                                :value="row?.volume"
-                            />
+                            <VnLv :label="t('wagon.list.volume')" :value="row?.volume" />
                             <VnLv
                                 :label="t('wagon.list.type')"
                                 :value="row?.type?.name"
@@ -82,14 +81,14 @@ async function remove(row) {
                             <QBtn
                                 :label="t('components.smartCard.openCard')"
                                 @click.stop="navigate(row.id)"
-                                color="primary"
+                                color="white"
+                                outline
                                 type="submit"
                             />
                             <QBtn
                                 :label="t('wagon.list.remove')"
                                 @click.stop="remove(row)"
                                 color="primary"
-                                flat
                                 style="margin-top: 15px"
                             />
                         </template>