From a15dd4fdfad6467a362434a85af029f6bfa24d10 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Fri, 22 Sep 2023 20:42:28 +0000
Subject: [PATCH] AdminButton fragment handling

---
 ui/src/App.vue                    | 5 +----
 ui/src/components/AdminButton.vue | 4 +---
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/ui/src/App.vue b/ui/src/App.vue
index c4e7c3b..c2cda96 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -23,10 +23,7 @@
       </div>
       <div class="level-right">
         <div class="level-item">
-          <AdminButton
-            v-model="is_admin"
-            button_class="tag is-link is-outlined"
-          />
+          <AdminButton class="tag is-link is-outlined" v-model="is_admin" />
         </div>
       </div>
     </nav>
diff --git a/ui/src/components/AdminButton.vue b/ui/src/components/AdminButton.vue
index 886c8b8..e6dda74 100644
--- a/ui/src/components/AdminButton.vue
+++ b/ui/src/components/AdminButton.vue
@@ -2,7 +2,7 @@
   <LoginModal v-if="modal_visible" @submit="on_submit" @cancel="on_cancel" />
 
   <BulmaButton
-    :class="button_class"
+    v-bind="$attrs"
     :icon="'fa-solid fa-toggle-' + (modelValue ? 'on' : 'off')"
     :busy="is_busy"
     text="Admin"
@@ -24,14 +24,12 @@ import LoginModal from "./LoginModal.vue";
   },
   props: {
     modelValue: Boolean,
-    button_class: String,
   },
   emits: ["update:modelValue"],
 })
 export default class extends Vue {
   // true, iff Benutzer Admin ist
   public modelValue!: boolean;
-  public button_class!: string;
 
   public modal_visible = false;
   public is_busy = false;