From d4bd41fc67b32091c27d43d2d1f5e27bac6e7c66 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Sun, 10 Sep 2023 00:54:29 +0000
Subject: [PATCH] remove bulma Drawer slot "heading"

---
 ui/src/components/DoorMapEditor.vue | 86 ++++++++++++++---------------
 ui/src/components/bulma/Drawer.vue  | 14 ++++-
 2 files changed, 53 insertions(+), 47 deletions(-)

diff --git a/ui/src/components/DoorMapEditor.vue b/ui/src/components/DoorMapEditor.vue
index 1ccffc1..64ea966 100644
--- a/ui/src/components/DoorMapEditor.vue
+++ b/ui/src/components/DoorMapEditor.vue
@@ -1,51 +1,47 @@
 <template>
-  <BulmaDrawer>
-    <template v-slot:heading>Türchen bearbeiten</template>
+  <BulmaDrawer header="Türchen bearbeiten">
+    <div class="panel-tabs is-justify-content-space-between">
+      <BulmaButton
+        :disabled="current_step === 0"
+        class="is-link"
+        @click="current_step--"
+        icon="fa-solid fa-backward"
+      />
+      <BulmaBreadcrumbs :steps="steps" v-model="current_step" class="mb-0" />
+      <BulmaButton
+        :disabled="current_step === 2"
+        class="is-link"
+        @click="current_step++"
+        icon="fa-solid fa-forward"
+      />
+    </div>
 
-    <template v-slot:default>
-      <div class="panel-tabs is-justify-content-space-between">
-        <BulmaButton
-          :disabled="current_step === 0"
-          class="is-link"
-          @click="current_step--"
-          icon="fa-solid fa-backward"
-        />
-        <BulmaBreadcrumbs :steps="steps" v-model="current_step" class="mb-0" />
-        <BulmaButton
-          :disabled="current_step === 2"
-          class="is-link"
-          @click="current_step++"
-          icon="fa-solid fa-forward"
-        />
-      </div>
+    <DoorPlacer v-if="current_step === 0" v-model:doors="doors" />
+    <DoorChooser v-if="current_step === 1" v-model:doors="doors" />
+    <div v-if="current_step === 2" class="panel-block">
+      <Calendar :doors="doors" />
+    </div>
 
-      <DoorPlacer v-if="current_step === 0" v-model:doors="doors" />
-      <DoorChooser v-if="current_step === 1" v-model:doors="doors" />
-      <div v-if="current_step === 2" class="panel-block">
-        <Calendar :doors="doors" />
-      </div>
-
-      <div class="panel-block is-flex is-justify-content-space-around">
-        <BulmaButton
-          class="is-danger"
-          @click="on_download"
-          icon="fa-solid fa-cloud-arrow-down"
-          text="Laden"
-        />
-        <BulmaButton
-          class="is-warning"
-          @click="on_discard"
-          icon="fa-solid fa-trash"
-          text="Löschen"
-        />
-        <BulmaButton
-          class="is-success"
-          @click="on_upload"
-          icon="fa-solid fa-cloud-arrow-up"
-          text="Speichern"
-        />
-      </div>
-    </template>
+    <div class="panel-block is-flex is-justify-content-space-around">
+      <BulmaButton
+        class="is-danger"
+        @click="on_download"
+        icon="fa-solid fa-cloud-arrow-down"
+        text="Laden"
+      />
+      <BulmaButton
+        class="is-warning"
+        @click="on_discard"
+        icon="fa-solid fa-trash"
+        text="Löschen"
+      />
+      <BulmaButton
+        class="is-success"
+        @click="on_upload"
+        icon="fa-solid fa-cloud-arrow-up"
+        text="Speichern"
+      />
+    </div>
   </BulmaDrawer>
 </template>
 
diff --git a/ui/src/components/bulma/Drawer.vue b/ui/src/components/bulma/Drawer.vue
index 7e60af9..cab7d4d 100644
--- a/ui/src/components/bulma/Drawer.vue
+++ b/ui/src/components/bulma/Drawer.vue
@@ -7,7 +7,7 @@
             :icon="'fa-solid fa-angle-' + (is_open ? 'down' : 'right')"
           />
         </span>
-        <span><slot name="heading" /></span>
+        <span v-if="header !== ''">{{ header }}</span>
       </span>
     </p>
     <slot v-if="is_open" name="default" />
@@ -15,10 +15,20 @@
 </template>
 
 <script lang="ts">
-import { Vue } from "vue-class-component";
+import { Options, Vue } from "vue-class-component";
 
+@Options({
+  props: {
+    header: {
+      type: String,
+      required: false,
+      default: "",
+    },
+  },
+})
 export default class extends Vue {
   public is_open = false;
+  public header!: string;
 }
 </script>