From 4c48edc7905d6fb16b01ea707ee7e730dff78ced Mon Sep 17 00:00:00 2001
From: Vidhu Kant Sharma <vidhukant@vidhukant.com>
Date: Thu, 7 Dec 2023 05:01:08 +0530
Subject: added view invoice page with print button!

---
 src/components/invoice_header_editor.vue | 2 +-
 src/components/invoice_summary.vue       | 9 +++++++++
 src/components/sidebar.vue               | 4 ++--
 3 files changed, 12 insertions(+), 3 deletions(-)
 create mode 100644 src/components/invoice_summary.vue

(limited to 'src/components')

diff --git a/src/components/invoice_header_editor.vue b/src/components/invoice_header_editor.vue
index 0a39ce5..6bd62b8 100644
--- a/src/components/invoice_header_editor.vue
+++ b/src/components/invoice_header_editor.vue
@@ -58,7 +58,7 @@ const submit = async (e: Event) => {
       "customerwebsite": c.Website,
     })
 
-    route.push({ name: "edit-draft", params: { id: res.data.data.ID }})
+    route.push({ name: "edit-invoice", params: { id: res.data.data.ID }})
   } catch (err: any) {
     const statusCode: any = err.request.status
     const res: any = JSON.parse(err.request.response)
diff --git a/src/components/invoice_summary.vue b/src/components/invoice_summary.vue
new file mode 100644
index 0000000..6ca7907
--- /dev/null
+++ b/src/components/invoice_summary.vue
@@ -0,0 +1,9 @@
+<script setup lang="js">
+import currency from "currency.js"
+
+const props = defineProps(["items", "isLoading"])
+</script>
+
+<template>
+  Total: {{ props.items.reduce((t, c) => t.add(c.TotalAmount), currency(0)) }}
+</template>
diff --git a/src/components/sidebar.vue b/src/components/sidebar.vue
index 4c4623f..ada509e 100644
--- a/src/components/sidebar.vue
+++ b/src/components/sidebar.vue
@@ -1,5 +1,5 @@
 <script setup lang="js">
-import { watch, ref, toRaw } from 'vue'
+import { watch, ref } from 'vue'
 import { RouterLink, useRoute } from 'vue-router'
 import { BIconHouseDoor, BIconPlusSquare, BIconPersonCircle, BIconStack, BIconBuildings } from 'bootstrap-icons-vue';
 
@@ -36,7 +36,7 @@ watch(
       <li class="nav-item">
         <RouterLink
             to="/invoice/new"
-            :class="`nav-link ${(route.name === 'new-invoice' || route.name === 'edit-draft') ? 'active' : ''} py-3 border-secondary border-bottom text-white`"
+            :class="`nav-link ${(route.name === 'new-invoice' || route.name === 'edit-invoice') ? 'active' : ''} py-3 border-secondary border-bottom text-white`"
             aria-current="page"
             title="New Invoice"
             data-bs-toggle="tooltip"
-- 
cgit v1.2.3