From 4ff63b458d9c3706db690040935adebe4598188d Mon Sep 17 00:00:00 2001
From: Ferdinand Thiessen <rpm@fthiessen.de>
Date: Fri, 29 Jan 2021 02:24:48 +0100
Subject: [PATCH] Move files

---
 .../Add.vue => components/BalanceAdd.vue}     |  0
 .../BalanceTransfer.vue}                      |  0
 src/plugins/balance/pages/Overview.vue        | 71 +++++++++++++++++++
 3 files changed, 71 insertions(+)
 rename src/plugins/balance/{pages/Add.vue => components/BalanceAdd.vue} (100%)
 rename src/plugins/balance/{pages/Transfer.vue => components/BalanceTransfer.vue} (100%)
 create mode 100644 src/plugins/balance/pages/Overview.vue

diff --git a/src/plugins/balance/pages/Add.vue b/src/plugins/balance/components/BalanceAdd.vue
similarity index 100%
rename from src/plugins/balance/pages/Add.vue
rename to src/plugins/balance/components/BalanceAdd.vue
diff --git a/src/plugins/balance/pages/Transfer.vue b/src/plugins/balance/components/BalanceTransfer.vue
similarity index 100%
rename from src/plugins/balance/pages/Transfer.vue
rename to src/plugins/balance/components/BalanceTransfer.vue
diff --git a/src/plugins/balance/pages/Overview.vue b/src/plugins/balance/pages/Overview.vue
new file mode 100644
index 0000000..dd94ad6
--- /dev/null
+++ b/src/plugins/balance/pages/Overview.vue
@@ -0,0 +1,71 @@
+<template>
+  <div>
+    <q-page padding>
+      <q-card>
+        <q-card-section>
+          <q-table :data="rows" row-key="userid" :columns="columns" />
+        </q-card-section>
+      </q-card>
+    </q-page>
+  </div>
+</template>
+
+<script lang="ts">
+// TODO: Load all users / balances
+
+// TODO: Fill usefull data
+
+import { computed, defineComponent } from '@vue/composition-api';
+import { StateInterfaceBalance } from '../store/balance';
+import { Store } from 'vuex';
+export default defineComponent({
+  // name: 'PageName'
+  setup(_, { root }) {
+    const store = <Store<StateInterfaceBalance>>root.$store;
+
+    const rows = [];
+
+    const columns = [
+      {
+        name: 'userid',
+        label: 'Datum',
+        field: 'userid',
+        required: true,
+        align: 'left',
+        sortable: true
+      },
+      {
+        name: 'balance',
+        label: 'Text',
+        field: 'balance',
+        format: (val: number) => val.toFixed(2)
+      },
+      {
+        name: 'limit',
+        label: 'Betrag',
+        field: 'limit',
+        format: (val: number) => (val === null ? 'keins' : val)
+      },
+      {
+        name: 'limit',
+        label: 'Benutzer',
+        field: 'limit',
+        format: (val: number) => (val === null ? 'keins' : val)
+      },
+      {
+        name: 'limit',
+        label: 'Storniert',
+        field: 'limit',
+        format: (val: number) => (val === null ? 'keins' : val)
+      },
+      {
+        name: 'limit',
+        label: 'Löschen',
+        field: 'limit',
+        format: (val: number) => (val === null ? 'keins' : val)
+      }
+    ];
+    return { rows, columns };
+  }
+});
+</script>