Refactor/backend routers (#388)

* update router

* update caddy file

* setup depends in docker-fole

* make changes for serving on subpath

* set dev config

* fix router signups

* consolidate links

* backup-functionality to dashboard

* new user card

* consolidate theme into profile

* fix theme tests

* fix pg tests

* fix pg tests

* remove unused import

* mobile margin

Co-authored-by: hay-kot <hay-kot@pm.me>

frontend/src/components/UI/Dialogs/BaseDialog.vue

@@ -3,14 +3,14 @@
     <slot name="open" v-bind="{ open }"> </slot>
     <v-dialog v-model="dialog" :width="modalWidth + 'px'" :content-class="top ? 'top-dialog' : undefined">
       <v-card class="pb-10" height="100%">
-        <v-app-bar dark :color="color" class="mt-n1 mb-2">
+        <v-app-bar dark :color="color" class="mt-n1 mb-0">
           <v-icon large left>
             {{ titleIcon }}
           </v-icon>
           <v-toolbar-title class="headline"> {{ title }} </v-toolbar-title>
           <v-spacer></v-spacer>
         </v-app-bar>
-        <v-progress-linear v-if="loading" indeterminate color="primary"></v-progress-linear>
+        <v-progress-linear class="mt-1" v-if="loading" indeterminate color="primary"></v-progress-linear>
         <slot> </slot>
         <v-card-actions>
           <slot name="card-actions">
@@ -18,8 +18,12 @@
               {{ $t("general.cancel") }}
             </v-btn>
             <v-spacer></v-spacer>
+
+            <v-btn color="error" text @click="deleteEvent" v-if="$listeners.delete">
+              {{ $t("general.delete") }}
+            </v-btn>
             <v-btn color="success" @click="submitEvent">
-              {{ $t("general.submit") }}
+              {{ submitText }}
             </v-btn>
           </slot>
         </v-card-actions>
@@ -31,6 +35,7 @@
 </template>
 
 <script>
+import i18n from "@/i18n";
 export default {
   props: {
     color: {
@@ -51,16 +56,34 @@ export default {
     top: {
       default: false,
     },
+    submitText: {
+      default: () => i18n.t("general.create"),
+    },
   },
   data() {
     return {
       dialog: false,
+      submitted: false,
     };
   },
+  computed: {
+    determineClose() {
+      return this.submitted && !this.loading;
+    },
+  },
+  watch: {
+    determineClose() {
+      this.submitted = false;
+      this.dialog = false;
+    },
+    dialog(val) {
+      if (val) this.submitted = false;
+    },
+  },
   methods: {
     submitEvent() {
       this.$emit("submit");
-      this.close();
+      this.submitted = true;
     },
     open() {
       this.dialog = true;
@@ -68,6 +91,10 @@ export default {
     close() {
       this.dialog = false;
     },
+    deleteEvent() {
+      this.$emit("delete");
+      this.submitted = true;
+    },
   },
 };
 </script>