You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
1.8 KiB
61 lines
1.8 KiB
import { event_bus } from './EventBus.service.js'
|
|
|
|
class MessageService {
|
|
listener_interval = 25000
|
|
|
|
alert({type, message, timeout = 0, on_dismiss = () => {} }) {
|
|
event_bus.event('message.alert').fire({ type, message, timeout, on_dismiss })
|
|
}
|
|
|
|
modal({title, message, buttons = [], inputs = []}) {
|
|
event_bus.event('message.modal').fire({ title, message, buttons, inputs })
|
|
}
|
|
|
|
async fetch() {
|
|
const result = await axios.get('/api/v1/message/banners')
|
|
if ( result && result.data && result.data.data ) return result.data.data
|
|
}
|
|
|
|
async dismiss(banner_id) {
|
|
return axios.post(`/api/v1/message/banners/read/${banner_id}`)
|
|
}
|
|
|
|
init_listener() {
|
|
this.message_ids = []
|
|
this.listener = setInterval(() => this._listener_tick(), this.listener_interval)
|
|
window.addEventListener('beforeunload', () => this.stop_listener())
|
|
try {
|
|
this._listener_tick()
|
|
} catch (e) {
|
|
this.stop_listener()
|
|
}
|
|
}
|
|
|
|
async _listener_tick() {
|
|
const result = await this.fetch()
|
|
if ( result ) {
|
|
for ( const banner of result ) {
|
|
if ( this.message_ids.includes(banner.id) ) continue
|
|
|
|
this.message_ids.push(banner.id)
|
|
await this.alert({
|
|
type: banner.type,
|
|
message: banner.message,
|
|
on_dismiss: (e) => {
|
|
this.dismiss(banner.id).then(() => {
|
|
this.message_ids = this.message_ids.filter(x => x !== banner.id)
|
|
})
|
|
}
|
|
})
|
|
}
|
|
}
|
|
}
|
|
|
|
stop_listener() {
|
|
clearInterval(this.listener)
|
|
}
|
|
}
|
|
|
|
const message_service = new MessageService()
|
|
export { message_service }
|