classic-ui/store/notice.js

96 lines
2.4 KiB
JavaScript
Raw Normal View History

2022-04-22 06:05:56 +03:00
const NOTICE_INTERVAL = 10000
export const state = () => {
return {
notices: [],
timers: {}
}
}
export const mutations = {
ADD_NOTICE(state, notice) {
state.notices.push(notice)
},
UPDATE_NOTICE(state, { index, notice }) {
this._vm.$set(state.notices, index, notice)
},
DELETE_NOTICE(state, index) {
this._vm.$delete(state.notices, index)
},
ADD_NOTICE_TIMER(state, { id, timerId }) {
this._vm.$set(state.timers, id, { timerId })
},
DELETE_NOTICE_TIMER(state, id) {
this._vm.$delete(state.timers, id)
}
}
export const actions = {
addNotice({ commit }, { notice }) {
return new Promise((resolve) => {
const id = `f${(+new Date()).toString(16)}`
commit('ADD_NOTICE', { ...notice, id, isShowed: true })
resolve(id)
})
},
addNoticeTimer({ commit, dispatch }, { id, interval = NOTICE_INTERVAL }) {
const timerId = setTimeout(() => {
dispatch('deleteNotice', { id })
}, interval)
commit('ADD_NOTICE_TIMER', { id, timerId })
},
deleteNoticeTimer({ state, commit }, { id }) {
if (state.timers[id]) {
clearTimeout(state.timers[id].timerId)
commit('DELETE_NOTICE_TIMER', id)
}
},
addNoticeWithInterval({ dispatch }, { notice, interval }) {
return new Promise(async (resolve) => {
const id = await dispatch('addNotice', { notice })
dispatch('addNoticeTimer', { id, interval })
resolve(id)
})
},
deleteNotice({ state, commit, dispatch }, { id }) {
const index = state.notices.findIndex((i) => {
return i.id === id
})
if (index !== -1) {
commit('DELETE_NOTICE', index)
dispatch('deleteNoticeTimer', { id })
}
},
updateNotice({ state, commit, dispatch }, { id = `f${(+new Date()).toString(16)}`, notice, interval }) {
const { notices } = state
const index = notices.findIndex((i) => {
return i.id === id
})
if (index !== -1) {
commit('UPDATE_NOTICE', {
index,
notice: {
...notices[index],
isShowed: true,
...notice
}
})
} else {
commit('ADD_NOTICE', { ...notice, id, isShowed: true })
}
if (interval) {
dispatch('deleteNoticeTimer', { id })
dispatch('addNoticeTimer', { id, interval })
}
},
showNotice({ state, commit, dispatch }, { id, isShowed = true }) {
dispatch('updateNotice', {
id,
notice: {
isShowed
}
})
}
}