From f93929de6a52d243e5d7886c6aa167348f59e19c Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Thu, 27 Jun 2024 13:01:00 +0200
Subject: [PATCH 01/13] refs #6897 vnTable, columns

---
 src/pages/Entry/EntryList.vue | 166 +++++++++++++++++-----------------
 1 file changed, 82 insertions(+), 84 deletions(-)

diff --git a/src/pages/Entry/EntryList.vue b/src/pages/Entry/EntryList.vue
index e5d37900c..715b4dcd2 100644
--- a/src/pages/Entry/EntryList.vue
+++ b/src/pages/Entry/EntryList.vue
@@ -1,15 +1,12 @@
 <script setup>
-import { onMounted } from 'vue';
+import { onMounted, ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
-import VnPaginate from 'src/components/ui/VnPaginate.vue';
-import VnLv from 'src/components/ui/VnLv.vue';
-import CardList from 'src/components/ui/CardList.vue';
-import EntrySummary from './Card/EntrySummary.vue';
+import { useRoute } from 'vue-router';
 import EntryFilter from './EntryFilter.vue';
 import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 import { useStateStore } from 'stores/useStateStore';
-import { toDate } from 'src/filters/index';
+import VnTable from 'components/VnTable/VnTable.vue';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 import RightMenu from 'src/components/common/RightMenu.vue';
 
@@ -17,7 +14,8 @@ const stateStore = useStateStore();
 const router = useRouter();
 const { t } = useI18n();
 const { viewSummary } = useSummaryDialog();
-
+const route = useRoute();
+const entityId = computed(() => route.params.id);
 function navigate(id) {
     router.push({ path: `/entry/${id}` });
 }
@@ -26,6 +24,61 @@ const redirectToCreateView = () => {
     router.push({ name: 'EntryCreate' });
 };
 
+const columns = computed(() => [
+    {
+        align: 'left',
+        label: t('entry.list.tableVisibleColumns.id'),
+        name: 'id',
+        isTitle: true,
+        create: true,
+    },
+    {
+        align: 'left',
+        label: t('entry.list.tableVisibleColumns.reference'),
+        name: 'reference',
+        isTitle: true,
+        create: true,
+    },
+    {
+        align: 'left',
+        label: t('entry.list.tableVisibleColumns.created'),
+        name: 'created',
+        create: true,
+        component: 'date',
+    },
+    {
+        align: 'left',
+        label: t('entry.list.tableVisibleColumns.supplierFk'),
+        name: 'supplierFk',
+        create: true,
+        component: 'select',
+        attrs: {
+            url: 'suppliers',
+            fields: ['id', 'name'],
+        },
+    },
+    {
+        align: 'left',
+        label: t('entry.list.tableVisibleColumns.isBooked'),
+        name: 'isBooked',
+        create: true,
+        component: 'checkbox',
+    },
+    {
+        align: 'left',
+        label: t('entry.list.tableVisibleColumns.isConfirmed'),
+        name: 'isConfirmed',
+        create: true,
+        component: 'checkbox',
+    },
+    {
+        align: 'left',
+        label: t('entry.list.tableVisibleColumns.isOrdered'),
+        name: 'isOrdered',
+        create: true,
+        component: 'checkbox',
+    },
+]);
 onMounted(async () => {
     stateStore.rightDrawer = true;
 });
@@ -42,83 +95,28 @@ onMounted(async () => {
             <EntryFilter data-key="EntryList" />
         </template>
     </RightMenu>
-    <QPage class="column items-center q-pa-md">
-        <div class="vn-card-list">
-            <VnPaginate
-                data-key="EntryList"
-                url="Entries/filter"
-                :order="['landed DESC', 'id DESC']"
-                auto-load
-            >
-                <template #body="{ rows }">
-                    <CardList
-                        v-for="row of rows"
-                        :key="row.id"
-                        :title="row.reference"
-                        @click="navigate(row.id)"
-                        :id="row.id"
-                        :has-info-icons="!!row.isExcludedFromAvailable || !!row.isRaid"
-                    >
-                        <template #info-icons>
-                            <QIcon
-                                v-if="row.isExcludedFromAvailable"
-                                name="vn:inventory"
-                                color="primary"
-                                size="xs"
-                            >
-                                <QTooltip>{{ t('Inventory entry') }}</QTooltip>
-                            </QIcon>
-                            <QIcon
-                                v-if="row.isRaid"
-                                name="vn:net"
-                                color="primary"
-                                size="xs"
-                            >
-                                <QTooltip>{{ t('Virtual entry') }}</QTooltip>
-                            </QIcon>
-                        </template>
-                        <template #list-items>
-                            <VnLv :label="t('landed')" :value="toDate(row.landed)" />
-                            <VnLv
-                                :label="t('entry.list.booked')"
-                                :value="!!row.isBooked"
-                            />
-                            <VnLv
-                                :label="t('entry.list.invoiceNumber')"
-                                :value="row.invoiceNumber"
-                            />
-                            <VnLv
-                                :label="t('entry.list.confirmed')"
-                                :value="!!row.isConfirmed"
-                            />
-                            <VnLv
-                                :label="t('entry.list.supplier')"
-                                :value="row.supplierName"
-                            />
-                            <VnLv
-                                :label="t('entry.list.ordered')"
-                                :value="!!row.isOrdered"
-                            />
-                        </template>
-                        <template #actions>
-                            <QBtn
-                                :label="t('components.smartCard.openSummary')"
-                                @click.stop="viewSummary(row.id, EntrySummary)"
-                                color="primary"
-                                type="submit"
-                            />
-                        </template>
-                    </CardList>
-                </template>
-            </VnPaginate>
-        </div>
-    </QPage>
-    <QPageSticky :offset="[20, 20]">
-        <QBtn fab icon="add" color="primary" @click="redirectToCreateView()" />
-        <QTooltip>
-            {{ t('entry.list.newEntry') }}
-        </QTooltip>
-    </QPageSticky>
+    <VnTable
+        ref="tableRef"
+        data-key="EntryList"
+        :url="`Entries`"
+        :url-create="`Entries`"
+        save-url="Entries/crud"
+        :create="{
+            urlCreate: 'Entries',
+            title: 'Create entry',
+            onDataSaved: () => tableRef.reload(),
+            formInitialData: {
+                workerFk: entityId,
+            },
+        }"
+        order="id DESC"
+        :columns="columns"
+        default-mode="table"
+        auto-load
+        :right-search="false"
+        :is-editable="true"
+        :use-model="true"
+    />
 </template>
 
 <i18n>

From ed4517183ee418d35ed2eccc452ece7f1275e81c Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Thu, 27 Jun 2024 14:02:45 +0200
Subject: [PATCH 02/13] refs #6897 fix trad, latestBuys

---
 src/i18n/locale/en.yml              |  8 ++++++++
 src/i18n/locale/es.yml              |  8 ++++++++
 src/pages/Entry/EntryLatestBuys.vue | 19 ++-----------------
 src/pages/Entry/EntryList.vue       | 16 ++++++++++++----
 4 files changed, 30 insertions(+), 21 deletions(-)

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index fbab06966..6100e9528 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -322,6 +322,14 @@ entry:
         log: Log
         entryCreate: New entry
         latestBuys: Latest buys
+        tableVisibleColumns:
+            id: Id
+            reference: Reference
+            created: Creation
+            supplierFk: Supplier
+            isBooked: Booked
+            isConfirmed: Confirmed
+            isOrdered: Ordered
     list:
         newEntry: New entry
         landed: Landed
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index fec78d5e6..f845b1706 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -329,6 +329,14 @@ entry:
         booked: Asentado
         confirmed: Confirmado
         ordered: Pedida
+        tableVisibleColumns:
+            id: Id
+            reference: Referencia
+            created: Creación
+            supplierFk: Proveedor
+            isBooked: Asentado
+            isConfirmed: Confirmado
+            isOrdered: Pedida
     summary:
         commission: Comisión
         currency: Moneda
diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
index 5da3309d8..f70cd99a9 100644
--- a/src/pages/Entry/EntryLatestBuys.vue
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -639,21 +639,6 @@ onUnmounted(() => (stateStore.rightDrawer = false));
         auto-load
         @on-fetch="(data) => (intrastatOptions = data)"
     />
-    <VnSubToolbar>
-        <template #st-data>
-            <TableVisibleColumns
-                :all-columns="allColumnNames"
-                table-code="latestBuys"
-                labels-traductions-path="entry.latestBuys"
-                @on-config-saved="visibleColumns = ['picture', ...$event]"
-            />
-        </template>
-    </VnSubToolbar>
-    <RightMenu>
-        <template #right-panel>
-            <EntryLatestBuysFilter data-key="EntryLatestBuys" />
-        </template>
-    </RightMenu>
     <Teleport to="#actions-append">
         <div class="row q-gutter-x-sm">
             <QBtn flat @click="stateStore.toggleRightDrawer()" round dense icon="menu">
@@ -739,12 +724,12 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                 </QTd>
             </template>
         </QTable>
-        <QPageSticky v-if="rowsSelected.length > 0" :offset="[20, 20]">
+        <!-- <QPageSticky v-if="rowsSelected.length > 0" :offset="[20, 20]">
             <QBtn @click="openEditTableCellDialog()" color="primary" fab icon="edit" />
             <QTooltip>
                 {{ t('Edit buy(s)') }}
             </QTooltip>
-        </QPageSticky>
+        </QPageSticky> -->
         <QDialog ref="editTableCellDialogRef">
             <EditTableCellValueForm
                 edit-url="Buys/editLatestBuys"
diff --git a/src/pages/Entry/EntryList.vue b/src/pages/Entry/EntryList.vue
index 715b4dcd2..1f59e7d78 100644
--- a/src/pages/Entry/EntryList.vue
+++ b/src/pages/Entry/EntryList.vue
@@ -9,6 +9,7 @@ import { useStateStore } from 'stores/useStateStore';
 import VnTable from 'components/VnTable/VnTable.vue';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 import RightMenu from 'src/components/common/RightMenu.vue';
+import { toDate } from 'src/filters';
 
 const stateStore = useStateStore();
 const router = useRouter();
@@ -45,6 +46,10 @@ const columns = computed(() => [
         name: 'created',
         create: true,
         component: 'date',
+        columnField: {
+            component: null,
+        },
+        format: (row, dashIfEmpty) => dashIfEmpty(toDate(row.created)),
     },
     {
         align: 'left',
@@ -56,6 +61,10 @@ const columns = computed(() => [
             url: 'suppliers',
             fields: ['id', 'name'],
         },
+        columnField: {
+            component: null,
+        },
+        format: (row, dashIfEmpty) => dashIfEmpty(row.supplierName),
     },
     {
         align: 'left',
@@ -98,8 +107,8 @@ onMounted(async () => {
     <VnTable
         ref="tableRef"
         data-key="EntryList"
-        :url="`Entries`"
-        :url-create="`Entries`"
+        url="Entries/filter"
+        url-create="Entries"
         save-url="Entries/crud"
         :create="{
             urlCreate: 'Entries',
@@ -111,11 +120,10 @@ onMounted(async () => {
         }"
         order="id DESC"
         :columns="columns"
+        redirect="entry"
         default-mode="table"
         auto-load
         :right-search="false"
-        :is-editable="true"
-        :use-model="true"
     />
 </template>
 

From 67f89dfde276651c620b58650199fa3d02135329 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Thu, 27 Jun 2024 14:48:36 +0200
Subject: [PATCH 03/13] refs #6897 fix latestbuys

---
 src/pages/Entry/EntryLatestBuys.vue | 150 +++-------------------------
 1 file changed, 12 insertions(+), 138 deletions(-)

diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
index f70cd99a9..ecb5b7f22 100644
--- a/src/pages/Entry/EntryLatestBuys.vue
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -3,24 +3,15 @@ import { onMounted, ref, computed, reactive, onUnmounted } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
-import FetchData from 'components/FetchData.vue';
-import FetchedTags from 'components/ui/FetchedTags.vue';
-import EntryDescriptorProxy from './Card/EntryDescriptorProxy.vue';
-import TableVisibleColumns from 'src/components/common/TableVisibleColumns.vue';
-import EditTableCellValueForm from 'src/components/EditTableCellValueForm.vue';
+import VnTable from 'components/VnTable/VnTable.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
-import EntryLatestBuysFilter from './EntryLatestBuysFilter.vue';
-import ItemDescriptorProxy from '../Item/Card/ItemDescriptorProxy.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 
 import { useStateStore } from 'stores/useStateStore';
 import { toDate, toCurrency } from 'src/filters';
 // import { useSession } from 'composables/useSession';
 import { dashIfEmpty } from 'src/filters';
 import { useArrayData } from 'composables/useArrayData';
-import RightMenu from 'src/components/common/RightMenu.vue';
-import VnImg from 'src/components/ui/VnImg.vue';
 
 const router = useRouter();
 // const { getTokenMultimedia } = useSession();
@@ -609,136 +600,19 @@ onUnmounted(() => (stateStore.rightDrawer = false));
 </script>
 
 <template>
-    <FetchData
-        url="ItemTypes"
-        :filter="{ fields: ['code'], order: 'code ASC', limit: 30 }"
+    <VnTable
+        ref="tableRef"
+        data-key="EntryLatestBuysList"
+        url="EntryLatestBuys"
+        url-create="EntryLatestBuys"
+        save-url="EntryLatestBuys/crud"
+        order="id DESC"
+        :columns="columns"
+        redirect="entry"
+        default-mode="table"
         auto-load
-        @on-fetch="(data) => (itemTypesOptions = data)"
+        :right-search="false"
     />
-    <FetchData
-        url="Origins"
-        :filter="{ fields: ['code'], order: 'code ASC', limit: 30 }"
-        auto-load
-        @on-fetch="(data) => (originsOptions = data)"
-    />
-    <FetchData
-        url="ItemFamilies"
-        :filter="{ fields: ['code'], order: 'code ASC', limit: 30 }"
-        auto-load
-        @on-fetch="(data) => (itemFamiliesOptions = data)"
-    />
-    <FetchData
-        url="Packagings"
-        :filter="{ fields: ['id'], order: 'id ASC', limit: 30 }"
-        auto-load
-        @on-fetch="(data) => (packagingsOptions = data)"
-    />
-    <FetchData
-        url="Intrastats"
-        :filter="{ fields: ['description'], order: 'description ASC', limit: 30 }"
-        auto-load
-        @on-fetch="(data) => (intrastatOptions = data)"
-    />
-    <Teleport to="#actions-append">
-        <div class="row q-gutter-x-sm">
-            <QBtn flat @click="stateStore.toggleRightDrawer()" round dense icon="menu">
-                <QTooltip bottom anchor="bottom right">
-                    {{ t('globals.collapseMenu') }}
-                </QTooltip>
-            </QBtn>
-        </div>
-    </Teleport>
-    <QPage class="column items-center q-pa-md">
-        <QTable
-            :rows="rows"
-            :columns="columns"
-            selection="multiple"
-            row-key="id"
-            class="full-width q-mt-md"
-            :visible-columns="visibleColumns"
-            v-model:selected="rowsSelected"
-            :no-data-label="t('globals.noResults')"
-            @row-click="(_, row) => redirectToEntryBuys(row.entryFk)"
-        >
-            <template #top-row="{ cols }">
-                <QTr>
-                    <QTd />
-                    <QTd
-                        v-for="(col, index) in cols"
-                        :key="index"
-                        style="max-width: 100px"
-                    >
-                        <component
-                            :is="col.columnFilter.component"
-                            v-if="col.name !== 'picture'"
-                            v-model="col.columnFilter.filterValue"
-                            v-bind="col.columnFilter.attrs"
-                            v-on="col.columnFilter.event(col)"
-                            dense
-                        />
-                    </QTd>
-                </QTr>
-            </template>
-            <template #body-cell-picture="{ row }">
-                <QTd>
-                    <VnImg :id="row.itemFk" size="50x50" class="image" />
-                </QTd>
-            </template>
-            <template #body-cell-itemFk="{ row }">
-                <QTd @click.stop>
-                    <QBtn flat color="primary">
-                        {{ row.itemFk }}
-                    </QBtn>
-                    <ItemDescriptorProxy :id="row.itemFk" />
-                </QTd>
-            </template>
-            <template #body-cell-tags="{ row }">
-                <QTd>
-                    <FetchedTags :item="row" :max-length="6" />
-                </QTd>
-            </template>
-            <template #body-cell-entryFk="{ row }">
-                <QTd @click.stop>
-                    <QBtn flat color="primary">
-                        <EntryDescriptorProxy :id="row.entryFk" />
-                        {{ row.entryFk }}
-                    </QBtn>
-                </QTd>
-            </template>
-            <template #body-cell-isIgnored="{ row }">
-                <QTd>
-                    <QIcon
-                        :name="row.isIgnored ? `check` : `close`"
-                        :color="row.isIgnored ? `positive` : `negative`"
-                        size="sm"
-                    />
-                </QTd>
-            </template>
-            <template #body-cell-isActive="{ row }">
-                <QTd>
-                    <QIcon
-                        :name="row.isActive ? `check` : `close`"
-                        :color="row.isActive ? `positive` : `negative`"
-                        size="sm"
-                    />
-                </QTd>
-            </template>
-        </QTable>
-        <!-- <QPageSticky v-if="rowsSelected.length > 0" :offset="[20, 20]">
-            <QBtn @click="openEditTableCellDialog()" color="primary" fab icon="edit" />
-            <QTooltip>
-                {{ t('Edit buy(s)') }}
-            </QTooltip>
-        </QPageSticky> -->
-        <QDialog ref="editTableCellDialogRef">
-            <EditTableCellValueForm
-                edit-url="Buys/editLatestBuys"
-                :rows="rowsSelected"
-                :fields-options="editTableCellFormFieldsOptions"
-                @on-data-saved="onEditCellDataSaved()"
-            />
-        </QDialog>
-    </QPage>
 </template>
 
 <i18n>

From 8ec51ff8fdad3d335abb3506ee9881a7544e5a3e Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Fri, 28 Jun 2024 09:01:28 +0200
Subject: [PATCH 04/13] refs #6897 fix columns

---
 src/pages/Entry/EntryLatestBuys.vue | 515 +++++-----------------------
 1 file changed, 93 insertions(+), 422 deletions(-)

diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
index ecb5b7f22..6b4b41dc4 100644
--- a/src/pages/Entry/EntryLatestBuys.vue
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -4,29 +4,16 @@ import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
 import VnTable from 'components/VnTable/VnTable.vue';
-import VnInput from 'src/components/common/VnInput.vue';
-import VnSelect from 'src/components/common/VnSelect.vue';
 
 import { useStateStore } from 'stores/useStateStore';
-import { toDate, toCurrency } from 'src/filters';
-// import { useSession } from 'composables/useSession';
-import { dashIfEmpty } from 'src/filters';
 import { useArrayData } from 'composables/useArrayData';
 
 const router = useRouter();
-// const { getTokenMultimedia } = useSession();
-// const token = getTokenMultimedia();
 const stateStore = useStateStore();
 const { t } = useI18n();
 
 const rowsFetchDataRef = ref(null);
-const itemTypesOptions = ref([]);
-const originsOptions = ref([]);
-const itemFamiliesOptions = ref([]);
-const intrastatOptions = ref([]);
-const packagingsOptions = ref([]);
 const editTableCellDialogRef = ref(null);
-const visibleColumns = ref([]);
 const allColumnNames = ref([]);
 
 const exprBuilder = (param, value) => {
@@ -88,470 +75,154 @@ const getInputEvents = (col) => {
 
 const columns = computed(() => [
     {
-        label: t('entry.latestBuys.picture'),
+        label: t('entry.latestBuys.tableVisibleColumns.picture'),
         name: 'picture',
-        align: 'left',
     },
     {
-        label: t('entry.latestBuys.itemFk'),
+        align: 'left',
+        label: t('entry.latestBuys.tableVisibleColumns.itemFk'),
         name: 'itemFk',
-        field: 'itemFk',
-        align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
+        isTitle: true,
     },
     {
-        label: t('entry.latestBuys.packing'),
-        field: 'packing',
+        align: 'left',
+        label: t('entry.latestBuys.tableVisibleColumns.packing'),
         name: 'packing',
-        align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
-        format: (val) => dashIfEmpty(val),
     },
     {
-        label: t('entry.latestBuys.grouping'),
-        field: 'grouping',
+        align: 'left',
+        label: t('entry.latestBuys.tableVisibleColumns.grouping'),
         name: 'grouping',
-        align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
-        format: (val) => dashIfEmpty(val),
     },
     {
-        label: t('entry.latestBuys.quantity'),
-        field: 'quantity',
+        align: 'left',
+        label: t('entry.latestBuys.tableVisibleColumns.quantity'),
         name: 'quantity',
-        align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
     },
     {
-        label: t('entry.latestBuys.description'),
-        field: 'description',
+        align: 'left',
+        label: t('entry.latestBuys.tableVisibleColumns.description'),
         name: 'description',
-        align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
-        format: (val) => dashIfEmpty(val),
+
     },
     {
-        label: t('entry.latestBuys.size'),
-        field: 'size',
+        align: 'left',
+        label: t('entry.latestBuys.tableVisibleColumns.size'),
         name: 'size',
-        align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
+
     },
     {
-        label: t('entry.latestBuys.tags'),
+        align: 'left',
+        label: t('entry.latestBuys.tableVisibleColumns.tags'),
         name: 'tags',
-        align: 'left',
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
+
     },
     {
-        label: t('entry.latestBuys.type'),
-        field: 'code',
+        align: 'left',
+        label: t('entry.latestBuys.tableVisibleColumns.type'),
         name: 'type',
-        align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnSelect,
-            type: 'select',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                options: itemTypesOptions.value,
-                'option-value': 'code',
-                'option-label': 'code',
-                dense: true,
-            },
-        },
+
     },
     {
-        label: t('entry.latestBuys.intrastat'),
-        field: 'intrastat',
+        align: 'left',
+        label: t('entry.latestBuys.tableVisibleColumns.intrastat'),
         name: 'intrastat',
-        align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnSelect,
-            type: 'select',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                options: intrastatOptions.value,
-                'option-value': 'description',
-                'option-label': 'description',
-                dense: true,
-            },
-        },
+
     },
     {
-        label: t('entry.latestBuys.origin'),
-        field: 'origin',
+        align: 'left',
+        label: t('entry.latestBuys.tableVisibleColumns.origin'),
         name: 'origin',
-        align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnSelect,
-            type: 'select',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                options: originsOptions.value,
-                'option-value': 'code',
-                'option-label': 'code',
-                dense: true,
-            },
-        },
     },
     {
-        label: t('entry.latestBuys.weightByPiece'),
-        field: 'weightByPiece',
+
+        align: 'left',
+        label: t('entry.latestBuys.tableVisibleColumns.weightByPiece'),
         name: 'weightByPiece',
-        align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
-
-        format: (val) => dashIfEmpty(val),
     },
     {
-        label: t('entry.latestBuys.isActive'),
-        field: 'isActive',
+        align: 'left',
+        label: t('entry.latestBuys.tableVisibleColumns.isActive'),
         name: 'isActive',
-        align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
-    },
-    {
-        label: t('entry.latestBuys.family'),
-        field: 'family',
-        name: 'family',
-        align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnSelect,
-            type: 'select',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                options: itemFamiliesOptions.value,
-                'option-value': 'code',
-                'option-label': 'code',
-                dense: true,
-            },
-        },
-    },
-    {
-        label: t('entry.latestBuys.entryFk'),
-        field: 'entryFk',
-        name: 'entryFk',
-        align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
-    },
-    {
-        label: t('entry.latestBuys.buyingValue'),
-        field: 'buyingValue',
-        name: 'buyingValue',
-        align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
-        format: (val) => toCurrency(val),
-    },
-    {
-        label: t('entry.latestBuys.freightValue'),
-        field: 'freightValue',
-        name: 'freightValue',
-        align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
-        format: (val) => toCurrency(val),
-    },
-    {
-        label: t('entry.latestBuys.comissionValue'),
-        field: 'comissionValue',
-        name: 'comissionValue',
-        align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
-        format: (val) => toCurrency(val),
-    },
-    {
-        label: t('entry.latestBuys.packageValue'),
-        field: 'packageValue',
-        name: 'packageValue',
-        align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
-        format: (val) => toCurrency(val),
-    },
-    {
-        label: t('entry.latestBuys.isIgnored'),
-        field: 'isIgnored',
-        name: 'isIgnored',
-        align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
-    },
-    {
-        label: t('entry.latestBuys.price2'),
-        field: 'price2',
-        name: 'price2',
-        align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
 
-        format: (val) => toCurrency(val),
     },
     {
-        label: t('entry.latestBuys.price3'),
-        field: 'price3',
-        name: 'price3',
         align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
-        format: (val) => toCurrency(val),
+        label: t('entry.latestBuys.tableVisibleColumns.family'),
+        name: 'family'
+
     },
     {
-        label: t('entry.latestBuys.minPrice'),
-        field: 'minPrice',
-        name: 'minPrice',
         align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
-        format: (val) => toCurrency(val),
+        label: t('entry.latestBuys.tableVisibleColumns.entryFk'),
+        name: 'entryFk'
+
     },
     {
-        label: t('entry.latestBuys.ektFk'),
-        field: 'ektFk',
-        name: 'ektFk',
         align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
-        format: (val) => dashIfEmpty(val),
+        label: t('entry.latestBuys.tableVisibleColumns.buyingValue'),
+        name: 'buyingValue'
+
     },
     {
-        label: t('entry.latestBuys.weight'),
-        field: 'weight',
-        name: 'weight',
         align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
+        label: t('entry.latestBuys.tableVisibleColumns.freightValue'),
+        name: 'freightValue'
     },
     {
-        label: t('entry.latestBuys.packagingFk'),
-        field: 'packagingFk',
-        name: 'packagingFk',
         align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnSelect,
-            type: 'select',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                options: packagingsOptions.value,
-                'option-value': 'id',
-                'option-label': 'id',
-                dense: true,
-            },
-        },
+        label: t('entry.latestBuys.tableVisibleColumns.comissionValue'),
+        name: 'comissionValue'
     },
     {
-        label: t('entry.latestBuys.packingOut'),
-        field: 'packingOut',
-        name: 'packingOut',
         align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
-        format: (val) => dashIfEmpty(val),
+        label: t('entry.latestBuys.tableVisibleColumns.packageValue'),
+        name: 'packageValue'
     },
     {
-        label: t('entry.latestBuys.landing'),
-        field: 'landing',
-        name: 'landing',
         align: 'left',
-        sortable: true,
-        columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getInputEvents,
-            attrs: {
-                dense: true,
-            },
-        },
-        format: (val) => toDate(val),
+        label: t('entry.latestBuys.tableVisibleColumns.isIgnored'),
+        name: 'isIgnored'
+    },
+    {
+        align: 'left',
+        label: t('entry.latestBuys.tableVisibleColumns.price2'),
+        name: 'price2'
+    },
+    {
+        align: 'left',
+        label: t('entry.latestBuys.tableVisibleColumns.price3'),
+        name: 'price3'
+    },
+    {
+        align: 'left',
+        label: t('entry.latestBuys.tableVisibleColumns.minPrice'),
+        name: 'minPrice'
+    },
+    {
+        align: 'left',
+        label: t('entry.latestBuys.tableVisibleColumns.ektFk'),
+        name: 'ektFk'
+    },
+    {
+        align: 'left',
+        label: t('entry.latestBuys.tableVisibleColumns.weight'),
+        name: 'weight'
+    },
+    {
+        align: 'left',
+        label: t('entry.latestBuys.tableVisibleColumns.packagingFk'),
+        name: 'packagingFk'
+    },
+    {
+        align: 'left',
+        label: t('entry.latestBuys.tableVisibleColumns.packingOut'),
+        name: 'packingOut'
+    },
+    {
+        align: 'left',
+        label: t('entry.latestBuys.tableVisibleColumns.landing'),
+        name: 'landing'
     },
 ]);
 
@@ -602,10 +273,10 @@ onUnmounted(() => (stateStore.rightDrawer = false));
 <template>
     <VnTable
         ref="tableRef"
-        data-key="EntryLatestBuysList"
-        url="EntryLatestBuys"
-        url-create="EntryLatestBuys"
-        save-url="EntryLatestBuys/crud"
+        data-key="LatestBuys"
+        url="Entries/LatestBuys"
+        url-create="Entries/LatestBuys"
+        save-url="Entries/LatestBuys/crud"
         order="id DESC"
         :columns="columns"
         redirect="entry"

From 2e8396d1d4eefd121dec55d45531b32736b325f8 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Fri, 28 Jun 2024 10:08:19 +0200
Subject: [PATCH 05/13] refs #6897 fix url

---
 src/pages/Entry/EntryLatestBuys.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
index 6b4b41dc4..09cbb893b 100644
--- a/src/pages/Entry/EntryLatestBuys.vue
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -274,12 +274,10 @@ onUnmounted(() => (stateStore.rightDrawer = false));
     <VnTable
         ref="tableRef"
         data-key="LatestBuys"
-        url="Entries/LatestBuys"
-        url-create="Entries/LatestBuys"
-        save-url="Entries/LatestBuys/crud"
+        url="Buys/latestBuysFilter"
         order="id DESC"
         :columns="columns"
-        redirect="entry"
+        redirect="buy"
         default-mode="table"
         auto-load
         :right-search="false"

From b05528ae1469629511fe502ec425de9ebda0556e Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Fri, 28 Jun 2024 11:23:29 +0200
Subject: [PATCH 06/13] refs #6897 fix latestbuys trad

---
 src/i18n/locale/en.yml              | 57 +++++++++++++++--------------
 src/i18n/locale/es.yml              | 57 +++++++++++++++--------------
 src/pages/Entry/EntryLatestBuys.vue | 11 ++++--
 3 files changed, 66 insertions(+), 59 deletions(-)

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 6100e9528..23ffddead 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -413,34 +413,35 @@ entry:
         landed: Landed
         warehouseOut: Warehouse Out
     latestBuys:
-        picture: Picture
-        itemFk: Item ID
-        packing: Packing
-        grouping: Grouping
-        quantity: Quantity
-        size: Size
-        tags: Tags
-        type: Type
-        intrastat: Intrastat
-        origin: Origin
-        weightByPiece: Weight/Piece
-        isActive: Active
-        family: Family
-        entryFk: Entry
-        buyingValue: Buying value
-        freightValue: Freight value
-        comissionValue: Commission value
-        description: Description
-        packageValue: Package value
-        isIgnored: Is ignored
-        price2: Grouping
-        price3: Packing
-        minPrice: Min
-        ektFk: Ekt
-        weight: Weight
-        packagingFk: Package
-        packingOut: Package out
-        landing: Landing
+        tableVisibleColumns:
+            picture: Picture
+            itemFk: Item ID
+            packing: Packing
+            grouping: Grouping
+            quantity: Quantity
+            size: Size
+            tags: Tags
+            type: Type
+            intrastat: Intrastat
+            origin: Origin
+            weightByPiece: Weight/Piece
+            isActive: Active
+            family: Family
+            entryFk: Entry
+            buyingValue: Buying value
+            freightValue: Freight value
+            comissionValue: Commission value
+            description: Description
+            packageValue: Package value
+            isIgnored: Is ignored
+            price2: Grouping
+            price3: Packing
+            minPrice: Min
+            ektFk: Ekt
+            weight: Weight
+            packagingFk: Package
+            packingOut: Package out
+            landing: Landing
 ticket:
     pageTitles:
         tickets: Tickets
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index f845b1706..c3aca500f 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -412,34 +412,35 @@ entry:
         landed: F. entrega
         warehouseOut: Alm. salida
     latestBuys:
-        picture: Foto
-        itemFk: ID Artículo
-        packing: Packing
-        grouping: Grouping
-        quantity: Cantidad
-        size: Medida
-        tags: Etiquetas
-        type: Tipo
-        intrastat: Intrastat
-        origin: Origen
-        weightByPiece: Peso (gramos)/tallo
-        isActive: Activo
-        family: Familia
-        entryFk: Entrada
-        buyingValue: Coste
-        freightValue: Porte
-        comissionValue: Comisión
-        description: Descripción
-        packageValue: Embalaje
-        isIgnored: Ignorado
-        price2: Grouping
-        price3: Packing
-        minPrice: Min
-        ektFk: Ekt
-        weight: Peso
-        packagingFk: Embalaje
-        packingOut: Embalaje envíos
-        landing: Llegada
+        tableVisibleColumns:
+            picture: Foto
+            itemFk: Id Artículo
+            packing: packing
+            grouping: Grouping
+            quantity: Cantidad
+            size: Medida
+            tags: Etiquetas
+            type: Tipo
+            intrastat: Intrastat
+            origin: Origen
+            weightByPiece: Peso (gramos)/tallo
+            isActive: Activo
+            family: Familia
+            entryFk: Entrada
+            buyingValue: Coste
+            freightValue: Porte
+            comissionValue: Comisión
+            description: Descripción
+            packageValue: Embalaje
+            isIgnored: Ignorado
+            price2: Grouping
+            price3: Packing
+            minPrice: Min
+            ektFk: Ekt
+            weight: Peso
+            packagingFk: Embalaje
+            packingOut: Embalaje envíos
+            landing: Llegada
 ticket:
     pageTitles:
         tickets: Tickets
diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
index 09cbb893b..b591b107a 100644
--- a/src/pages/Entry/EntryLatestBuys.vue
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -11,7 +11,7 @@ import { useArrayData } from 'composables/useArrayData';
 const router = useRouter();
 const stateStore = useStateStore();
 const { t } = useI18n();
-
+import { toDate } from 'src/filters';
 const rowsFetchDataRef = ref(null);
 const editTableCellDialogRef = ref(null);
 const allColumnNames = ref([]);
@@ -222,7 +222,12 @@ const columns = computed(() => [
     {
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.landing'),
-        name: 'landing'
+        name: 'landing',
+        component: 'date',
+        columnField: {
+            component: null,
+        },
+        format: (row, dashIfEmpty) => dashIfEmpty(toDate(row.landing))
     },
 ]);
 
@@ -277,7 +282,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
         url="Buys/latestBuysFilter"
         order="id DESC"
         :columns="columns"
-        redirect="buy"
+        redirect="entry"
         default-mode="table"
         auto-load
         :right-search="false"

From e62e914e487a4b334287d7e9a1320519fff19dd3 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Fri, 28 Jun 2024 14:55:44 +0200
Subject: [PATCH 07/13] refs #6897 change image, fit component

---
 src/components/VnTable/VnFilter.vue   |  6 +-
 src/components/common/VnComponent.vue |  1 -
 src/i18n/locale/en.yml                |  2 +
 src/i18n/locale/es.yml                |  2 +
 src/pages/Entry/EntryLatestBuys.vue   | 27 ++++++---
 src/pages/Entry/EntryList.vue         | 87 ++++++++++++++++++++++++---
 6 files changed, 105 insertions(+), 20 deletions(-)

diff --git a/src/components/VnTable/VnFilter.vue b/src/components/VnTable/VnFilter.vue
index 3d489cf73..9db688a5f 100644
--- a/src/components/VnTable/VnFilter.vue
+++ b/src/components/VnTable/VnFilter.vue
@@ -39,7 +39,7 @@ const enterEvent = {
 
 const defaultAttrs = {
     filled: !$props.showTitle,
-    class: 'q-px-sm q-pb-xs q-pt-none',
+    class: 'q-px-sm q-pb-xs q-pt-none fit',
     dense: true,
 };
 
@@ -80,7 +80,7 @@ const components = {
         event: updateEvent,
         attrs: {
             dense: true,
-            class: $props.showTitle ? 'q-py-sm q-mt-md' : 'q-px-md q-py-xs',
+            class: $props.showTitle ? 'q-py-sm q-mt-md' : 'q-px-md q-py-xs fit',
             'toggle-indeterminate': true,
         },
         forceAttrs,
@@ -89,7 +89,7 @@ const components = {
         component: markRaw(VnSelect),
         event: updateEvent,
         attrs: {
-            class: 'q-px-md q-pb-xs q-pt-none',
+            class: 'q-px-md q-pb-xs q-pt-none fit',
             dense: true,
             filled: !$props.showTitle,
         },
diff --git a/src/components/common/VnComponent.vue b/src/components/common/VnComponent.vue
index 318b5ee5f..2e2095f23 100644
--- a/src/components/common/VnComponent.vue
+++ b/src/components/common/VnComponent.vue
@@ -54,7 +54,6 @@ function toValueAttrs(attrs) {
             v-bind="mix(toComponent).attrs"
             v-on="mix(toComponent).event ?? {}"
             v-model="model"
-            class="fit"
         />
     </span>
 </template>
diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 23ffddead..89e5b24df 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -442,6 +442,8 @@ entry:
             packagingFk: Package
             packingOut: Package out
             landing: Landing
+            isExcludedFromAvailable: Es inventory
+            isRaid: Raid
 ticket:
     pageTitles:
         tickets: Tickets
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index c3aca500f..5be1c5773 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -441,6 +441,8 @@ entry:
             packagingFk: Embalaje
             packingOut: Embalaje envíos
             landing: Llegada
+            isExcludedFromAvailable: Es inventario
+            isRaid: Redada
 ticket:
     pageTitles:
         tickets: Tickets
diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
index b591b107a..555155a4e 100644
--- a/src/pages/Entry/EntryLatestBuys.vue
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -12,6 +12,8 @@ const router = useRouter();
 const stateStore = useStateStore();
 const { t } = useI18n();
 import { toDate } from 'src/filters';
+import VnImg from 'src/components/ui/VnImg.vue';
+import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 const rowsFetchDataRef = ref(null);
 const editTableCellDialogRef = ref(null);
 const allColumnNames = ref([]);
@@ -73,10 +75,20 @@ const getInputEvents = (col) => {
           };
 };
 
-const columns = computed(() => [
+const columns = [
     {
-        label: t('entry.latestBuys.tableVisibleColumns.picture'),
-        name: 'picture',
+        label: t('entry.latestBuys.tableVisibleColumns.image'),
+        name: 'image',
+        columnField: {
+            component: VnImg,
+            attrs: (id) =>  {
+                return {
+                    id,
+                    width: '50px',
+                }
+            },
+        },
+        columnFilter: false
     },
     {
         align: 'left',
@@ -229,7 +241,7 @@ const columns = computed(() => [
         },
         format: (row, dashIfEmpty) => dashIfEmpty(toDate(row.landing))
     },
-]);
+];
 
 const editTableCellFormFieldsOptions = [
     { field: 'packing', label: t('entry.latestBuys.packing') },
@@ -267,15 +279,16 @@ const applyColumnFilter = async (col) => {
 
 onMounted(async () => {
     stateStore.rightDrawer = true;
-    const filteredColumns = columns.value.filter((col) => col.name !== 'picture');
-    allColumnNames.value = filteredColumns.map((col) => col.name);
-    await arrayData.fetch({ append: false });
+    // const filteredColumns = columns.value.filter((col) => col.name !== 'picture');
+    // allColumnNames.value = filteredColumns.map((col) => col.name);
+    // await arrayData.fetch({ append: false });
 });
 
 onUnmounted(() => (stateStore.rightDrawer = false));
 </script>
 
 <template>
+    <VnSubToolbar/>
     <VnTable
         ref="tableRef"
         data-key="LatestBuys"
diff --git a/src/pages/Entry/EntryList.vue b/src/pages/Entry/EntryList.vue
index 1f59e7d78..993a055dc 100644
--- a/src/pages/Entry/EntryList.vue
+++ b/src/pages/Entry/EntryList.vue
@@ -7,31 +7,45 @@ 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 { useSummaryDialog } from 'src/composables/useSummaryDialog';
 import RightMenu from 'src/components/common/RightMenu.vue';
 import { toDate } from 'src/filters';
 
 const stateStore = useStateStore();
-const router = useRouter();
 const { t } = useI18n();
-const { viewSummary } = useSummaryDialog();
 const route = useRoute();
 const entityId = computed(() => route.params.id);
-function navigate(id) {
-    router.push({ path: `/entry/${id}` });
-}
 
-const redirectToCreateView = () => {
-    router.push({ name: 'EntryCreate' });
+const entryFilter = {
+    include: [
+        {
+            relation: 'supplier',
+            scope: {
+                fields: ['id', 'name'],
+            },
+        },
+        {
+            relation: 'travel',
+            scope: {
+                fields: ['id', 'ref'],
+            },
+        },
+        {
+            relation: 'company',
+            scope: {
+                fields: ['id', 'code'],
+            },
+        },
+    ],
 };
 
 const columns = computed(() => [
+
     {
         align: 'left',
         label: t('entry.list.tableVisibleColumns.id'),
         name: 'id',
         isTitle: true,
-        create: true,
+        cardVisible: true,
     },
     {
         align: 'left',
@@ -39,12 +53,14 @@ const columns = computed(() => [
         name: 'reference',
         isTitle: true,
         create: true,
+        cardVisible: true,
     },
     {
         align: 'left',
         label: t('entry.list.tableVisibleColumns.created'),
         name: 'created',
         create: true,
+        cardVisible: true,
         component: 'date',
         columnField: {
             component: null,
@@ -56,6 +72,7 @@ const columns = computed(() => [
         label: t('entry.list.tableVisibleColumns.supplierFk'),
         name: 'supplierFk',
         create: true,
+        cardVisible: true,
         component: 'select',
         attrs: {
             url: 'suppliers',
@@ -70,6 +87,7 @@ const columns = computed(() => [
         align: 'left',
         label: t('entry.list.tableVisibleColumns.isBooked'),
         name: 'isBooked',
+        cardVisible: true,
         create: true,
         component: 'checkbox',
     },
@@ -77,6 +95,7 @@ const columns = computed(() => [
         align: 'left',
         label: t('entry.list.tableVisibleColumns.isConfirmed'),
         name: 'isConfirmed',
+        cardVisible: true,
         create: true,
         component: 'checkbox',
     },
@@ -84,9 +103,58 @@ const columns = computed(() => [
         align: 'left',
         label: t('entry.list.tableVisibleColumns.isOrdered'),
         name: 'isOrdered',
+        cardVisible: true,
         create: true,
         component: 'checkbox',
     },
+    {
+        align: 'left',
+        label: t('entry.list.tableVisibleColumns.companyFk'),
+        name: 'companyFk',
+        component: 'select',
+        attrs: {
+            url: 'companies',
+            fields: ['id', 'code'],
+        },
+        create: true,
+    },
+    {
+        align: 'left',
+        label: t('entry.list.tableVisibleColumns.travelFk'),
+        name: 'travelFk',
+        component: 'select',
+        attrs: {
+            url: 'travels',
+            fields: ['id', 'ref'],
+        },
+        create: true,
+    },
+    {
+        align: 'left',
+        label: t('entry.list.tableVisibleColumns.isExcludedFromAvailable'),
+        name: 'isExcludedFromAvailable',
+        chip: {
+            color: null,
+            condition: (value) => value,
+            icon: 'vn:inventory',
+        },
+        columnFilter: {
+            inWhere: true,
+        },
+    },
+    {
+        align: 'left',
+        label: t('entry.list.tableVisibleColumns.isRaid'),
+        name: 'isRaid',
+        chip: {
+            color: null,
+            condition: (value) => value,
+            icon: 'vn:net',
+        },
+        columnFilter: {
+            inWhere: true,
+        },
+    },
 ]);
 onMounted(async () => {
     stateStore.rightDrawer = true;
@@ -110,6 +178,7 @@ onMounted(async () => {
         url="Entries/filter"
         url-create="Entries"
         save-url="Entries/crud"
+        :filter="entryFilter"
         :create="{
             urlCreate: 'Entries',
             title: 'Create entry',

From 41d6c3f07e1fe32184e75af6cbf2beef88ef20ca Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Fri, 28 Jun 2024 15:00:35 +0200
Subject: [PATCH 08/13] refs #6897 fix columns trad

---
 src/i18n/locale/en.yml              |  2 +-
 src/i18n/locale/es.yml              |  2 +-
 src/pages/Entry/EntryLatestBuys.vue | 10 +---------
 3 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 89e5b24df..be019d1b1 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -414,7 +414,7 @@ entry:
         warehouseOut: Warehouse Out
     latestBuys:
         tableVisibleColumns:
-            picture: Picture
+            image: Picture
             itemFk: Item ID
             packing: Packing
             grouping: Grouping
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 5be1c5773..1f54f627f 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -413,7 +413,7 @@ entry:
         warehouseOut: Alm. salida
     latestBuys:
         tableVisibleColumns:
-            picture: Foto
+            image: Foto
             itemFk: Id Artículo
             packing: packing
             grouping: Grouping
diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
index 555155a4e..83a7ba922 100644
--- a/src/pages/Entry/EntryLatestBuys.vue
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -16,7 +16,6 @@ import VnImg from 'src/components/ui/VnImg.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 const rowsFetchDataRef = ref(null);
 const editTableCellDialogRef = ref(null);
-const allColumnNames = ref([]);
 
 const exprBuilder = (param, value) => {
     switch (param) {
@@ -67,16 +66,9 @@ const store = arrayData.store;
 const rows = computed(() => store.data);
 const rowsSelected = ref([]);
 
-const getInputEvents = (col) => {
-    return col.columnFilter.type === 'select'
-        ? { 'update:modelValue': () => applyColumnFilter(col) }
-        : {
-              'keyup.enter': () => applyColumnFilter(col),
-          };
-};
-
 const columns = [
     {
+        align: 'center',
         label: t('entry.latestBuys.tableVisibleColumns.image'),
         name: 'image',
         columnField: {

From 9d1e7363ab86dbea97bf6d853f641cfe557bc03a Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Mon, 1 Jul 2024 10:13:33 +0200
Subject: [PATCH 09/13] refs #6897 fix filters

---
 src/i18n/locale/en.yml        | 12 ++++++++++++
 src/i18n/locale/es.yml        |  4 ++++
 src/pages/Entry/EntryList.vue |  7 +++----
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index be019d1b1..ac78c062b 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -338,6 +338,18 @@ entry:
         booked: Booked
         confirmed: Confirmed
         ordered: Ordered
+        tableVisibleColumns:
+            id: Id
+            reference: Reference
+            created: Creation
+            supplierFk: Supplier
+            isBooked: Booked
+            isConfirmed: Confirmed
+            isOrdered: Ordered
+            companyFk: Company
+            travelFk: Travel
+            isExcludedFromAvailable: Inventory
+            isRaid: Raid
     summary:
         commission: Commission
         currency: Currency
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 1f54f627f..545368279 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -337,6 +337,10 @@ entry:
             isBooked: Asentado
             isConfirmed: Confirmado
             isOrdered: Pedida
+            companyFk: Empresa
+            travelFk: Envio
+            isExcludedFromAvailable: Inventario
+            isRaid: Redada
     summary:
         commission: Comisión
         currency: Moneda
diff --git a/src/pages/Entry/EntryList.vue b/src/pages/Entry/EntryList.vue
index 993a055dc..d24715e52 100644
--- a/src/pages/Entry/EntryList.vue
+++ b/src/pages/Entry/EntryList.vue
@@ -18,19 +18,19 @@ const entityId = computed(() => route.params.id);
 const entryFilter = {
     include: [
         {
-            relation: 'supplier',
+            relation: 'suppliers',
             scope: {
                 fields: ['id', 'name'],
             },
         },
         {
-            relation: 'travel',
+            relation: 'travels',
             scope: {
                 fields: ['id', 'ref'],
             },
         },
         {
-            relation: 'company',
+            relation: 'companies',
             scope: {
                 fields: ['id', 'code'],
             },
@@ -39,7 +39,6 @@ const entryFilter = {
 };
 
 const columns = computed(() => [
-
     {
         align: 'left',
         label: t('entry.list.tableVisibleColumns.id'),

From a6bb9af1a7531760c7de28a162482d0a2c5f60b6 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Mon, 1 Jul 2024 10:48:58 +0200
Subject: [PATCH 10/13] refs #6897 fix filters

---
 src/pages/Entry/EntryList.vue | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/pages/Entry/EntryList.vue b/src/pages/Entry/EntryList.vue
index d24715e52..997d58f37 100644
--- a/src/pages/Entry/EntryList.vue
+++ b/src/pages/Entry/EntryList.vue
@@ -114,8 +114,15 @@ const columns = computed(() => [
         attrs: {
             url: 'companies',
             fields: ['id', 'code'],
+            optionLabel: 'code',
+            optionValue: 'id',
+        },
+        columnField: {
+            component: null,
         },
         create: true,
+
+        format: (row, dashIfEmpty) => dashIfEmpty(row.companyCode),
     },
     {
         align: 'left',
@@ -125,8 +132,14 @@ const columns = computed(() => [
         attrs: {
             url: 'travels',
             fields: ['id', 'ref'],
+            optionLabel: 'ref',
+            optionValue: 'id',
+        },
+        columnField: {
+            component: null,
         },
         create: true,
+        format: (row, dashIfEmpty) => dashIfEmpty(row.travelRef),
     },
     {
         align: 'left',

From 00321803ab8f9aba0ae88b55d722cecf4570981c Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Mon, 1 Jul 2024 10:57:13 +0200
Subject: [PATCH 11/13] refs #6897 fix filters, right filters

---
 src/pages/Entry/EntryLatestBuys.vue | 58 +++++++++++++----------------
 1 file changed, 26 insertions(+), 32 deletions(-)

diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
index 83a7ba922..0fc906682 100644
--- a/src/pages/Entry/EntryLatestBuys.vue
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -2,8 +2,9 @@
 import { onMounted, ref, computed, reactive, onUnmounted } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
-
+import RightMenu from 'src/components/common/RightMenu.vue';
 import VnTable from 'components/VnTable/VnTable.vue';
+import EntryLatestBuysFilter from './EntryLatestBuysFilter.vue';
 
 import { useStateStore } from 'stores/useStateStore';
 import { useArrayData } from 'composables/useArrayData';
@@ -62,8 +63,6 @@ const arrayData = useArrayData('EntryLatestBuys', {
     order: ['itemFk DESC'],
     exprBuilder: exprBuilder,
 });
-const store = arrayData.store;
-const rows = computed(() => store.data);
 const rowsSelected = ref([]);
 
 const columns = [
@@ -73,14 +72,14 @@ const columns = [
         name: 'image',
         columnField: {
             component: VnImg,
-            attrs: (id) =>  {
+            attrs: (id) => {
                 return {
                     id,
                     width: '50px',
-                }
+                };
             },
         },
-        columnFilter: false
+        columnFilter: false,
     },
     {
         align: 'left',
@@ -107,31 +106,26 @@ const columns = [
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.description'),
         name: 'description',
-
     },
     {
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.size'),
         name: 'size',
-
     },
     {
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.tags'),
         name: 'tags',
-
     },
     {
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.type'),
         name: 'type',
-
     },
     {
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.intrastat'),
         name: 'intrastat',
-
     },
     {
         align: 'left',
@@ -139,7 +133,6 @@ const columns = [
         name: 'origin',
     },
     {
-
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.weightByPiece'),
         name: 'weightByPiece',
@@ -148,80 +141,76 @@ const columns = [
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.isActive'),
         name: 'isActive',
-
     },
     {
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.family'),
-        name: 'family'
-
+        name: 'family',
     },
     {
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.entryFk'),
-        name: 'entryFk'
-
+        name: 'entryFk',
     },
     {
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.buyingValue'),
-        name: 'buyingValue'
-
+        name: 'buyingValue',
     },
     {
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.freightValue'),
-        name: 'freightValue'
+        name: 'freightValue',
     },
     {
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.comissionValue'),
-        name: 'comissionValue'
+        name: 'comissionValue',
     },
     {
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.packageValue'),
-        name: 'packageValue'
+        name: 'packageValue',
     },
     {
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.isIgnored'),
-        name: 'isIgnored'
+        name: 'isIgnored',
     },
     {
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.price2'),
-        name: 'price2'
+        name: 'price2',
     },
     {
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.price3'),
-        name: 'price3'
+        name: 'price3',
     },
     {
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.minPrice'),
-        name: 'minPrice'
+        name: 'minPrice',
     },
     {
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.ektFk'),
-        name: 'ektFk'
+        name: 'ektFk',
     },
     {
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.weight'),
-        name: 'weight'
+        name: 'weight',
     },
     {
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.packagingFk'),
-        name: 'packagingFk'
+        name: 'packagingFk',
     },
     {
         align: 'left',
         label: t('entry.latestBuys.tableVisibleColumns.packingOut'),
-        name: 'packingOut'
+        name: 'packingOut',
     },
     {
         align: 'left',
@@ -231,7 +220,7 @@ const columns = [
         columnField: {
             component: null,
         },
-        format: (row, dashIfEmpty) => dashIfEmpty(toDate(row.landing))
+        format: (row, dashIfEmpty) => dashIfEmpty(toDate(row.landing)),
     },
 ];
 
@@ -280,7 +269,12 @@ onUnmounted(() => (stateStore.rightDrawer = false));
 </script>
 
 <template>
-    <VnSubToolbar/>
+    <RightMenu>
+        <template #right-panel>
+            <EntryLatestBuysFilter data-key="LatestBuys" />
+        </template>
+    </RightMenu>
+    <VnSubToolbar />
     <VnTable
         ref="tableRef"
         data-key="LatestBuys"

From 58e87a9af6362e9b715160d5f6daa98da273ccba Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Mon, 1 Jul 2024 11:56:12 +0200
Subject: [PATCH 12/13] refs #6897 remove

---
 src/pages/Entry/EntryLatestBuys.vue | 91 -----------------------------
 1 file changed, 91 deletions(-)

diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
index 0fc906682..dca32c08d 100644
--- a/src/pages/Entry/EntryLatestBuys.vue
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -1,69 +1,15 @@
 <script setup>
 import { onMounted, ref, computed, reactive, onUnmounted } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useRouter } from 'vue-router';
 import RightMenu from 'src/components/common/RightMenu.vue';
 import VnTable from 'components/VnTable/VnTable.vue';
 import EntryLatestBuysFilter from './EntryLatestBuysFilter.vue';
-
 import { useStateStore } from 'stores/useStateStore';
-import { useArrayData } from 'composables/useArrayData';
-
-const router = useRouter();
 const stateStore = useStateStore();
 const { t } = useI18n();
 import { toDate } from 'src/filters';
 import VnImg from 'src/components/ui/VnImg.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-const rowsFetchDataRef = ref(null);
-const editTableCellDialogRef = ref(null);
-
-const exprBuilder = (param, value) => {
-    switch (param) {
-        case 'id':
-        case 'size':
-        case 'weightByPiece':
-        case 'isActive':
-        case 'family':
-        case 'minPrice':
-        case 'packingOut':
-            return { [`i.${param}`]: value };
-        case 'name':
-        case 'description':
-            return { [`i.${param}`]: { like: `%${value}%` } };
-        case 'code':
-            return { 'it.code': value };
-        case 'intrastat':
-            return { 'intr.description': value };
-        case 'origin':
-            return { 'ori.code': value };
-        case 'landing':
-            return { [`lb.${param}`]: value };
-        case 'packing':
-        case 'grouping':
-        case 'quantity':
-        case 'entryFk':
-        case 'buyingValue':
-        case 'freightValue':
-        case 'comissionValue':
-        case 'packageValue':
-        case 'isIgnored':
-        case 'price2':
-        case 'price3':
-        case 'ektFk':
-        case 'weight':
-        case 'packagingFk':
-            return { [`b.${param}`]: value };
-    }
-};
-
-const params = reactive({});
-const arrayData = useArrayData('EntryLatestBuys', {
-    url: 'Buys/latestBuysFilter',
-    order: ['itemFk DESC'],
-    exprBuilder: exprBuilder,
-});
-const rowsSelected = ref([]);
 
 const columns = [
     {
@@ -224,45 +170,8 @@ const columns = [
     },
 ];
 
-const editTableCellFormFieldsOptions = [
-    { field: 'packing', label: t('entry.latestBuys.packing') },
-    { field: 'grouping', label: t('entry.latestBuys.grouping') },
-    { field: 'packageValue', label: t('entry.latestBuys.packageValue') },
-    { field: 'weight', label: t('entry.latestBuys.weight') },
-    { field: 'description', label: t('globals.description') },
-    { field: 'size', label: t('entry.latestBuys.size') },
-    { field: 'weightByPiece', label: t('entry.latestBuys.weightByPiece') },
-    { field: 'packingOut', label: t('entry.latestBuys.packingOut') },
-    { field: 'landing', label: t('entry.latestBuys.landing') },
-];
-
-const openEditTableCellDialog = () => {
-    editTableCellDialogRef.value.show();
-};
-
-const onEditCellDataSaved = async () => {
-    rowsSelected.value = [];
-    await rowsFetchDataRef.value.fetch();
-};
-
-const redirectToEntryBuys = (entryFk) => {
-    router.push({ name: 'EntryBuys', params: { id: entryFk } });
-};
-
-const applyColumnFilter = async (col) => {
-    try {
-        params[col.field] = col.columnFilter.filterValue;
-        await arrayData.addFilter({ params });
-    } catch (err) {
-        console.error('Error applying column filter', err);
-    }
-};
-
 onMounted(async () => {
     stateStore.rightDrawer = true;
-    // const filteredColumns = columns.value.filter((col) => col.name !== 'picture');
-    // allColumnNames.value = filteredColumns.map((col) => col.name);
-    // await arrayData.fetch({ append: false });
 });
 
 onUnmounted(() => (stateStore.rightDrawer = false));

From dff77277ac3bc0a4cc94da586f96850aad38a592 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Wed, 3 Jul 2024 10:05:05 +0200
Subject: [PATCH 13/13] refs #6897 fix summary, list, inputs

---
 src/components/VnTable/VnColumn.vue   |  6 +++++-
 src/components/common/VnInputDate.vue | 10 ++++++++++
 src/components/common/VnInputTime.vue |  9 +++++++++
 src/i18n/locale/en.yml                |  8 --------
 src/pages/Entry/Card/EntrySummary.vue |  2 --
 src/pages/Entry/EntryList.vue         | 13 +++++++------
 6 files changed, 31 insertions(+), 17 deletions(-)

diff --git a/src/components/VnTable/VnColumn.vue b/src/components/VnTable/VnColumn.vue
index 6cd62d83e..2e60a9815 100644
--- a/src/components/VnTable/VnColumn.vue
+++ b/src/components/VnTable/VnColumn.vue
@@ -46,6 +46,7 @@ const defaultComponents = {
         component: markRaw(VnInput),
         attrs: {
             disable: !$props.isEditable,
+            class: 'fit',
         },
         forceAttrs: {
             label: $props.showLabel && $props.column.label,
@@ -55,6 +56,7 @@ const defaultComponents = {
         component: markRaw(VnInput),
         attrs: {
             disable: !$props.isEditable,
+            class: 'fit',
         },
         forceAttrs: {
             label: $props.showLabel && $props.column.label,
@@ -66,6 +68,7 @@ const defaultComponents = {
             readonly: true,
             disable: !$props.isEditable,
             style: 'min-width: 125px',
+            class: 'fit',
         },
         forceAttrs: {
             label: $props.showLabel && $props.column.label,
@@ -77,7 +80,7 @@ const defaultComponents = {
             const defaultAttrs = {
                 disable: !$props.isEditable,
                 'model-value': Boolean(prop),
-                class: 'no-padding',
+                class: 'no-padding fit',
             };
 
             if (typeof prop == 'number') {
@@ -94,6 +97,7 @@ const defaultComponents = {
         component: markRaw(VnSelect),
         attrs: {
             disable: !$props.isEditable,
+            class: 'fit',
         },
         forceAttrs: {
             label: $props.showLabel && $props.column.label,
diff --git a/src/components/common/VnInputDate.vue b/src/components/common/VnInputDate.vue
index a88540ebf..184f8a158 100644
--- a/src/components/common/VnInputDate.vue
+++ b/src/components/common/VnInputDate.vue
@@ -131,3 +131,13 @@ watch(
         </QInput>
     </div>
 </template>
+
+<style lang="scss">
+.vn-input-date.q-field--standard.q-field--readonly .q-field__control:before {
+    border-bottom-style: solid;
+}
+
+.vn-input-date.q-field--outlined.q-field--readonly .q-field__control:before {
+    border-style: solid;
+}
+</style>
diff --git a/src/components/common/VnInputTime.vue b/src/components/common/VnInputTime.vue
index 3d482933a..9344ff869 100644
--- a/src/components/common/VnInputTime.vue
+++ b/src/components/common/VnInputTime.vue
@@ -111,3 +111,12 @@ watch(
         </QInput>
     </div>
 </template>
+<style lang="scss">
+.vn-input-time.q-field--standard.q-field--readonly .q-field__control:before {
+    border-bottom-style: solid;
+}
+
+.vn-input-time.q-field--outlined.q-field--readonly .q-field__control:before {
+    border-style: solid;
+}
+</style>
diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 3e95a1e8b..e0397db82 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -409,14 +409,6 @@ customer:
             hasCoreVnl: VNL core received
             hasSepaVnl: VNL B2B received
 entry:
-        tableVisibleColumns:
-            id: Id
-            reference: Reference
-            created: Creation
-            supplierFk: Supplier
-            isBooked: Booked
-            isConfirmed: Confirmed
-            isOrdered: Ordered
     list:
         newEntry: New entry
         landed: Landed
diff --git a/src/pages/Entry/Card/EntrySummary.vue b/src/pages/Entry/Card/EntrySummary.vue
index d08b7eed2..7b92b29d4 100644
--- a/src/pages/Entry/Card/EntrySummary.vue
+++ b/src/pages/Entry/Card/EntrySummary.vue
@@ -11,8 +11,6 @@ import { toDate, toCurrency } from 'src/filters';
 import { getUrl } from 'src/composables/getUrl';
 import axios from 'axios';
 
-onUpdated(() => summaryRef.value.fetch());
-
 const route = useRoute();
 const { t } = useI18n();
 
diff --git a/src/pages/Entry/EntryList.vue b/src/pages/Entry/EntryList.vue
index 997d58f37..fe719db6e 100644
--- a/src/pages/Entry/EntryList.vue
+++ b/src/pages/Entry/EntryList.vue
@@ -14,6 +14,7 @@ const stateStore = useStateStore();
 const { t } = useI18n();
 const route = useRoute();
 const entityId = computed(() => route.params.id);
+const tableRef = ref();
 
 const entryFilter = {
     include: [
@@ -51,6 +52,10 @@ const columns = computed(() => [
         label: t('entry.list.tableVisibleColumns.reference'),
         name: 'reference',
         isTitle: true,
+        component: 'input',
+        columnField: {
+            component: null,
+        },
         create: true,
         cardVisible: true,
     },
@@ -188,16 +193,12 @@ onMounted(async () => {
         ref="tableRef"
         data-key="EntryList"
         url="Entries/filter"
-        url-create="Entries"
-        save-url="Entries/crud"
         :filter="entryFilter"
         :create="{
             urlCreate: 'Entries',
             title: 'Create entry',
-            onDataSaved: () => tableRef.reload(),
-            formInitialData: {
-                workerFk: entityId,
-            },
+            onDataSaved: ({ id }) => tableRef.redirect(id),
+            formInitialData: {},
         }"
         order="id DESC"
         :columns="columns"