2018-08-16 22:30:59 +00:00
|
|
|
/*
|
2021-02-04 22:04:35 +00:00
|
|
|
* Copyright (c) 2010-2021 Tim Düsterhus.
|
2018-08-16 22:30:59 +00:00
|
|
|
*
|
|
|
|
* Use of this software is governed by the Business Source License
|
|
|
|
* included in the LICENSE file.
|
|
|
|
*
|
2022-03-10 17:56:18 +00:00
|
|
|
* Change Date: 2026-03-10
|
2018-08-16 22:30:59 +00:00
|
|
|
*
|
|
|
|
* On the date above, in accordance with the Business Source
|
|
|
|
* License, use of this software will be governed by version 2
|
|
|
|
* or later of the General Public License.
|
|
|
|
*/
|
|
|
|
|
|
|
|
define([
|
|
|
|
'./Button',
|
|
|
|
'../../LocalStorage',
|
|
|
|
'../../DataStructure/EventEmitter',
|
|
|
|
], function (Button, LocalStorage, EventEmitter) {
|
|
|
|
'use strict'
|
|
|
|
|
|
|
|
const DEPENDENCIES = [].concat(Button.DEPENDENCIES || [])
|
|
|
|
class ToggleButton extends Button {
|
|
|
|
constructor(element, defaultState, storageKey, ...superDeps) {
|
|
|
|
super(element, ...superDeps)
|
|
|
|
|
|
|
|
this.initialized = false
|
|
|
|
this.storage = new LocalStorage('Settings.')
|
|
|
|
|
|
|
|
this.storageKey = storageKey
|
|
|
|
if (this.storage.has(this.storageKey)) {
|
|
|
|
defaultState = this.storage.get(this.storageKey)
|
|
|
|
}
|
|
|
|
|
|
|
|
this.defaultState = defaultState
|
|
|
|
}
|
|
|
|
|
|
|
|
bootstrap() {
|
|
|
|
super.bootstrap()
|
|
|
|
|
|
|
|
if (this.defaultState) {
|
|
|
|
this.enable()
|
|
|
|
} else {
|
|
|
|
this.disable()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
get enabled() {
|
|
|
|
return this.element.classList.contains('active')
|
|
|
|
}
|
|
|
|
|
|
|
|
enable() {
|
|
|
|
this.element.classList.add('active')
|
|
|
|
|
|
|
|
if (this.storageKey != null) {
|
|
|
|
this.storage.set(this.storageKey, true)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
disable() {
|
|
|
|
this.element.classList.remove('active')
|
|
|
|
|
|
|
|
if (this.storageKey != null) {
|
|
|
|
this.storage.set(this.storageKey, false)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
onClick(event) {
|
|
|
|
super.onClick(event)
|
|
|
|
|
|
|
|
if (this.enabled) {
|
|
|
|
this.disable()
|
|
|
|
} else {
|
|
|
|
this.enable()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
EventEmitter(ToggleButton.prototype)
|
|
|
|
ToggleButton.DEPENDENCIES = DEPENDENCIES
|
|
|
|
|
|
|
|
return ToggleButton
|
|
|
|
})
|