aboutsummaryrefslogtreecommitdiff
path: root/src/views/HomeView.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/views/HomeView.vue')
-rw-r--r--src/views/HomeView.vue36
1 files changed, 35 insertions, 1 deletions
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 6b087a7..0a5bf4d 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,5 +1,39 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { RouterLink } from 'vue-router'
+import axios from 'axios'
+
+const isLoading = ref(false)
+const allDrafts = ref([])
+
+const getAllDrafts = async () => {
+ allDrafts.value = []
+ isLoading.value = true
+
+ try {
+ const res = await axios.get('/invoice/draft')
+ if (res.status === 200) {
+ allDrafts.value = res.data.data
+ }
+ } catch (err) {
+ toast.error('An unhandled exception occoured. Please check logs')
+ console.error(err)
+ }
+
+ isLoading.value = false
+}
+
+onMounted(() => {
+ getAllDrafts()
+})
+</script>
<template>
<h1>OpenBills Home Page</h1>
+ <h2>Draft Invoices:</h2>
+ <ul>
+ <li v-for="draft in allDrafts" :key="draft['ID']">
+ <RouterLink :to="{path: `/invoice/edit-draft/${draft['ID']}`}">Invoice Number {{ draft["InvoiceNumber"] }}</RouterLink>
+ </li>
+ </ul>
</template>