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 AppLayout from '@/Layouts/AppLayout.vue';
+import { ref } from 'vue';
+import { FwbTab, FwbTabs } from 'flowbite-vue'
+import ActionTable from './Partials/ActionTable.vue';
+import DecisionTable from './Partials/DecisionTable.vue';
+
+const props = defineProps({
+    actions: Array,
+    decisions: Array
+});
+
+const activeTab = ref('actions')
+
+</script>
+<template>
+    <AppLayout title="Settings">
+        <template #header></template>
+        <div class="pt-12">
+            <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+                <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg">
+                    
+                    <fwb-tabs v-model="activeTab" variant="underline" >
+                        <fwb-tab name="actions" title="Actions">
+                            <ActionTable :actions="actions" />
+                        </fwb-tab>
+                        <fwb-tab name="decisions" title="Decisions">
+                            <DecisionTable :decisions="decisions" />
+                        </fwb-tab>
+                    </fwb-tabs>
+                    
+                </div>
+            </div>
+        </div>
+    </AppLayout>
+</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({
+    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>