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-09-17 14:23:02 +00:00
|
|
|
* Change Date: 2026-09-17
|
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(['WoltLabSuite/Core/Ui/Screen'], function (UiScreen) {
|
|
|
|
'use strict'
|
|
|
|
|
|
|
|
const initialized = Symbol('initialized')
|
|
|
|
|
|
|
|
class Mobile {
|
|
|
|
constructor() {
|
|
|
|
this[initialized] = false
|
|
|
|
}
|
|
|
|
|
|
|
|
bootstrap() {
|
|
|
|
UiScreen.on('screen-md-down', {
|
|
|
|
match: this.enable.bind(this),
|
|
|
|
unmatch: this.disable.bind(this),
|
|
|
|
setup: this.init.bind(this),
|
|
|
|
})
|
|
|
|
}
|
|
|
|
|
|
|
|
init() {
|
|
|
|
if (this[initialized]) return
|
|
|
|
|
|
|
|
this[initialized] = true
|
|
|
|
|
|
|
|
this.initQuickSettings()
|
|
|
|
}
|
|
|
|
|
|
|
|
enable() {}
|
|
|
|
|
|
|
|
disable() {}
|
|
|
|
|
|
|
|
initQuickSettings() {
|
|
|
|
const navigation = elBySel('#chatQuickSettingsNavigation > ul')
|
|
|
|
const quickSettings = elById('chatQuickSettings')
|
|
|
|
|
|
|
|
navigation.addEventListener(WCF_CLICK_EVENT, (event) => {
|
|
|
|
event.stopPropagation()
|
|
|
|
|
|
|
|
// mimic dropdown behavior
|
|
|
|
window.setTimeout(() => {
|
|
|
|
navigation.classList.remove('open')
|
|
|
|
}, 10)
|
|
|
|
})
|
|
|
|
|
|
|
|
quickSettings.addEventListener(WCF_CLICK_EVENT, (event) => {
|
|
|
|
event.preventDefault()
|
|
|
|
event.stopPropagation()
|
|
|
|
|
|
|
|
navigation.classList.toggle('open')
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return Mobile
|
|
|
|
})
|