From c6f315d493e3058c645568f90df854ebe8b80368 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Mon, 4 Mar 2024 10:32:51 +0100
Subject: [PATCH] refs #6892 fix checkbox css

---
 src/components/ui/CardSummary.vue             | 15 ++++--
 src/pages/Claim/Card/ClaimSummary.vue         |  3 +-
 src/pages/Entry/Card/EntrySummary.vue         | 52 +++++++++++++------
 src/pages/InvoiceIn/Card/InvoiceInSummary.vue |  6 ++-
 src/pages/Supplier/Card/SupplierSummary.vue   | 32 +++++-------
 src/pages/Travel/Card/TravelSummary.vue       | 30 +++++------
 6 files changed, 77 insertions(+), 61 deletions(-)

diff --git a/src/components/ui/CardSummary.vue b/src/components/ui/CardSummary.vue
index 23f54b6cd..e9c2ef187 100644
--- a/src/components/ui/CardSummary.vue
+++ b/src/components/ui/CardSummary.vue
@@ -143,10 +143,17 @@ watch(props, async () => {
             }
             .QCheckbox {
                 display: flex;
-                position: absolute;
-                left: 0;
-                margin-left: auto;
-                color: gray;
+                margin-bottom: 9px;
+                & .q-checkbox__label {
+                    margin-left: 20px;
+                    color: var(--vn-text);
+                }
+                & .q-checkbox__inner {
+                    position: absolute;
+                    left: 0;
+                    margin-left: auto;
+                    color: gray;
+                }
             }
         }
     }
diff --git a/src/pages/Claim/Card/ClaimSummary.vue b/src/pages/Claim/Card/ClaimSummary.vue
index b93cbbd81..a2087bb60 100644
--- a/src/pages/Claim/Card/ClaimSummary.vue
+++ b/src/pages/Claim/Card/ClaimSummary.vue
@@ -220,9 +220,10 @@ function openDialog(dmsId) {
                 </VnLv>
                 <VnLv :label="t('claim.summary.returnOfMaterial')" :value="claim.rma" />
                 <QCheckbox
-                    :align-items="right"
+                    class="QCheckbox"
                     :label="t('claim.basicData.picked')"
                     v-model="claim.hasToPickUp"
+                    :disable="true"
                 />
             </QCard>
             <QCard class="vn-three claimVnNotes full-height">
diff --git a/src/pages/Entry/Card/EntrySummary.vue b/src/pages/Entry/Card/EntrySummary.vue
index 3e63a67d3..cfca4c17e 100644
--- a/src/pages/Entry/Card/EntrySummary.vue
+++ b/src/pages/Entry/Card/EntrySummary.vue
@@ -192,18 +192,35 @@ const fetchEntryBuys = async () => {
                     :label="t('entry.summary.invoiceNumber')"
                     :value="entry.invoiceNumber"
                 />
-
-                <VnLv :label="t('entry.summary.ordered')" :value="entry.isOrdered" />
-
-                <VnLv :label="t('entry.summary.confirmed')" :value="entry.isConfirmed" />
-
-                <VnLv :label="t('entry.summary.booked')" :value="entry.isBooked" />
-
-                <VnLv :label="t('entry.summary.raid')" :value="entry.isRaid" />
-
-                <VnLv
+                <QCheckbox
+                    class="QCheckbox"
+                    :label="t('entry.summary.ordered')"
+                    v-model="entry.isOrdered"
+                    :disable="true"
+                />
+                <QCheckbox
+                    class="QCheckbox"
+                    :label="t('entry.summary.confirmed')"
+                    v-model="entry.isConfirmed"
+                    :disable="true"
+                />
+                <QCheckbox
+                    class="QCheckbox"
+                    :label="t('entry.summary.booked')"
+                    v-model="entry.isBooked"
+                    :disable="true"
+                />
+                <QCheckbox
+                    class="QCheckbox"
+                    :label="t('entry.summary.raid')"
+                    v-model="entry.isRaid"
+                    :disable="true"
+                />
+                <QCheckbox
+                    class="QCheckbox"
                     :label="t('entry.summary.excludedFromAvailable')"
-                    :value="entry.isExcludedFromAvailable"
+                    v-model="entry.isExcludedFromAvailable"
+                    :disable="true"
                 />
             </QCard>
             <QCard class="vn-one">
@@ -236,11 +253,12 @@ const fetchEntryBuys = async () => {
                     :value="entry.travel.warehouseOut.name"
                 />
 
-                <VnLv
+                <QCheckbox
+                    class="QCheckbox"
                     :label="t('entry.summary.travelDelivered')"
-                    :value="entry.travel.isDelivered"
+                    v-model="entry.isDelivered"
+                    :disable="true"
                 />
-
                 <VnLv
                     :label="t('entry.summary.travelLanded')"
                     :value="toDate(entry.travel.landed)"
@@ -251,9 +269,11 @@ const fetchEntryBuys = async () => {
                     :value="entry.travel.warehouseIn.name"
                 />
 
-                <VnLv
+                <QCheckbox
+                    class="QCheckbox"
                     :label="t('entry.summary.travelReceived')"
-                    :value="entry.travel.isReceived"
+                    v-model="entry.isReceived"
+                    :disable="true"
                 />
             </QCard>
             <QCard class="vn-two" style="min-width: 100%">
diff --git a/src/pages/InvoiceIn/Card/InvoiceInSummary.vue b/src/pages/InvoiceIn/Card/InvoiceInSummary.vue
index 850b67cc3..46be88e34 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInSummary.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInSummary.vue
@@ -275,9 +275,11 @@ function getLink(param) {
                     :label="t('invoiceIn.summary.company')"
                     :value="invoiceIn.company?.code"
                 />
-                <VnLv
+                <QCheckbox
+                    class="QCheckbox"
                     :label="t('invoiceIn.summary.booked')"
-                    :value="invoiceIn.isBooked"
+                    v-model="invoiceIn.isBooked"
+                    :disable="true"
                 />
             </QCard>
             <QCard class="vn-one">
diff --git a/src/pages/Supplier/Card/SupplierSummary.vue b/src/pages/Supplier/Card/SupplierSummary.vue
index d734e21a5..9eff36fcc 100644
--- a/src/pages/Supplier/Card/SupplierSummary.vue
+++ b/src/pages/Supplier/Card/SupplierSummary.vue
@@ -83,26 +83,18 @@ const isAdministrative = computed(() => {
                     </template>
                 </VnLv>
 
-                <VnLv :label="t('supplier.summary.verified')" class="q-mb-xs">
-                    <template #value>
-                        <QCheckbox
-                            v-model="supplier.isSerious"
-                            dense
-                            disable
-                            class="full-width q-mb-xs"
-                        />
-                    </template>
-                </VnLv>
-                <VnLv :label="t('supplier.summary.isActive')" class="q-mb-xs">
-                    <template #value>
-                        <QCheckbox
-                            v-model="supplier.isActive"
-                            dense
-                            disable
-                            class="full-width q-mb-xs"
-                        />
-                    </template>
-                </VnLv>
+                <QCheckbox
+                    class="QCheckbox"
+                    :label="t('supplier.summary.verified')"
+                    v-model="supplier.isSerious"
+                    :disable="true"
+                />
+                <QCheckbox
+                    class="QCheckbox"
+                    :label="t('supplier.summary.isActive')"
+                    v-model="supplier.isActive"
+                    :disable="true"
+                />
             </QCard>
             <QCard class="vn-one">
                 <a v-if="isAdministrative" class="header link" :href="supplierUrl">
diff --git a/src/pages/Travel/Card/TravelSummary.vue b/src/pages/Travel/Card/TravelSummary.vue
index 2ed6a0487..36cd84545 100644
--- a/src/pages/Travel/Card/TravelSummary.vue
+++ b/src/pages/Travel/Card/TravelSummary.vue
@@ -269,15 +269,12 @@ async function setTravelData(travelData) {
                     :label="t('globals.wareHouseOut')"
                     :value="travel.warehouseOut?.name"
                 />
-                <VnLv :label="t('travel.summary.delivered')" class="q-mb-xs">
-                    <template #value>
-                        <QIcon
-                            :name="travel.isDelivered ? 'check' : 'close'"
-                            :color="travel.isDelivered ? 'positive' : 'negative'"
-                            size="sm"
-                        />
-                    </template>
-                </VnLv>
+                <QCheckbox
+                    class="QCheckbox"
+                    :label="t('travel.summary.delivered')"
+                    v-model="travel.isDelivered"
+                    :disable="true"
+                />
             </QCard>
             <QCard class="vn-one">
                 <VnLv :label="t('globals.landed')" :value="toDate(travel.landed)" />
@@ -285,15 +282,12 @@ async function setTravelData(travelData) {
                     :label="t('globals.wareHouseIn')"
                     :value="travel.warehouseIn?.name"
                 />
-                <VnLv :label="t('travel.summary.received')" class="q-mb-xs">
-                    <template #value>
-                        <QIcon
-                            :name="travel.isReceived ? 'check' : 'close'"
-                            :color="travel.isReceived ? 'positive' : 'negative'"
-                            size="sm"
-                        />
-                    </template>
-                </VnLv>
+                <QCheckbox
+                    class="QCheckbox"
+                    :label="t('travel.summary.received')"
+                    v-model="travel.isReceived"
+                    :disable="true"
+                />
             </QCard>
             <QCard class="vn-one">
                 <VnLv :label="t('globals.agency')" :value="travel.agency?.name" />