Infrastructure/immich
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-01-21 00:52:43 -05:00
Code Issues Activity

Added timeout option for notification component

Browse source
This commit is contained in:
Alex 2022-08-26 10:01:47 -07:00
parent bef38c670c
commit 44ccb1eec1
No known key found for this signature in database
GPG key ID: 53CD082B3A5E1082
3 changed files with 27 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/src/lib/components/shared-components/notification/notification-card.svelte
View file

@ -51,7 +51,7 @@
onMount(() => { onMount(() => {
setTimeout(() => { setTimeout(() => {
notificationController.removeNotificationById(notificationInfo.id); notificationController.removeNotificationById(notificationInfo.id);
}, 3000); }, notificationInfo.timeout);
}); });
</script> </script>

29
web/src/lib/components/shared-components/notification/notification.ts
View file

@ -9,17 +9,36 @@ export class ImmichNotification {
id = new Date().getTime(); id = new Date().getTime();
type!: NotificationType; type!: NotificationType;
message!: string; message!: string;
timeout = 3000;
} }
export class ImmichNotificationDto {
/**
* Notification type
* @type {NotificationType} [Info, Error]
*/
type: NotificationType = NotificationType.Info;
/**
* Notification message
*/
message = '';
/**
* Timeout in miliseconds
*/
timeout = 3000;
}
function createNotificationList() { function createNotificationList() {
const notificationList = writable<ImmichNotification[]>([]); const notificationList = writable<ImmichNotification[]>([]);
const show = ({ message = '', type = NotificationType.Info }) => { const show = (notificationInfo: ImmichNotificationDto) => {
const notification = new ImmichNotification(); const newNotification = new ImmichNotification();
notification.message = message; newNotification.message = notificationInfo.message;
notification.type = type; newNotification.type = notificationInfo.type;
newNotification.timeout = notificationInfo.timeout;
notificationList.update((currentList) => [...currentList, notification]); notificationList.update((currentList) => [...currentList, newNotification]);
}; };
const removeNotificationById = (id: number) => { const removeNotificationById = (id: number) => {

3
web/src/lib/utils/file-uploader.ts
View file

@ -38,9 +38,10 @@ export const openFileUploadDialog = (uploadType: UploadType) => {
if (files.length > 50) { if (files.length > 50) {
notificationController.show({ notificationController.show({
type: NotificationType.Error,
message: `Cannot upload more than 50 files at a time - you are uploading ${files.length} files. message: `Cannot upload more than 50 files at a time - you are uploading ${files.length} files.
Please use the CLI tool if you need to upload more than 50 files.`, Please use the CLI tool if you need to upload more than 50 files.`,
type: NotificationType.Error timeout: 5000
}); });
return; return;