interface.js
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

interface.js
View Options

	import { set, delete as del } from 'vue'

	const defaultState = {
	settings: {
	currentSaveStateNotice: null,
	noticeClearTimeout: null,
	notificationPermission: null
	},
	browserSupport: {
	cssFilter: window.CSS && window.CSS.supports && (
	window.CSS.supports('filter', 'drop-shadow(0 0)') \|\|
	window.CSS.supports('-webkit-filter', 'drop-shadow(0 0)')
	)
	},
	mobileLayout: false
	}

	const interfaceMod = {
	state: defaultState,
	mutations: {
	settingsSaved (state, { success, error }) {
	if (success) {
	if (state.noticeClearTimeout) {
	clearTimeout(state.noticeClearTimeout)
	}
	set(state.settings, 'currentSaveStateNotice', { error: false, data: success })
	set(state.settings, 'noticeClearTimeout',
	setTimeout(() => del(state.settings, 'currentSaveStateNotice'), 2000))
	} else {
	set(state.settings, 'currentSaveStateNotice', { error: true, errorData: error })
	}
	},
	setNotificationPermission (state, permission) {
	state.notificationPermission = permission
	},
	setMobileLayout (state, value) {
	state.mobileLayout = value
	}
	},
	actions: {
	setPageTitle ({ rootState }, option = '') {
	document.title = `${option} ${rootState.instance.name}`
	},
	settingsSaved ({ commit, dispatch }, { success, error }) {
	commit('settingsSaved', { success, error })
	},
	setNotificationPermission ({ commit }, permission) {
	commit('setNotificationPermission', permission)
	},
	setMobileLayout ({ commit }, value) {
	commit('setMobileLayout', value)
	}
	}
	}

	export default interfaceMod