Tims-Chat/files_wcf/js/Bastelstu.be/Chat/Ui/Mobile.js

/*
 * Copyright (c) 2010-2024 Tim Düsterhus.
 *
 * Use of this software is governed by the Business Source License
 * included in the LICENSE file.
 *
 * Change Date: 2028-06-15
 *
 * 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
})