Lenaisten/advent22
1
0
Fork 0
mirror of https://code.lenaisten.de/Lenaisten/advent22.git synced 2026-01-10 07:03:04 +00:00
Code Issues Projects Releases Packages Wiki Activity

🐛 ui: BulmaToast rebuild previous logic (now with explanation)

Browse source
This commit is contained in:
Jörn-Michael Miehe 2025-12-28 16:48:16 +00:00
parent 24696fe44f
commit 8e8e894638
1 changed files with 9 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
ui/src/components/bulma/Toast.vue
View file

@ -20,29 +20,27 @@ const emit = defineEmits<{
(event: "handle", handle: HBulmaToast): void;
}>();
const message = useTemplateRef("message");
const message_div = useTemplateRef("message");
onMounted(() =>
emit("handle", {
show(options: ToastOptions = {}): void {
if (message.value === null) return;
if (message_div.value === null) return;
toast({
...options,
single: true,
message: message.value,
message: message_div.value,
});
},
hide(): void {
if (message.value === null) return;
// using "toast" detaches "message" from the invisible "div"
// => toast_div is not part of this component!
const toast_div = message_div.value?.parentElement;
const delete_button = toast_div?.querySelector("button.delete");
if (!(delete_button instanceof HTMLButtonElement)) return;
const toast_div = message.value.parentElement;
if (toast_div === null) return;
const dbutton = toast_div.querySelector("button.delete");
if (!(dbutton instanceof HTMLButtonElement)) return;
dbutton.click();
delete_button.click();
},
}),
);