From 57179c8a86892eb3d824ccb972a850e5740d9d6e Mon Sep 17 00:00:00 2001
From: Henrik Askjer <henrik.askjer@uib.no>
Date: Mon, 22 Nov 2021 10:16:39 +0100
Subject: [PATCH] add dialog
---
src/components/Autocomplete.vue | 12 ++++++++++--
1 file changed, 10 insertions(+), 2 deletions(-)
diff --git a/src/components/Autocomplete.vue b/src/components/Autocomplete.vue
index 66b3f62e..94061f5b 100644
--- a/src/components/Autocomplete.vue
+++ b/src/components/Autocomplete.vue
@@ -29,9 +29,17 @@
:dense="$vuetify.breakpoint.smAndDown"
>
<template v-slot:append>
- <v-divider/>
- <v-btn icon><v-icon>more_vert</v-icon></v-btn>
+ <v-divider vertical/>
+ <v-dialog transition="dialog-button-transition" max-width="600">
+ <template v-slot:activator="{ on, attrs }">
+ <v-btn plain depressed active-class="none" v-bind="attrs" v-on="on" color = "primary" text>Alle ordklasser<v-icon right>more_vert</v-icon></v-btn>
+ </template>
+ <template v-slot:default="dialog">
+ <v-card> Test<v-btn @click="dialog.value = false">Lukk</v-btn></v-card>
+ </template>
+ </v-dialog>
</template>
+
<template v-slot:item="data">
<span class="search-hit">
{{data.item.label}}
--
GitLab