Finished guestbook and gallery. started diary

frontend/src/components/DialogWidget.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="visible" :class="['dialog-overlay', { 'non-modal': !modal }]" @click.self="handleOverlayClick">
+  <div v-if="visible" :class="['dialog-overlay', { 'non-modal': !modal, 'is-active': isActive }]" @click.self="handleOverlayClick">
     <div class="dialog" :class="{ minimized: minimized }"
       :style="{ width: dialogWidth, height: dialogHeight, top: dialogTop, left: dialogLeft, position: 'absolute' }"
       v-if="!minimized" ref="dialog">
@@ -75,6 +75,7 @@ export default {
       dragOffsetY: 0,
       localTitle: this.title,
       localIsTitleTranslated: this.isTitleTranslated,
+      isActive: false,
     };
   },
   computed: {
@@ -112,7 +113,7 @@ export default {
     },
     buttonClick(action) {
       if (typeof action === 'function') {
-        action(); // Wenn action eine Funktion ist, rufe sie direkt auf
+        action();
       } else {
         this.$emit(action);
         if (action === 'close') {
@@ -132,6 +133,9 @@ export default {
       this.minimized = !this.minimized;
       this.$store.dispatch('dialogs/toggleDialogMinimize', this.name);
     },
+    isMinimized() {
+      return this.minimized;
+    },
     startDragging(event) {
       this.isDragging = true;
       const dialog = this.$refs.dialog;
@@ -159,6 +163,9 @@ export default {
         isTitleTranslated: this.localIsTitleTranslated
       });
     },
+    setActiveState(newActiveState) {
+      this.isActive = newActiveState;
+    }
   }
 };
 </script>
@@ -254,4 +261,7 @@ export default {
   color: #7E471B;
   border: 1px solid #7E471B;
 }
+.is-active {
+  z-index: 990;
+}
 </style>