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.

1 files changed, 31 insertions, 0 deletions

diff --git a/src-vue/src/plugins/modules/notifications.ts b/src-vue/src/plugins/modules/notifications.ts
new file mode 100644
index 00000000..ed57f8af
--- /dev/null
+++ b/src-vue/src/plugins/modules/notifications.ts
@@ -0,0 +1,31 @@
+type NotificationType = 'success' | 'warning' | 'info' | 'error';
+
+export interface Notification {
+    title: string;
+    text: string;
+    type: NotificationType;
+}
+
+interface NotificationsStoreState {
+    notifications: Notification[];
+}
+
+
+/**
+ * This notification module is meant to host the list of notifications that have been fired while the application was
+ * not focused.
+ * This list is then used by the [NotificationButton] component to display notifications to user.
+ **/
+export const notificationsModule = {
+    state: () => ({
+        notifications: []
+    }) as NotificationsStoreState,
+    mutations: {
+        addNotification(state: NotificationsStoreState, payload: Notification) {
+            state.notifications.push(payload);
+        },
+        removeNotification(state: NotificationsStoreState, index: number): void {
+            state.notifications.splice(index, 1);
+        }
+    }
+  }