diff --git a/src/composables/useUi.ts b/src/composables/useUi.ts index 904202f..c12e35b 100644 --- a/src/composables/useUi.ts +++ b/src/composables/useUi.ts @@ -8,6 +8,7 @@ export interface Toast { type: ToastType message: string duration?: number + action?: { label: string, onClick: () => void } } export type Tag = TagResponseDto @@ -16,16 +17,16 @@ export type District = DistrictResponseDto export type Greeting = GreetingDto const toasts = ref([]) -const sidebarExpanded = ref(false) +const sidebarExpanded = ref(true) const tags = ref([]) const cities = ref([]) const districts = reactive>({}) const greetings = ref([]) const referencesLoaded = ref(false) -function addToast(message: string, type: ToastType = 'info', duration = 4000) { +function addToast(message: string, type: ToastType = 'info', duration = 4000, action?: Toast['action']) { const id = `${Date.now()}-${Math.random()}` - toasts.value.push({ id, type, message, duration }) + toasts.value.push({ id, type, message, duration, action }) if (duration > 0) { setTimeout(removeToast, duration, id) } diff --git a/src/views/dev/TestView.vue b/src/views/dev/TestView.vue new file mode 100644 index 0000000..65d7d73 --- /dev/null +++ b/src/views/dev/TestView.vue @@ -0,0 +1,458 @@ + + + + +