KevinMidboe/immich
1
0
Fork 0
mirror of https://github.com/KevinMidboe/immich.git synced 2026-04-26 16:53:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(web): prettier (#2821)

Browse Source 
Co-authored-by: Thomas Way <thomas@6f.io>
This commit is contained in:
Jason Rasmussen
2023-07-01 00:50:47 -04:00
committed by GitHub
parent 7c2f7d6c51
commit f55b3add80
242 changed files with 12794 additions and 13426 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
web/src/lib/utils/image-load.ts
View File

@@ -2,37 +2,37 @@ import { tick } from 'svelte';
import type { ActionReturn } from 'svelte/action';
interface Attributes {
'on:image-error'?: (e: CustomEvent) => void;
'on:image-load'?: (e: CustomEvent) => void;
'on:image-error'?: (e: CustomEvent) => void;
'on:image-load'?: (e: CustomEvent) => void;
}
export function imageLoad(img: HTMLImageElement): ActionReturn<void, Attributes> {
const onImageError = () => img.dispatchEvent(new CustomEvent('image-error'));
const onImageLoaded = () => img.dispatchEvent(new CustomEvent('image-load'));
const onImageError = () => img.dispatchEvent(new CustomEvent('image-error'));
const onImageLoaded = () => img.dispatchEvent(new CustomEvent('image-load'));
if (img.complete) {
// Browser has fetched the image, naturalHeight is used to check
// if any loading errors have occurred.
const loadingError = img.naturalHeight === 0;
if (img.complete) {
// Browser has fetched the image, naturalHeight is used to check
// if any loading errors have occurred.
const loadingError = img.naturalHeight === 0;
// Report status after a tick, to make sure event listeners are registered.
if (loadingError) {
tick().then(onImageError);
} else {
tick().then(onImageLoaded);
}
// Report status after a tick, to make sure event listeners are registered.
if (loadingError) {
tick().then(onImageError);
} else {
tick().then(onImageLoaded);
}
return {};
}
return {};
}
// Image has not been loaded yet, report status with event listeners.
img.addEventListener('load', onImageLoaded, { once: true });
img.addEventListener('error', onImageError, { once: true });
// Image has not been loaded yet, report status with event listeners.
img.addEventListener('load', onImageLoaded, { once: true });
img.addEventListener('error', onImageError, { once: true });
return {
destroy() {
img.removeEventListener('load', onImageLoaded);
img.removeEventListener('error', onImageError);
}
};
return {
destroy() {
img.removeEventListener('load', onImageLoaded);
img.removeEventListener('error', onImageError);
},
};
}