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>
 

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

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 },
         });
     }
 

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" />