Merge pull request 'Fix: EntrySummary view' (!1155) from Fix-EntrySummary into dev

Reviewed-on: #1155
Reviewed-by: Alex Moreno <alexm@verdnatura.es>

src/components/CreateNewPostcodeForm.vue

@@ -62,6 +62,7 @@ async function setProvince(id, data) {
     postcodeFormData.provinceFk = id;
     await fetchTowns();
 }
+
 async function onProvinceCreated(data) {
     postcodeFormData.provinceFk = data.id;
 }

src/components/common/VnInputDate.vue

@@ -1,14 +1,12 @@
 <script setup>
 import { onMounted, watch, computed, ref, useAttrs } from 'vue';
 import { date } from 'quasar';
-import { useI18n } from 'vue-i18n';
 import VnDate from './VnDate.vue';
 import { useRequired } from 'src/composables/useRequired';
 
 const $attrs = useAttrs();
 const { isRequired, requiredFieldRule } = useRequired($attrs);
 const model = defineModel({ type: [String, Date] });
-const { t } = useI18n();
 
 const $props = defineProps({
     isOutlined: {

src/components/common/VnInputTime.vue

@@ -1,13 +1,11 @@
 <script setup>
 import { computed, ref, useAttrs } from 'vue';
-import { useI18n } from 'vue-i18n';
 import { date } from 'quasar';
 import VnTime from './VnTime.vue';
 import { useRequired } from 'src/composables/useRequired';
 
 const $attrs = useAttrs();
 const { isRequired, requiredFieldRule } = useRequired($attrs);
-const { t } = useI18n();
 const model = defineModel({ type: String });
 const props = defineProps({
     timeOnly: {

src/pages/Entry/Card/EntrySummary.vue

@@ -12,6 +12,8 @@ import { getUrl } from 'src/composables/getUrl';
 import axios from 'axios';
 import FetchedTags from 'src/components/ui/FetchedTags.vue';
 import VnToSummary from 'src/components/ui/VnToSummary.vue';
+import VnRow from 'src/components/ui/VnRow.vue';
+import VnTitle from 'src/components/common/VnTitle.vue';
 
 const route = useRoute();
 const { t } = useI18n();
@@ -147,9 +149,8 @@ async function setEntryData(data) {
 }
 
 const fetchEntryBuys = async () => {
-        const { data } = await axios.get(`Entries/${entry.value.id}/getBuys`);
+    const { data } = await axios.get(`Entries/${entry.value.id}/getBuys`);
-        if (data) entryBuys.value = data;
+    if (data) entryBuys.value = data;
-
 };
 </script>
 
@@ -173,13 +174,10 @@ const fetchEntryBuys = async () => {
         </template>
         <template #body>
             <QCard class="vn-one">
-                <router-link
+                <VnTitle
-                    :to="{ name: 'EntryBasicData', params: { id: entityId } }"
+                    :url="`#/entry/${entityId}/basic-data`"
-                    class="header header-link"
+                    :text="t('globals.summary.basicData')"
-                >
+                />
-                    {{ t('globals.summary.basicData') }}
-                    <QIcon name="open_in_new" />
-                </router-link>
                 <VnLv :label="t('entry.summary.commission')" :value="entry.commission" />
                 <VnLv
                     :label="t('entry.summary.currency')"
@@ -193,13 +191,10 @@ const fetchEntryBuys = async () => {
                 />
             </QCard>
             <QCard class="vn-one">
-                <router-link
+                <VnTitle
-                    :to="{ name: 'EntryBasicData', params: { id: entityId } }"
+                    :url="`#/entry/${entityId}/basic-data`"
-                    class="header header-link"
+                    :text="t('globals.summary.basicData')"
-                >
+                />
-                    {{ t('globals.summary.basicData') }}
-                    <QIcon name="open_in_new" />
-                </router-link>
                 <VnLv :label="t('entry.summary.travelReference')">
                     <template #value>
                         <span class="link">
@@ -217,56 +212,37 @@ const fetchEntryBuys = async () => {
                     :label="t('globals.warehouseOut')"
                     :value="entry.travel.warehouseOut?.name"
                 />
-                <QCheckbox
+                <VnLv
                     :label="t('entry.summary.travelDelivered')"
-                    v-model="entry.travel.isDelivered"
+                    :value="entry.travel.isDelivered"
-                    :disable="true"
                 />
                 <VnLv :label="t('globals.landed')" :value="toDate(entry.travel.landed)" />
                 <VnLv
                     :label="t('globals.warehouseIn')"
                     :value="entry.travel.warehouseIn?.name"
                 />
-                <QCheckbox
+                <VnLv
                     :label="t('entry.summary.travelReceived')"
-                    v-model="entry.travel.isReceived"
+                    :value="entry.travel.isReceived"
-                    :disable="true"
                 />
             </QCard>
             <QCard class="vn-one">
-                <router-link
+                <VnTitle :url="`#/travel/${entityId}/summary`" :text="t('Travel data')" />
-                    :to="{ name: 'TravelSummary', params: { id: entry.travel.id } }"
+                <VnRow class="block">
-                    class="header header-link"
+                    <VnLv :label="t('entry.summary.ordered')" :value="entry.isOrdered" />
-                >
+                    <VnLv :label="t('globals.confirmed')" :value="entry.isConfirmed" />
-                    {{ t('Travel data') }}
+                    <VnLv :label="t('entry.summary.booked')" :value="entry.isBooked" />
-                    <QIcon name="open_in_new" />
+                    <VnLv
-                </router-link>
+                        :label="t('entry.summary.excludedFromAvailable')"
-                <QCheckbox
+                        :value="entry.isExcludedFromAvailable"
-                    :label="t('entry.summary.ordered')"
+                    />
-                    v-model="entry.isOrdered"
+                </VnRow>
-                    :disable="true"
-                />
-                <QCheckbox
-                    :label="t('globals.confirmed')"
-                    v-model="entry.isConfirmed"
-                    :disable="true"
-                />
-                <QCheckbox
-                    :label="t('entry.summary.booked')"
-                    v-model="entry.isBooked"
-                    :disable="true"
-                />
-                <QCheckbox
-                    :label="t('entry.summary.excludedFromAvailable')"
-                    v-model="entry.isExcludedFromAvailable"
-                    :disable="true"
-                />
             </QCard>
-            <QCard class="vn-two" style="min-width: 100%">
+            <QCard class="vn-max">
-                <a class="header header-link">
+                <VnTitle
-                    {{ t('entry.summary.buys') }}
+                    :url="`#/entry/${entityId}/buys`"
-                    <QIcon name="open_in_new" />
+                    :text="t('entry.summary.buys')"
-                </a>
+                />
                 <QTable
                     :rows="entryBuys"
                     :columns="entriesTableColumns"

src/pages/Entry/EntryList.vue

@@ -1,9 +1,8 @@
 <script setup>
-import { onMounted, ref, computed } from 'vue';
+import { ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import EntryFilter from './EntryFilter.vue';
 import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
-import { useStateStore } from 'stores/useStateStore';
 import VnTable from 'components/VnTable/VnTable.vue';
 import RightMenu from 'src/components/common/RightMenu.vue';
 import { toDate } from 'src/filters';
@@ -12,7 +11,6 @@ import EntrySummary from './Card/EntrySummary.vue';
 import SupplierDescriptorProxy from 'src/pages/Supplier/Card/SupplierDescriptorProxy.vue';
 import TravelDescriptorProxy from 'src/pages/Travel/Card/TravelDescriptorProxy.vue';
 
-const stateStore = useStateStore();
 const { t } = useI18n();
 const tableRef = ref();