From 9b0d30a776d573d9fd7f424e4fc4a9ae6b300032 Mon Sep 17 00:00:00 2001
From: carlosfonseca <carlos.fonseca@mindshore.io>
Date: Wed, 29 Nov 2023 09:28:12 -0500
Subject: [PATCH 1/2] Primeras correcciones

---
 .vscode/settings.json                   |  2 --
 src/pages/InvoiceOut/InvoiceOutList.vue | 15 +++++++--------
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index f175e4b82..817977448 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -15,8 +15,6 @@
         "editor.defaultFormatter": "esbenp.prettier-vscode"
     },
     "cSpell.words": ["axios"],
-
-    "editor.tabSize": 2,
     "files.autoSave": "onFocusChange",
     "files.trimTrailingWhitespace": true,
     "editor.hover.enabled": true,
diff --git a/src/pages/InvoiceOut/InvoiceOutList.vue b/src/pages/InvoiceOut/InvoiceOutList.vue
index fa7af4052..2d2fd5093 100644
--- a/src/pages/InvoiceOut/InvoiceOutList.vue
+++ b/src/pages/InvoiceOut/InvoiceOutList.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { onMounted, onUnmounted, ref } from 'vue';
+import { onMounted, onUnmounted, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { exportFile, useQuasar } from 'quasar';
@@ -55,6 +55,12 @@ const addElement = (element) => {
     }
 };
 
+watch(manageCheckboxes, (current, prev) => {
+    if (!current) {
+        arrayElements.value = [];
+    }
+});
+
 const downloadCsv = (rows) => {
     const data = arrayElements.value.length ? arrayElements.value : rows;
     let file;
@@ -244,13 +250,6 @@ const downloadCsv = (rows) => {
 .dark_icon {
     color: #121212;
 }
-
-.disabled,
-.disabled *,
-[disabled],
-[disabled] * {
-    cursor: default !important;
-}
 </style>
 
 <i18n>

From 22cf914dc6509879b634002a94c6a757fac2a813 Mon Sep 17 00:00:00 2001
From: carlosfonseca <carlos.fonseca@mindshore.io>
Date: Wed, 29 Nov 2023 11:48:06 -0500
Subject: [PATCH 2/2] Correcciones post PR

---
 src/components/ui/CardDescriptor.vue          | 30 +++++++------------
 .../InvoiceOut/Card/InvoiceOutDescriptor.vue  |  4 +++
 .../Card/InvoiceOutDescriptorMenu.vue         | 23 ++++++++++++++
 3 files changed, 38 insertions(+), 19 deletions(-)
 create mode 100644 src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue

diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index 0b15f2998..9116425df 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -57,20 +57,6 @@ async function getData() {
     emit('onFetch', data);
 }
 
-// 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 ...',
-];
 const emit = defineEmits(['onFetch']);
 </script>
 
@@ -110,15 +96,21 @@ const emit = defineEmits(['onFetch']);
                     </QBtn>
                 </RouterLink>
 
-                <QBtn color="white" dense flat icon="more_vert" round size="md">
+                <QBtn
+                    color="white"
+                    dense
+                    flat
+                    icon="more_vert"
+                    round
+                    size="md"
+                    v-if="slots.menu"
+                >
                     <QTooltip>
                         {{ t('components.cardDescriptor.moreOptions') }}
                     </QTooltip>
                     <QMenu>
-                        <QList dense v-for="option in options" :key="option">
-                            <QItem v-ripple clickable>
-                                {{ option }}
-                            </QItem>
+                        <QList>
+                            <slot name="menu" :entity="entity" />
                         </QList>
                     </QMenu>
                 </QBtn>
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutDescriptor.vue b/src/pages/InvoiceOut/Card/InvoiceOutDescriptor.vue
index 4271f7f38..d3e38a1fe 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutDescriptor.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutDescriptor.vue
@@ -7,6 +7,7 @@ import CardDescriptor from 'components/ui/CardDescriptor.vue';
 import CustomerDescriptorProxy from 'pages/Customer/Card/CustomerDescriptorProxy.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
 import useCardDescription from 'src/composables/useCardDescription';
+import InvoiceOutDescriptorMenu from './InvoiceOutDescriptorMenu.vue';
 
 const $props = defineProps({
     id: {
@@ -59,6 +60,9 @@ const setData = (entity) => (data.value = useCardDescription(entity.ref, entity.
         @on-fetch="setData"
         data-key="invoiceOutData"
     >
+        <template #menu="{ entity }">
+            <InvoiceOutDescriptorMenu :invoiceOut="entity" />
+        </template>
         <template #body="{ entity }">
             <VnLv :label="t('invoiceOut.card.issued')" :value="toDate(entity.issued)" />
             <VnLv
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
new file mode 100644
index 000000000..53cac7ccd
--- /dev/null
+++ b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
@@ -0,0 +1,23 @@
+<template>
+    <QItem v-ripple clickable>
+        <QItemSection>Transferir factura a ...</QItemSection>
+    </QItem>
+    <QItem v-ripple clickable>
+        <QItemSection>Ver factura ...</QItemSection>
+    </QItem>
+    <QItem v-ripple clickable>
+        <QItemSection>Enviar factura ...</QItemSection>
+    </QItem>
+    <QItem v-ripple clickable>
+        <QItemSection>Eliminar factura</QItemSection>
+    </QItem>
+    <QItem v-ripple clickable>
+        <QItemSection>Asentar factura</QItemSection>
+    </QItem>
+    <QItem v-ripple clickable>
+        <QItemSection>Regenerar PDF factura</QItemSection>
+    </QItem>
+    <QItem v-ripple clickable>
+        <QItemSection>Abono ...</QItemSection>
+    </QItem>
+</template>