STEMMechanics/Website
1
0
Fork 0
Code Issues 4 Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

catch promise

Browse Source
This commit is contained in:
James Collins
2023-03-07 13:03:51 +10:00
parent b62a3b9d63
commit 57092e1b26
2 changed files with 33 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
resources/js/components/SMInputAttachments.vue
View File

@@ -65,14 +65,18 @@ const mediaItems: Ref<Media[]> = ref([]);
* Handle the user adding a new media item. * Handle the user adding a new media item.
*/ */
const handleClickAdd = async () => { const handleClickAdd = async () => {
openDialog(SMDialogMedia, { mime: "", accepts: "" }).then((result) => { openDialog(SMDialogMedia, { mime: "", accepts: "" })
const media = result as Media; .then((result) => {
const media = result as Media;
mediaItems.value.push(media); mediaItems.value.push(media);
value.value.push(media.id); value.value.push(media.id);
emits("update:modelValue", value); emits("update:modelValue", value);
}); })
.catch(() => {
/* empty */
});
}; };
/** /**

42
resources/js/helpers/transition.ts
View File

@@ -66,25 +66,29 @@ const waitForElementRender = (elem: Ref): Promise<HTMLElement> => {
* @returns {void} * @returns {void}
*/ */
export const transitionEnter = (elem: Ref, transition: string): void => { export const transitionEnter = (elem: Ref, transition: string): void => {
waitForElementRender(elem).then((e: HTMLElement) => { waitForElementRender(elem)
window.setTimeout(() => { .then((e: HTMLElement) => {
e.classList.replace( window.setTimeout(() => {
transition + "-enter-from", e.classList.replace(
transition + "-enter-active" transition + "-enter-from",
); transition + "-enter-active"
const transitionName = transitionEndEventName(); );
e.addEventListener( const transitionName = transitionEndEventName();
transitionName, e.addEventListener(
() => { transitionName,
e.classList.replace( () => {
transition + "-enter-active", e.classList.replace(
transition + "-enter-to" transition + "-enter-active",
); transition + "-enter-to"
}, );
false },
); false
}, 1); );
}); }, 1);
})
.catch(() => {
/* empty */
});
}; };
/** /**