basic model editor workflow done

vue3/src/components/dialogs/ModelEditorDialog.vue

@@ -1,13 +1,51 @@
 <template>
-    <v-dialog max-width="600" activator="parent">
-        <template  v-slot:default="{ isActive }">
-            <slot name="default"></slot>
-        </template>
+    <v-dialog max-width="600" activator="parent" v-model="dialog">
+        <access-token-editor :item="item" @create="createEvent" @save="saveEvent" @delete="deleteEvent" v-if="model == SupportedModels.AccessToken"></access-token-editor>
     </v-dialog>
 </template>
 
 <script setup lang="ts">
 
+
+import {PropType, ref} from "vue";
+import AccessTokenEditor from "@/components/model_editors/AccessTokenEditor.vue";
+import {AccessToken, Food} from "@/openapi";
+
+enum SupportedModels {
+    AccessToken = 'AccessToken'
+}
+
+const emit = defineEmits(['create', 'save', 'delete'])
+
+const props = defineProps({
+    model: {
+        type: '',
+        required: true,
+        validator: (val) => ['AccessToken'].includes(val)
+    },
+    item: {default: null},
+    closeAfterCreate: {default: true},
+    closeAfterSave: {default: true},
+    closeAfterDelete: {default: true},
+})
+
+const dialog = ref(false)
+
+function createEvent(arg) {
+    emit('create', arg)
+    dialog.value = dialog.value && !props.closeAfterCreate
+}
+
+function saveEvent(arg) {
+    emit('save', arg)
+    dialog.value = dialog.value && !props.closeAfterSave
+}
+
+function deleteEvent(arg) {
+    emit('delete', arg)
+    dialog.value = dialog.value && !props.closeAfterDelete
+}
+
 </script>
 
 <style scoped>