Extend database with more tables, rewrite API doc, improve API endpoints

software/src/components/actionDialog.vue

@@ -10,8 +10,7 @@ defineProps({
     type: String
   },
   subtitle: {
-    type: String,
-    default: ""
+    type: String
   }
 })
 </script>

software/src/components/confirmDialog.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ModelRef } from 'vue';
 import actionDialog from './actionDialog.vue';
+import outlinedButton from './outlinedButton.vue';
 
 const showDialog: ModelRef<boolean> = defineModel()
 
@@ -31,21 +32,19 @@ function confirmPressed() {
     </v-container>
 
     <template #actions>
-      <v-btn
+      <outlined-button
         @click="showDialog = false" 
         color="green"
-        variant="outlined"
       >
         {{ $t("dialog.cancel") }}
-      </v-btn>
+      </outlined-button>
 
-      <v-btn
+      <outlined-button
         @click="confirmPressed"
         color="red"
-        variant="outlined"
       >
         {{ $t("dialog.confirm") }}
-      </v-btn>
+      </outlined-button>
     </template>
   </action-dialog>
 </template>

software/src/components/outlinedButton.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+defineProps({
+  prependIcon: String,
+  color: {
+    type: String,
+    default: "primary"
+  }
+})
+</script>
+
+<template>
+  <v-btn 
+    :prepend-icon="prependIcon"
+    variant="outlined"
+    :color="color"
+  >
+    <slot></slot>
+  </v-btn>
+</template>