diff options
Diffstat (limited to 'webAO/client.ts')
| -rw-r--r-- | webAO/client.ts | 202 |
1 files changed, 8 insertions, 194 deletions
diff --git a/webAO/client.ts b/webAO/client.ts index 980fadd..806c0a5 100644 --- a/webAO/client.ts +++ b/webAO/client.ts @@ -35,6 +35,9 @@ import { packetHandler } from './packets/packetHandler' let { ip: serverIP, mode, asset, theme } = queryParser(); // Unless there is an asset URL specified, use the wasabi one const DEFAULT_HOST = "http://attorneyoffline.de/base/"; +import { showname_click } from './dom/showNameClick' +import { onReplayGo } from './dom/onReplayGo' +import { updateActionCommands } from './dom/updateActionCommands' export let AO_HOST = asset || DEFAULT_HOST; export const setAOhost = (val: string) => { AO_HOST = val @@ -619,10 +622,10 @@ class Client extends EventEmitter { const data = msg.split("%")[0]; const splitPacket = data.split('#') const packetHeader = splitPacket[0]; - - packetHandler.has(packetHeader) - ? packetHandler.get(packetHeader)(splitPacket) - : console.warn(`Invalid packet header ${packetHeader}`); + + packetHandler.has(packetHeader) + ? packetHandler.get(packetHeader)(splitPacket) + : console.warn(`Invalid packet header ${packetHeader}`); } @@ -947,29 +950,8 @@ class Client extends EventEmitter { } } -/** - * Triggered when the Return key is pressed on the out-of-character chat input box. - * @param {KeyboardEvent} event - */ -export function onOOCEnter(event: KeyboardEvent) { - if (event.keyCode === 13) { - client.sendOOC( - (<HTMLInputElement>document.getElementById("client_oocinputbox")).value - ); - (<HTMLInputElement>document.getElementById("client_oocinputbox")).value = - ""; - } -} -window.onOOCEnter = onOOCEnter; -/** - * Triggered when the user click replay GOOOOO - * @param {KeyboardEvent} event - */ -export function onReplayGo(_event: Event) { - client.handleReplay(); -} -window.onReplayGo = onReplayGo; + /** * Triggered when the Return key is pressed on the in-character chat input box. @@ -1091,100 +1073,6 @@ export function resetICParams() { } } -export function resetOffset(_event: Event) { - (<HTMLInputElement>document.getElementById("pair_offset")).value = "0"; - (<HTMLInputElement>document.getElementById("pair_y_offset")).value = "0"; -} -window.resetOffset = resetOffset; - -/** - * Triggered when the music search bar is changed - * @param {MouseEvent} event - */ -export function musiclist_filter(_event: Event) { - const musiclist_element = <HTMLSelectElement>( - document.getElementById("client_musiclist") - ); - const searchname = (<HTMLInputElement>( - document.getElementById("client_musicsearch") - )).value; - - musiclist_element.innerHTML = ""; - - for (const trackname of client.musics) { - if (trackname.toLowerCase().indexOf(searchname.toLowerCase()) !== -1) { - const newentry = <HTMLOptionElement>document.createElement("OPTION"); - newentry.text = trackname; - musiclist_element.options.add(newentry); - } - } -} -window.musiclist_filter = musiclist_filter; - -/** - * Triggered when an item on the music list is clicked. - * @param {MouseEvent} event - */ -export function musiclist_click(_event: Event) { - const playtrack = (<HTMLInputElement>( - document.getElementById("client_musiclist") - )).value; - client.sendMusicChange(playtrack); - - // This is here so you can't actually select multiple tracks, - // even though the select tag has the multiple option to render differently - const musiclist_elements = (<HTMLSelectElement>( - document.getElementById("client_musiclist") - )).selectedOptions; - for (let i = 0; i < musiclist_elements.length; i++) { - musiclist_elements[i].selected = false; - } -} -window.musiclist_click = musiclist_click; - -/** - * Triggered when a character in the mute list is clicked - * @param {MouseEvent} event - */ -export function mutelist_click(_event: Event) { - const mutelist = <HTMLSelectElement>document.getElementById("mute_select"); - const selected_character = mutelist.options[mutelist.selectedIndex]; - - if (client.chars[selected_character.value].muted === false) { - client.chars[selected_character.value].muted = true; - selected_character.text = `${client.chars[selected_character.value].name - } (muted)`; - console.info(`muted ${client.chars[selected_character.value].name}`); - } else { - client.chars[selected_character.value].muted = false; - selected_character.text = client.chars[selected_character.value].name; - } -} -window.mutelist_click = mutelist_click; - -/** - * Triggered when the showname checkboc is clicked - * @param {MouseEvent} event - */ -export function showname_click(_event: Event) { - setCookie( - "showname", - String((<HTMLInputElement>document.getElementById("showname")).checked) - ); - setCookie( - "ic_chat_name", - (<HTMLInputElement>document.getElementById("ic_chat_name")).value - ); - - const css_s = <HTMLAnchorElement>document.getElementById("nameplate_setting"); - - if ((<HTMLInputElement>document.getElementById("showname")).checked) { - css_s.href = "styles/shownames.css"; - } else { - css_s.href = "styles/nameplates.css"; - } -} -window.showname_click = showname_click; /** * Triggered when an item on the area list is clicked. @@ -1714,55 +1602,9 @@ export function updateEvidenceIcon() { } window.updateEvidenceIcon = updateEvidenceIcon; -/** - * Update evidence icon. - */ -export function updateActionCommands(side: string) { - if (side === "jud") { - document.getElementById("judge_action").style.display = "inline-table"; - document.getElementById("no_action").style.display = "none"; - } else { - document.getElementById("judge_action").style.display = "none"; - document.getElementById("no_action").style.display = "inline-table"; - } - // Update role selector - for ( - let i = 0, - role_select = <HTMLSelectElement>document.getElementById("role_select"); - i < role_select.options.length; - i++ - ) { - if (side === role_select.options[i].value) { - role_select.options.selectedIndex = i; - return; - } - } -} -window.updateActionCommands = updateActionCommands; -/** - * Change background via OOC. - */ -export function changeBackgroundOOC() { - const selectedBG = <HTMLSelectElement>document.getElementById("bg_select"); - const changeBGCommand = "bg $1"; - const bgFilename = <HTMLInputElement>document.getElementById("bg_filename"); - - let filename = ""; - if (selectedBG.selectedIndex === 0) { - filename = bgFilename.value; - } else { - filename = selectedBG.value; - } - if (mode === "join") { - client.sendOOC(`/${changeBGCommand.replace("$1", filename)}`); - } else if (mode === "replay") { - client.sendSelf(`BN#${filename}#%`); - } -} -window.changeBackgroundOOC = changeBackgroundOOC; /** * Change role via OOC. @@ -1865,34 +1707,6 @@ export function redHPP() { window.redHPP = redHPP; /** - * Update background preview. - */ -export function updateBackgroundPreview() { - const background_select = <HTMLSelectElement>( - document.getElementById("bg_select") - ); - const background_filename = <HTMLInputElement>( - document.getElementById("bg_filename") - ); - const background_preview = <HTMLImageElement>( - document.getElementById("bg_preview") - ); - - if (background_select.selectedIndex === 0) { - background_filename.style.display = "initial"; - background_preview.src = `${AO_HOST}background/${encodeURI( - background_filename.value.toLowerCase() - )}/defenseempty.png`; - } else { - background_filename.style.display = "none"; - background_preview.src = `${AO_HOST}background/${encodeURI( - background_select.value.toLowerCase() - )}/defenseempty.png`; - } -} -window.updateBackgroundPreview = updateBackgroundPreview; - -/** * Highlights and selects a menu. * @param {number} menu the menu to be selected */ |