Migrate TagCreate from bootstrap-vue to vuetify 2 #248

knutschsoft · Jan 2, 2025 · bc37661 · bc37661
1 parent 05da9fd
commit bc37661
Showing 1 changed file with 22 additions and 18 deletions.
diff --git a/web/assets/js/components/Tags/TagCreate.vue b/web/assets/js/components/Tags/TagCreate.vue
@@ -51,26 +51,30 @@
             item-text="name"
             outlined
         />
-        <div :id="createButtonId">
-            <v-btn
-                type="submit"
-                color="secondary"
-                data-test="button-tag-create"
-                :disabled="isFormInvalid || isLoading"
-                block
-            >
-                Neuen Tag erstellen
-            </v-btn>
-        </div>
-        <b-popover
+        <v-tooltip
             v-if="isFormInvalid"
-            :target="createButtonId"
-            triggers="hover"
-            placement="top"
+            top
         >
-            <template #title>Name und Farbe</template>
-            Bitte erst Name und Farbe wählen bevor ein neuer Tag erstellt werden kann.
-        </b-popover>
+            <template v-slot:activator="{ on, attrs }">
+                <div
+                    v-bind="attrs"
+                    v-on="on"
+                >
+                    <v-btn
+                        type="submit"
+                        color="secondary"
+                        data-test="button-tag-create"
+                        :disabled="isFormInvalid || isLoading"
+                        block
+                    >
+                        Neuen Tag erstellen
+                    </v-btn>
+                </div>
+            </template>
+            <span>
+                Bitte erst Name und Farbe wählen bevor ein neuer Tag erstellt werden kann.
+            </span>
+        </v-tooltip>
         <form-error
             :error="error"
         />