src/pages/Entry/Card/EntrySummary.vue

@@ -39,30 +39,47 @@ onMounted(async () => {
 const tableColumnComponents = {
     quantity: {
         component: () => 'span',
+        props: () => {},
     },
     stickers: {
         component: () => 'span',
+        props: () => {},
+        event: () => {},
     },
     packagingFk: {
         component: () => 'span',
+        props: () => {},
+        event: () => {},
     },
     weight: {
         component: () => 'span',
+        props: () => {},
+        event: () => {},
     },
     packing: {
         component: () => 'span',
+        props: () => {},
+        event: () => {},
     },
     grouping: {
         component: () => 'span',
+        props: () => {},
+        event: () => {},
     },
     buyingValue: {
         component: () => 'span',
+        props: () => {},
+        event: () => {},
     },
     amount: {
         component: () => 'span',
+        props: () => {},
+        event: () => {},
     },
     pvp: {
         component: () => 'span',
+        props: () => {},
+        event: () => {},
     },
 };
 
@@ -162,7 +179,6 @@ const fetchEntryBuys = async () => {
                     {{ t('globals.summary.basicData') }}
                     <QIcon name="open_in_new" color="primary" />
                 </a>
-                <VnRow>
                 <div class="col">
                     <VnLv
                         :label="t('entry.summary.commission')"
@@ -194,10 +210,7 @@ const fetchEntryBuys = async () => {
                     />
                 </div>
                 <div class="col">
-                        <VnLv
+                    <VnLv :label="t('entry.summary.ordered')" :value="entry.isOrdered" />
-                            :label="t('entry.summary.ordered')"
-                            :value="entry.isOrdered"
-                        />
                 </div>
                 <div class="col">
                     <VnLv
@@ -206,10 +219,7 @@ const fetchEntryBuys = async () => {
                     />
                 </div>
                 <div class="col">
-                        <VnLv
+                    <VnLv :label="t('entry.summary.booked')" :value="entry.isBooked" />
-                            :label="t('entry.summary.booked')"
-                            :value="entry.isBooked"
-                        />
                 </div>
                 <div class="col">
                     <VnLv :label="t('entry.summary.raid')" :value="entry.isRaid" />
@@ -220,14 +230,12 @@ const fetchEntryBuys = async () => {
                         :value="entry.isExcludedFromAvailable"
                     />
                 </div>
-                </VnRow>
             </QCard>
             <QCard class="vn-one">
                 <a class="header link" :href="entryUrl">
                     {{ t('Travel data') }}
                     <QIcon name="open_in_new" color="primary" />
                 </a>
-                <VnRow>
                 <div class="col">
                     <VnLv :label="t('entry.summary.travelReference')">
                         <template #value>
@@ -280,7 +288,6 @@ const fetchEntryBuys = async () => {
                         :value="entry.travel.isReceived"
                     />
                 </div>
-                </VnRow>
             </QCard>
             <QCard class="vn-two" style="min-width: 100%">
                 <a class="header">
@@ -297,7 +304,10 @@ const fetchEntryBuys = async () => {
                         <QTr no-hover>
                             <QTd v-for="col in cols" :key="col.name">
                                 <component
-                                    :is="tableColumnComponents[col.name].component()"
+                                    :is="tableColumnComponents[col.name].component(props)"
+                                    v-bind="tableColumnComponents[col.name].props(props)"
+                                    @click="tableColumnComponents[col.name].event(props)"
+                                    class="col-content"
                                 >
                                     <template
                                         v-if="