88 lines
3.1 KiB
TypeScript
88 lines
3.1 KiB
TypeScript
|
// Copyright (C) 2018 Storj Labs, Inc.
|
||
|
|
// See LICENSE for copying information.
|
||
|
|
|
||
|
|
import { NOTIFICATION_MUTATIONS } from '../mutationConstants';
|
||
|
|
import { NOTIFICATION_TYPES } from '@/utils/constants/notification';
|
||
|
|
import { DelayedNotification } from '@/utils/entities/DelayedNotification';
|
||
|
|
|
||
|
|
export const notificationsModule = {
|
||
|
|
state: {
|
||
|
|
// Dynamic queue for displaying notifications
|
||
|
|
notificationQueue: [],
|
||
|
|
},
|
||
|
|
mutations: {
|
||
|
|
// Mutaion for adding notification to queue
|
||
|
|
[NOTIFICATION_MUTATIONS.ADD](state: any, notification: any): void {
|
||
|
|
state.notificationQueue.push(notification);
|
||
|
|
|
||
|
|
// Pause current notification if it`s not first
|
||
|
|
if (state.notificationQueue.length > 1) {
|
||
|
|
notification.pause();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
// Mutaion for deleting notification to queue
|
||
|
|
[NOTIFICATION_MUTATIONS.DELETE](state: any): void {
|
||
|
|
state.notificationQueue[0].pause();
|
||
|
|
state.notificationQueue.shift();
|
||
|
|
|
||
|
|
// Starts next notification in queue if it exist
|
||
|
|
if (state.notificationQueue[0]) {
|
||
|
|
state.notificationQueue[0].start();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
[NOTIFICATION_MUTATIONS.PAUSE](state: any): void {
|
||
|
|
state.notificationQueue[0].pause();
|
||
|
|
},
|
||
|
|
[NOTIFICATION_MUTATIONS.RESUME](state: any): void {
|
||
|
|
state.notificationQueue[0].start();
|
||
|
|
},
|
||
|
|
},
|
||
|
|
actions: {
|
||
|
|
// Commits muttation for adding success notification
|
||
|
|
success: function({commit}: any, message: string): void {
|
||
|
|
const notification = new DelayedNotification(
|
||
|
|
() => commit(NOTIFICATION_MUTATIONS.DELETE),
|
||
|
|
NOTIFICATION_TYPES.SUCCESS,
|
||
|
|
message,
|
||
|
|
);
|
||
|
|
|
||
|
|
commit(NOTIFICATION_MUTATIONS.ADD, notification);
|
||
|
|
},
|
||
|
|
// Commits muttation for adding info notification
|
||
|
|
notify: function({commit}: any, message: string): void {
|
||
|
|
|
||
|
|
const notification = new DelayedNotification(
|
||
|
|
() => commit(NOTIFICATION_MUTATIONS.DELETE),
|
||
|
|
NOTIFICATION_TYPES.NOTIFICATION,
|
||
|
|
message,
|
||
|
|
);
|
||
|
|
|
||
|
|
commit(NOTIFICATION_MUTATIONS.ADD, notification);
|
||
|
|
},
|
||
|
|
// Commits muttation for adding error notification
|
||
|
|
error: function({commit}: any, message: string): void {
|
||
|
|
const notification = new DelayedNotification(
|
||
|
|
() => commit(NOTIFICATION_MUTATIONS.DELETE),
|
||
|
|
NOTIFICATION_TYPES.ERROR,
|
||
|
|
message,
|
||
|
|
);
|
||
|
|
|
||
|
|
commit(NOTIFICATION_MUTATIONS.ADD, notification);
|
||
|
|
},
|
||
|
|
deleteNotification: function({commit}: any): void {
|
||
|
|
commit(NOTIFICATION_MUTATIONS.DELETE);
|
||
|
|
},
|
||
|
|
pauseNotification: function({commit}: any): void {
|
||
|
|
commit(NOTIFICATION_MUTATIONS.PAUSE);
|
||
|
|
},
|
||
|
|
resumeNotification: function({commit}: any): void {
|
||
|
|
commit(NOTIFICATION_MUTATIONS.RESUME);
|
||
|
|
},
|
||
|
|
},
|
||
|
|
getters: {
|
||
|
|
currentNotification: (state: any) => {
|
||
|
|
return state.notificationQueue[0] ? state.notificationQueue[0] : null;
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|