Lots of changes

2024-11-13 22:11:07 +01:00
parent 90a5858320
commit 953ff38d64
76 changed files with 2822 additions and 427 deletions
@@ -0,0 +1,36 @@
+<script setup>
+import BasicTable from '@/Components/BasicTable.vue';
+import { LinkOptions as C_LINK, TableColumn as C_TD, TableRow as C_TR} from '@/Shared/AppObjects';
+
+const props = defineProps({
+    actions: Array
+});
+
+const header = [
+    C_TD.make('#', 'header'),
+    C_TD.make('Name', 'header'),
+    C_TD.make('Color tag', 'header'),
+    C_TD.make('Decisions', 'header')
+];
+
+const createBody = (data) => {
+    let content = [];
+
+    data.forEach((a) => {
+        const cols = [
+            C_TD.make(a.id, 'body'),
+            C_TD.make(a.name, 'body'),
+            C_TD.make(a.color_tag, 'body'),
+            C_TD.make(a.decisions.length, 'body')
+        ];
+
+        content.push(C_TR.make(cols));
+    });
+
+    return content;
+}
+
+</script>
+<template>
+    <BasicTable :header="header" :body="createBody(actions)" />
+</template>
@@ -0,0 +1,36 @@
+<script setup>
+import BasicTable from '@/Components/BasicTable.vue';
+import { LinkOptions as C_LINK, TableColumn as C_TD, TableRow as C_TR} from '@/Shared/AppObjects';
+
+const props = defineProps({
+    decisions: Array
+});
+
+const header = [
+    C_TD.make('#', 'header'),
+    C_TD.make('Name', 'header'),
+    C_TD.make('Color tag', 'header'),
+    C_TD.make('Belongs to actions', 'header')
+];
+
+const createBody = (data) => {
+    let content = [];
+
+    data.forEach((a) => {
+        const cols = [
+            C_TD.make(a.id, 'body'),
+            C_TD.make(a.name, 'body'),
+            C_TD.make(a.color_tag, 'body'),
+            C_TD.make(a.actions.length, 'body')
+        ];
+
+        content.push(C_TR.make(cols));
+    });
+
+    return content;
+}
+
+</script>
+<template>
+    <BasicTable :header="header" :body="createBody(decisions)" />
+</template>