From bcd3b2be93c2b658fba48258f63366d23434480e Mon Sep 17 00:00:00 2001
From: carlosfonseca <carlos.fonseca@mindshore.io>
Date: Tue, 21 Nov 2023 07:11:00 -0500
Subject: [PATCH] Se agrega un desplegable en el detalle de las tarjetas

---
 src/components/ui/CardDescriptor.vue | 54 +++++++++++++++++-----------
 1 file changed, 34 insertions(+), 20 deletions(-)

diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index f63b75de6..a000bd1e4 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -52,6 +52,16 @@ watch($props, async () => {
     entity.value = null;
     await fetch();
 });
+
+const options = [
+    'Transferir factura a ...',
+    'Ver factura ...',
+    'Enviar factura ...',
+    'Eliminar factura',
+    'Asentar factura',
+    'Regenerar PDF factura',
+    'Abono ...',
+];
 </script>
 
 <template>
@@ -60,13 +70,13 @@ watch($props, async () => {
             <div class="header bg-primary q-pa-sm">
                 <RouterLink :to="{ name: `${module}List` }">
                     <QBtn
-                        round
-                        flat
-                        dense
-                        size="md"
-                        icon="view_list"
-                        color="white"
                         class="link"
+                        color="white"
+                        dense
+                        flat
+                        icon="view_list"
+                        round
+                        size="md"
                     >
                         <QTooltip>
                             {{ t('components.cardDescriptor.mainList') }}
@@ -75,28 +85,32 @@ watch($props, async () => {
                 </RouterLink>
                 <RouterLink :to="{ name: `${module}Summary`, params: { id: entity.id } }">
                     <QBtn
-                        round
-                        flat
-                        dense
-                        size="md"
-                        icon="launch"
-                        color="white"
                         class="link"
+                        color="white"
+                        dense
+                        flat
+                        icon="launch"
+                        round
+                        size="md"
                     >
-                        <QTooltip>
-                            {{ t('components.cardDescriptor.summary') }}
-                        </QTooltip>
+                        <QMenu auto-close>
+                            <QList dense v-for="option in options" :key="option">
+                                <QItem v-ripple clickable>
+                                    {{ option }}
+                                </QItem>
+                            </QList>
+                        </QMenu>
                     </QBtn>
                 </RouterLink>
 
                 <QBtn
-                    v-if="slots.menu"
-                    size="md"
-                    icon="more_vert"
                     color="white"
-                    round
-                    flat
                     dense
+                    flat
+                    icon="more_vert"
+                    round
+                    size="md"
+                    v-if="slots.menu"
                 >
                     <QTooltip>
                         {{ t('components.cardDescriptor.moreOptions') }}