From 414f0cf9b4349240bf0525e9c1acde2a51a27285 Mon Sep 17 00:00:00 2001
From: Michael <michael@congegni.net>
Date: Mon, 31 Mar 2025 19:20:05 +0200
Subject: [PATCH] feat(FE): Dahsbaord, enabled Show instance form

---
 resources/js/components/content/Dashboard.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/resources/js/components/content/Dashboard.vue b/resources/js/components/content/Dashboard.vue
index ede62c0..d06b230 100644
--- a/resources/js/components/content/Dashboard.vue
+++ b/resources/js/components/content/Dashboard.vue
@@ -4,13 +4,13 @@ import {computed, onMounted, type Ref, ref} from "vue";
 import {useAuthStore} from "@/stores/auth.store.ts";
 import ShowCreateEditForm from "@partials/show/ShowCreateEditForm.vue";
 import {baseShow, deleteShow} from "@models/show/show.ts";
-import type {Show} from "@models/show/show";
 import type {calendarShowEvent} from "@models/misc/calendarShowEvent.ts";
-import type { PropType} from "vue";
+import { nextTick } from "vue";
 
 import {baseShowInstance, getShowInstances, type ShowInstance} from "@models/show/showInstance.ts";
 import {setShowInstancesForCalendar} from "@/composables/content/dashboard_page.ts";
 import {baseShowDays, getShowDays} from "@models/show/showDays.ts";
+import ShowInstanceForm from "@partials/show/ShowInstanceForm.vue";
 
 const auth = useAuthStore();
 const userRole = auth.userData.user.role;
@@ -41,6 +41,7 @@ const toggleEditMode = () => {
 };
 
 const contextMenuEditInstance = (showInstanceId: number) => {
+  showInstanceCreateEditMode.value = false;
   selectedShowInstance.value = showInstances.value[showInstanceId];
   showInstanceCreateEditMode.value = true;
 };
@@ -75,8 +76,8 @@ const resetItemEdited = () => {
 
 <template>
   <template v-if="showCreateEditMode || showInstanceCreateEditMode">
-    <ShowCreateEditForm v-if="showCreateEditMode" :show="showSelected"  @go-back="resetItemEdited" @save-show="saveShow"/>
-<!--    <ShowInstanceCreateEditForm v-if="showInstanceCreateEditMode" :showInstance="selectedShowInstance">-->
+    <ShowCreateEditForm v-if="showCreateEditMode" :show="showSelected"  @go-back="resetItemEdited" />
+    <ShowInstanceForm v-if="showInstanceCreateEditMode" :showInstance="selectedShowInstance" />
   </template>
   <template v-else>
     <v-row class="ma-4 justify-space-around">