From aa9edc94cfbe33287e73cec370d19c05e2a14af2 Mon Sep 17 00:00:00 2001
From: Samuel Lorch <sam@soontm.de>
Date: Wed, 29 Mar 2023 16:59:28 +0200
Subject: [PATCH] Add Table View

---
 client/src/components/TableView.vue | 41 +++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 client/src/components/TableView.vue

diff --git a/client/src/components/TableView.vue b/client/src/components/TableView.vue
new file mode 100644
index 0000000..7a70bbf
--- /dev/null
+++ b/client/src/components/TableView.vue
@@ -0,0 +1,41 @@
+<script setup lang="ts">
+
+const props = defineModel<{
+  title: string,
+  loadData: () => void,
+  columns?: {
+    heading: string,
+    path: string,
+    component?: Component,
+  }[],
+  data: Record<string, any>[],
+  tableProps: any,
+}>();
+
+let { title, columns, loadData, data, tableProps } = $(props);
+
+let loading = $ref(true);
+
+async function load() {
+  console.debug("Start loading...");
+  loading = true;
+  loadData();
+  loading = false;
+  console.debug("Finished loading");
+}
+
+onMounted(async() => {
+  load();
+});
+
+</script>
+
+<template>
+  <div>
+    <PageHeader :title="title">
+      <button @click="load">Load</button>
+    </PageHeader>
+    <div v-if="loading" >Loading...</div>
+    <NiceTable v-else :columns="columns" v-bind="tableProps" :data="data"/>
+  </div>
+</template>
\ No newline at end of file