From 97f732d3cf446f5c6bcc83560243d3f21c06911d Mon Sep 17 00:00:00 2001
From: Joel Crespo <joelcrespo.developer@gmail.com>
Date: Mon, 20 Nov 2023 13:06:14 -0300
Subject: [PATCH] wip

---
 package-lock.json                             |  12 +-
 src/i18n/en/index.js                          |   1 +
 src/i18n/es/index.js                          |   1 +
 .../InvoiceOut/InvoiceOutNegativeBases.vue    | 104 ++++++++++++++++++
 src/router/modules/invoiceOut.js              |  13 ++-
 5 files changed, 123 insertions(+), 8 deletions(-)
 create mode 100644 src/pages/InvoiceOut/InvoiceOutNegativeBases.vue

diff --git a/package-lock.json b/package-lock.json
index a3a9dcc63..c541ee00e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,14 +1,14 @@
 {
     "name": "salix-front",
-    "version": "23.40.01",
+    "version": "23.48.01",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "salix-front",
-            "version": "0.0.1",
+            "version": "23.48.01",
             "dependencies": {
-                "@quasar/cli": "^2.2.1",
+                "@quasar/cli": "^2.3.0",
                 "@quasar/extras": "^1.16.4",
                 "axios": "^1.4.0",
                 "chromium": "^3.0.3",
@@ -946,9 +946,9 @@
             }
         },
         "node_modules/@quasar/cli": {
-            "version": "2.2.1",
-            "resolved": "https://registry.npmjs.org/@quasar/cli/-/cli-2.2.1.tgz",
-            "integrity": "sha512-PMwJ76IeeNRRBw+08hUMjhqGC6JKJ/t1zIb+IOiyR5D4rkBR26Ha/Z46OD3KfwUprq4Q8s4ieB1+d3VY8FhPKg==",
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/@quasar/cli/-/cli-2.3.0.tgz",
+            "integrity": "sha512-DNFDemicj3jXe5+Ib+5w9Bwj1U3yoHQkqn0bU/qysIl/p0MmGA1yqOfUF0V4fw/5or1dfCvStIA/oZxUcC+2pQ==",
             "dependencies": {
                 "@quasar/ssl-certificate": "^1.0.0",
                 "ci-info": "^3.8.0",
diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index 948332d46..f98c9a4bd 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -348,6 +348,7 @@ export default {
         pageTitles: {
             invoiceOuts: 'Invoices Out',
             list: 'List',
+            negativeBases: 'Negative Bases',
             createInvoiceOut: 'Create invoice out',
             summary: 'Summary',
             basicData: 'Basic Data',
diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index 9b452ab22..cbe194865 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -348,6 +348,7 @@ export default {
         pageTitles: {
             invoiceOuts: 'Fact. emitidas',
             list: 'Listado',
+            negativeBases: 'Bases Negativas',
             createInvoiceOut: 'Crear fact. emitida',
             summary: 'Resumen',
             basicData: 'Datos básicos',
diff --git a/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue b/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
new file mode 100644
index 000000000..781996f7b
--- /dev/null
+++ b/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
@@ -0,0 +1,104 @@
+<template>
+  <template v-if="stateStore.isHeaderMounted()">
+    <Teleport to="#searchbar">
+      <VnSearchbar
+        data-key="InvoiceOutList"
+        :label="t('Search invoice')"
+        :info="t('You can search by invoice reference')"
+      />
+    </Teleport>
+    <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>
+  </template>
+  <QPage class="column items-center q-pa-md">
+    <QTable :columns="columns" :rows="invoiceOut.taxesBreakdown" flat>
+      <template #header="props">
+        <QTr :props="props">
+          <QTh v-for="col in props.cols" :key="col.name" :props="props">
+            {{ t(col.label) }}
+          </QTh>
+        </QTr>
+      </template>
+    </QTable>
+  </QPage>
+</template>
+
+<script setup>
+import { onMounted, onUnmounted, ref } from "vue";
+import { useI18n } from "vue-i18n";
+import { useRouter } from "vue-router";
+import { useQuasar } from "quasar";
+import { useStateStore } from "stores/useStateStore";
+import InvoiceOutSummaryDialog from "./Card/InvoiceOutSummaryDialog.vue";
+import { toCurrency } from "src/filters/index";
+import VnSearchbar from "src/components/ui/VnSearchbar.vue";
+
+const stateStore = useStateStore();
+const router = useRouter();
+const quasar = useQuasar();
+const { t } = useI18n();
+
+onMounted(() => (stateStore.rightDrawer = true));
+onUnmounted(() => (stateStore.rightDrawer = false));
+
+const columns = ref([
+    {
+        name: 'item',
+        label: 'invoiceOut.summary.type',
+        field: (row) => row.name,
+        sortable: true,
+    },
+    {
+        name: 'landed',
+        label: 'invoiceOut.summary.taxableBase',
+        field: (row) => row.taxableBase,
+        format: (value) => toCurrency(value),
+        sortable: true,
+    },
+    {
+        name: 'quantity',
+        label: 'invoiceOut.summary.rate',
+        field: (row) => row.rate,
+        sortable: true,
+    },
+    {
+        name: 'invoiceOuted',
+        label: 'invoiceOut.summary.fee',
+        field: (row) => row.vat,
+        sortable: true,
+    },
+]);
+
+function navigate(id) {
+  router.push({ path: `/invoice-out/${id}` });
+}
+
+function viewSummary(id) {
+  quasar.dialog({
+    component: InvoiceOutSummaryDialog,
+    componentProps: {
+      id,
+    },
+  });
+}
+</script>
+
+<style lang="scss" scoped>
+.card-list {
+  width: 100%;
+  max-width: 60em;
+}
+</style>
+
+<i18n>
+es:
+    Search invoice: Buscar factura emitida
+    You can search by invoice reference: Puedes buscar por referencia de la factura
+</i18n>
diff --git a/src/router/modules/invoiceOut.js b/src/router/modules/invoiceOut.js
index daf5041e9..067c6be8f 100644
--- a/src/router/modules/invoiceOut.js
+++ b/src/router/modules/invoiceOut.js
@@ -10,7 +10,7 @@ export default {
     component: RouterView,
     redirect: { name: 'InvoiceOutMain' },
     menus: {
-        main: ['InvoiceOutList'],
+        main: ['InvoiceOutList', 'InvoiceOutNegativeBases'],
         card: [],
     },
     children: [
@@ -28,7 +28,16 @@ export default {
                         icon: 'view_list',
                     },
                     component: () => import('src/pages/InvoiceOut/InvoiceOutList.vue'),
-                }
+                },
+                {
+                    path: 'negative-bases',
+                    name: 'InvoiceOutNegativeBases',
+                    meta: {
+                        title: 'negativeBases',
+                        icon: 'view_list',
+                    },
+                    component: () => import('src/pages/InvoiceOut/InvoiceOutNegativeBases.vue'),
+                },
             ]
         },
         {