From 07ca1acee9a5f4227d18766b49b3fe6c8690e9a1 Mon Sep 17 00:00:00 2001 From: Rémy Raes Date: Mon, 16 Oct 2023 16:17:37 +0200 Subject: feat: Notification menu (#615) Introduces a notification menu, which hosts notifications fired while the app was not focused. Notifications can be closed by the user. --- src-vue/src/utils/ui.ts | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'src-vue/src/utils') diff --git a/src-vue/src/utils/ui.ts b/src-vue/src/utils/ui.ts index b84d7666..4c735a9c 100644 --- a/src-vue/src/utils/ui.ts +++ b/src-vue/src/utils/ui.ts @@ -1,8 +1,10 @@ import { ElNotification, NotificationHandle } from "element-plus"; import { i18n } from "../main"; +import { store } from "../plugins/store"; /** * Displays content to the user in the form of a notification appearing on screen bottom right. + * If the app is not focused when this is invoked, a notification is added to the notifications menu. **/ function showNotification( title: string, @@ -10,6 +12,10 @@ function showNotification( type: 'success' | 'warning' | 'error' | 'info' = 'success', duration: number = 4500 ): NotificationHandle { + if (!document.hasFocus()) { + store.commit('addNotification', {title, text: message, type}); + } + return ElNotification({ title, message, type, duration, position: 'bottom-right', -- cgit v1.2.3