Merge branch 'beta' into feature/connections-view

.dockerignore

@@ -1,2 +1,5 @@
 debian
-node_modules
+node_modules
+.quasar
+build
+.vscode

src/components/ui/NewVnSearchBar.vue

@@ -21,7 +21,7 @@ const props = defineProps({
         default: null
     },
     filter: {
-        type: String,
+        type: Object,
         default: null
     },
     searchField: {
@@ -64,7 +64,6 @@ const search = async () => {
                 params,
                 exprBuilder: props.exprBuilder
             });
-
             emit('onSearch', data);
         }
     } catch (error) {
@@ -83,7 +82,7 @@ onMounted(() => {
 <template>
     <VnInput
         v-model="searchTerm"
-        @keyup.enter="search()"
+        @keyup.enter.stop="search()"
         :placeholder="props.placeholder || t('search')"
         bg-color="white"
         is-outlined

src/pages/Admin/ItemsView.vue

@@ -3,28 +3,46 @@ import { ref } from 'vue';
 
 import CardList from 'src/components/ui/CardList.vue';
 import VnImg from 'src/components/ui/VnImg.vue';
-import VnSearchBar from 'src/components/ui/VnSearchBar.vue';
 import VnList from 'src/components/ui/VnList.vue';
+import VnSearchBar from 'src/components/ui/NewVnSearchBar.vue';
 
 import { useAppStore } from 'stores/app';
 import { storeToRefs } from 'pinia';
 
 const appStore = useAppStore();
 const { isHeaderMounted } = storeToRefs(appStore);
-
 const loading = ref(false);
 const items = ref([]);
-
-const query = `SELECT i.id, i.longName, i.size, i.category,
-            i.value5, i.value6, i.value7,
-            i.image, im.updated
-            FROM vn.item i
-            LEFT JOIN image im
-            ON im.collectionFk = 'catalog'
-            AND im.name = i.image
-            WHERE (i.longName LIKE CONCAT('%', #search, '%')
-            OR i.id = #search) AND i.isActive
-            ORDER BY i.longName LIMIT 50`;
+const itemFilterProps = {
+    include: [
+        {
+            relation: 'itemType',
+            scope: {
+                fields: ['id', 'name']
+            }
+        },
+        {
+            relation: 'intrastat',
+            scope: {
+                fields: ['id', 'description']
+            }
+        },
+        {
+            relation: 'origin',
+            scope: {
+                fields: ['id', 'name']
+            }
+        },
+        {
+            relation: 'production',
+            scope: {
+                fields: ['id', 'name']
+            }
+        }
+    ],
+    isActive: true,
+    order: 'name ASC'
+};
 
 const onSearch = data => (items.value = data || []);
 </script>
@@ -32,9 +50,10 @@ const onSearch = data => (items.value = data || []);
 <template>
     <Teleport v-if="isHeaderMounted" to="#actions">
         <VnSearchBar
-            :sql-query="query"
+            url="Items/filter"
             @on-search="onSearch"
             @on-search-error="items = []"
+            :filter="itemFilterProps"
         />
     </Teleport>
     <QPage class="vn-w-xs">
@@ -68,7 +87,7 @@ const onSearch = data => (items.value = data || []);
                 </template>
                 <template #content>
                     <span class="text-bold q-mb-sm">
-                        {{ item.longName }}
+                        {{ item.name }}
                     </span>
                     <span>
                         {{ item.value5 }} {{ item.value6 }}

src/pages/Agencies/PackagesView.vue

@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 
 import VnTable from 'src/components/ui/VnTable.vue';
 
-const jApi = inject('jApi');
+const api = inject('api');
 const { t } = useI18n();
 
 const packages = ref([]);
@@ -43,7 +43,12 @@ const columns = computed(() => [
 
 const getPackages = async () => {
     try {
-        const data = await jApi.query('CALL vn.agencyVolume()');
+        const { data } = await api.post(
+            'applications/agencyVolume/execute-proc',
+            {
+                schema: 'vn'
+            }
+        );
         packages.value = data;
     } catch (error) {
         console.error(error);

src/pages/Ecomerce/PendingOrders.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref, inject, onMounted } from 'vue';
+import { ref, inject } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
@@ -11,8 +11,10 @@ import { useVnConfirm } from 'src/composables/useVnConfirm.js';
 import useNotify from 'src/composables/useNotify.js';
 import { useAppStore } from 'stores/app';
 import { storeToRefs } from 'pinia';
+import { onUserId } from 'src/utils/onUserId';
 
 const jApi = inject('jApi');
+const api = inject('api');
 const { t } = useI18n();
 const { openConfirmationModal } = useVnConfirm();
 const { notify } = useNotify();
@@ -23,18 +25,48 @@ const router = useRouter();
 const loading = ref(false);
 const orders = ref([]);
 
-const getOrders = async () => {
+const getOrders = async (clientFk) => {
     try {
         loading.value = true;
-        orders.value = await jApi.query(
-            `SELECT o.id, o.sent, o.deliveryMethodFk, o.taxableBase,
-        a.nickname, am.description agency
-        FROM myOrder o
-        JOIN myAddress a ON a.id = o.addressFk
-        JOIN vn.agencyMode am ON am.id = o.agencyModeFk
-        WHERE NOT o.isConfirmed
-        ORDER BY o.sent DESC`
-        );
+
+        const filter = {
+          where: {
+            clientFk,
+            isConfirmed: false,
+            source_app: 'WEB',
+          },
+          include: [
+            {
+              relation: 'address',
+              scope: {
+                fields: ['nickname', 'city'],
+              }
+            },
+            {
+              relation: 'agencyMode',
+              scope: {
+                fields: ['description'],
+              }
+            },
+          ],
+          fields: [
+            'id',
+            'landed',
+            'delivery_method_id',
+            'taxableBase',
+            'addressFk',
+            'agencyModeFk'
+          ]
+        };
+
+        const { data: salixOrders } = await api.get('Orders', {
+          params: {
+            filter: JSON.stringify(filter)
+          }
+        });
+
+        orders.value = salixOrders;
+
         loading.value = false;
     } catch (error) {
         console.error('Error getting orders:', error);
@@ -43,14 +75,7 @@ const getOrders = async () => {
 
 const removeOrder = async (id, index) => {
     try {
-        await jApi.execQuery(
-            `START TRANSACTION;
-            DELETE FROM hedera.myOrder WHERE ((id = #id));
-            COMMIT`,
-            {
-                id
-            }
-        );
+        await api.delete(`Orders/${id}`);
         orders.value.splice(index, 1);
         notify(t('dataSaved'), 'positive');
     } catch (error) {
@@ -63,9 +88,8 @@ const loadOrder = orderId => {
     router.push({ name: 'catalog' });
 };
 
-onMounted(async () => {
-    getOrders();
-});
+onUserId(getOrders);
+
 </script>
 
 <template>
@@ -93,11 +117,11 @@ onMounted(async () => {
             >
                 <template #content>
                     <QItemLabel class="text-bold q-mb-sm">
-                        {{ formatDateTitle(order.sent) }}
+                        {{ formatDateTitle(order.landed) }}
                     </QItemLabel>
                     <QItemLabel> #{{ order.id }} </QItemLabel>
-                    <QItemLabel>{{ order.nickname }}</QItemLabel>
-                    <QItemLabel>{{ order.agency }}</QItemLabel>
+                    <QItemLabel>{{ order.address.nickname }}</QItemLabel>
+                    <QItemLabel>{{ order.agencyMode.description }}</QItemLabel>
                     <QItemLabel>{{ currency(order.taxableBase) }}</QItemLabel>
                 </template>
                 <template #actions>

src/utils/onUserId.js

@@ -0,0 +1,18 @@
+import { watch } from 'vue';
+
+import { useUserStore } from 'stores/user';
+
+const userStore = useUserStore();
+
+export const onUserId = (cb) => watch(
+  () => userStore?.user?.id,
+  async userId => {
+    if (!userId) return;
+    try {
+      await cb(userId);
+    } catch (error) {
+      console.error(error);
+    }
+  },
+  { immediate: true }
+);