From ddb893ea6c59ca5f4feb6ae190cb68b7c8534f8b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Tue, 12 Sep 2023 15:51:23 +0000
Subject: [PATCH] DoorMapEditor Drawer usage

---
 ui/src/components/DoorMapEditor.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/DoorMapEditor.vue b/ui/src/components/DoorMapEditor.vue
index 627d38d..cb69802 100644
--- a/ui/src/components/DoorMapEditor.vue
+++ b/ui/src/components/DoorMapEditor.vue
@@ -1,5 +1,5 @@
 <template>
-  <BulmaDrawer header="Türchen bearbeiten">
+  <BulmaDrawer header="Türchen bearbeiten" :ready="is_loaded" @open="on_open">
     <div class="is-flex is-align-items-center is-justify-content-space-between">
       <BulmaButton
         :disabled="current_step === 0"
@@ -67,6 +67,8 @@ import DoorPlacer from "./editor/DoorPlacer.vue";
   },
 })
 export default class extends Vue {
+  public is_loaded = true;
+
   public readonly steps: Step[] = [
     { label: "Platzieren", icon: "fa-solid fa-crosshairs" },
     { label: "Ordnen", icon: "fa-solid fa-list-ol" },
@@ -95,6 +97,16 @@ export default class extends Vue {
     return this.$advent22.api_put("admin/doors", data);
   }
 
+  public on_open(): void {
+    this.is_loaded = false;
+
+    this.load_doors()
+      .then(() => (this.is_loaded = true))
+      .catch(([reason, endpoint]) => {
+        alert(`Fehler: ${reason} in ${endpoint}`);
+      });
+  }
+
   public mounted(): void {
     this.load_doors().catch(([reason, endpoint]) => {
       alert(`Fehler: ${reason} in ${endpoint}`);