30 lines
996 B
TypeScript
30 lines
996 B
TypeScript
|
import type { RegisterClientOptions } from '@peertube/peertube-types/client'
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Adds the front-end logic on the generated html for the channel moderation options.
|
||
|
|
* @param clientOptions Peertube client options
|
||
|
|
* @param rootEl The root element in which the template was rendered
|
||
|
|
*/
|
||
|
|
async function vivifyModerationChannel (
|
||
|
|
clientOptions: RegisterClientOptions,
|
||
|
|
rootEl: HTMLElement
|
||
|
|
): Promise<void> {
|
||
|
|
const form = rootEl.querySelector('form[livechat-moderation-channel-options]') as HTMLFormElement
|
||
|
|
if (!form) { return }
|
||
|
|
const enableBotCB = form.querySelector('input[name=bot]') as HTMLInputElement
|
||
|
|
const botEnabledEl = form.querySelector('[livechat-moderation-channel-options-bot-enabled]') as HTMLElement
|
||
|
|
|
||
|
|
const refresh: Function = () => {
|
||
|
|
botEnabledEl.style.display = enableBotCB.checked ? 'initial' : 'none'
|
||
|
|
}
|
||
|
|
|
||
|
|
enableBotCB.onclick = () => refresh()
|
||
|
|
form.onsubmit = () => false
|
||
|
|
form.onreset = () => refresh()
|
||
|
|
refresh()
|
||
|
|
}
|
||
|
|
|
||
|
|
export {
|
||
|
|
vivifyModerationChannel
|
||
|
|
}
|