From b48cc55f4beec8bc03f67ff938f4e935fa98642f Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Mon, 13 Jan 2025 11:01:26 +0100
Subject: [PATCH] refactor: refs #8120 requested changes

---
 src/components/common/VnSummaryDialog.vue     | 22 +++++--------------
 src/components/ui/CardDescriptor.vue          |  9 ++++++--
 src/composables/useSummaryDialog.js           |  4 ++--
 .../Customer/Card/CustomerDescriptor.vue      |  1 +
 4 files changed, 15 insertions(+), 21 deletions(-)

diff --git a/src/components/common/VnSummaryDialog.vue b/src/components/common/VnSummaryDialog.vue
index 57473cb3f..37de68de2 100644
--- a/src/components/common/VnSummaryDialog.vue
+++ b/src/components/common/VnSummaryDialog.vue
@@ -1,6 +1,5 @@
 <script setup>
 import { useDialogPluginComponent } from 'quasar';
-import { computed } from 'vue';
 
 const $props = defineProps({
     id: {
@@ -11,30 +10,19 @@ const $props = defineProps({
         type: Object,
         required: true,
     },
+    moduleClass: {
+        type: String,
+        default: 'defaultSummary',
+    },
 });
 
 defineEmits([...useDialogPluginComponent.emits]);
 
 const { dialogRef, onDialogHide } = useDialogPluginComponent();
-
-const moduleClass = computed(() => {
-    const name = $props.summary.__name;
-
-    const classMap = {
-        CustomerSummary: 'largeSummary',
-        EntrySummary: 'largeSummary',
-        InvoiceOutSummary: 'largeSummary',
-        RouteSummary: 'largeSummary',
-        TicketrSummary: 'largeSummary',
-        InvoiceInSummary: 'xlargeSummary',
-    };
-
-    return classMap[name] || 'defaultSummary';
-});
 </script>
 <template>
     <QDialog ref="dialogRef" @hide="onDialogHide">
-        <component :is="$props.summary" :id="$props.id" :class="moduleClass" />
+        <component :is="$props.summary" :id="$props.id" :class="$props.moduleClass" />
     </QDialog>
 </template>
 
diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index f4c0091d2..88c8ae787 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -36,6 +36,10 @@ const $props = defineProps({
         type: Object,
         default: null,
     },
+    moduleClass: {
+        type: String,
+        default: 'defaultSummary',
+    },
 });
 
 const state = useState();
@@ -128,9 +132,10 @@ const toModule = computed(() =>
                         </QTooltip>
                     </QBtn></slot
                 >
-
                 <QBtn
-                    @click.stop="viewSummary(entity.id, $props.summary)"
+                    @click.stop="
+                        viewSummary(entity.id, $props.summary, $props.moduleClass)
+                    "
                     round
                     flat
                     dense
diff --git a/src/composables/useSummaryDialog.js b/src/composables/useSummaryDialog.js
index 7d431129b..562a0b5ed 100644
--- a/src/composables/useSummaryDialog.js
+++ b/src/composables/useSummaryDialog.js
@@ -4,10 +4,10 @@ import { useQuasar } from 'quasar';
 export function useSummaryDialog() {
     const quasar = useQuasar();
 
-    function viewSummary(id, summary) {
+    function viewSummary(id, summary, moduleClass) {
         quasar.dialog({
             component: VnSummaryDialog,
-            componentProps: { id, summary },
+            componentProps: { id, summary, moduleClass },
         });
     }
 
diff --git a/src/pages/Customer/Card/CustomerDescriptor.vue b/src/pages/Customer/Card/CustomerDescriptor.vue
index dc5f08d37..da65dacbc 100644
--- a/src/pages/Customer/Card/CustomerDescriptor.vue
+++ b/src/pages/Customer/Card/CustomerDescriptor.vue
@@ -58,6 +58,7 @@ const debtWarning = computed(() => {
         @on-fetch="setData"
         :summary="$props.summary"
         data-key="customer"
+        :module-class="'largeSummary'"
     >
         <template #menu="{ entity }">
             <CustomerDescriptorMenu :customer="entity" />