diff options
Diffstat (limited to 'web/share/js/kvm')
-rw-r--r-- | web/share/js/kvm/atx.js | 6 | ||||
-rw-r--r-- | web/share/js/kvm/gpio.js | 14 | ||||
-rw-r--r-- | web/share/js/kvm/hid.js | 60 | ||||
-rw-r--r-- | web/share/js/kvm/main.js | 2 | ||||
-rw-r--r-- | web/share/js/kvm/msd.js | 78 | ||||
-rw-r--r-- | web/share/js/kvm/recorder.js | 26 | ||||
-rw-r--r-- | web/share/js/kvm/session.js | 10 | ||||
-rw-r--r-- | web/share/js/kvm/stream.js | 62 |
8 files changed, 129 insertions, 129 deletions
diff --git a/web/share/js/kvm/atx.js b/web/share/js/kvm/atx.js index 3ec04351..b787eccf 100644 --- a/web/share/js/kvm/atx.js +++ b/web/share/js/kvm/atx.js @@ -47,7 +47,7 @@ export function Atx() { Warning! This could case data loss on the server. `], ]) { - tools.setOnClick($(args[0]), () => __clickButton(args[1], args[2])); + tools.el.setOnClick($(args[0]), () => __clickButton(args[1], args[2])); } }; @@ -56,7 +56,7 @@ export function Atx() { self.setState = function(state) { let buttons_enabled = false; if (state) { - tools.featureSetEnabled($("atx-dropdown"), state.enabled); + tools.feature.setEnabled($("atx-dropdown"), state.enabled); $("atx-power-led").className = (state.busy ? "led-yellow" : (state.leds.power ? "led-green" : "led-gray")); $("atx-hdd-led").className = (state.leds.hdd ? "led-red" : "led-gray"); buttons_enabled = !state.busy; @@ -65,7 +65,7 @@ export function Atx() { $("atx-hdd-led").className = "led-gray"; } for (let id of ["atx-power-button", "atx-power-button-long", "atx-reset-button"]) { - wm.setElementEnabled($(id), buttons_enabled); + tools.el.setEnabled($(id), buttons_enabled); } }; diff --git a/web/share/js/kvm/gpio.js b/web/share/js/kvm/gpio.js index d1969f39..e1c93553 100644 --- a/web/share/js/kvm/gpio.js +++ b/web/share/js/kvm/gpio.js @@ -48,7 +48,7 @@ export function Gpio() { for (let type of ["switch", "button"]) { let el = $(`gpio-${type}-${channel}`); if (el) { - wm.setElementEnabled(el, state.outputs[channel].online && !state.outputs[channel].busy); + tools.el.setEnabled(el, state.outputs[channel].online && !state.outputs[channel].busy); } } let el = $(`gpio-switch-${channel}`); @@ -62,7 +62,7 @@ export function Gpio() { } for (let selector of [".gpio-switch", ".gpio-button"]) { for (let el of $$$(selector)) { - wm.setElementEnabled(el, false); + tools.el.setEnabled(el, false); } } } @@ -70,7 +70,7 @@ export function Gpio() { }; self.setModel = function(model) { - tools.featureSetEnabled($("gpio-dropdown"), model.view.table.length); + tools.feature.setEnabled($("gpio-dropdown"), model.view.table.length); if (model.view.table.length) { $("gpio-menu-button").innerHTML = `${model.view.header.title}`; } @@ -96,16 +96,16 @@ export function Gpio() { for (let channel in model.scheme.outputs) { let el = $(`gpio-switch-${channel}`); if (el) { - tools.setOnClick(el, __createAction(el, __switchChannel)); + tools.el.setOnClick(el, __createAction(el, __switchChannel)); } el = $(`gpio-button-${channel}`); if (el) { - tools.setOnClick(el, __createAction(el, __pulseChannel)); + tools.el.setOnClick(el, __createAction(el, __pulseChannel)); } } - tools.featureSetEnabled($("v3-usb-breaker"), ("__v3_usb_breaker__" in model.scheme.outputs)); - tools.featureSetEnabled($("wol"), ("__wol__" in model.scheme.outputs)); + tools.feature.setEnabled($("v3-usb-breaker"), ("__v3_usb_breaker__" in model.scheme.outputs)); + tools.feature.setEnabled($("wol"), ("__wol__" in model.scheme.outputs)); self.setState(__state); }; diff --git a/web/share/js/kvm/hid.js b/web/share/js/kvm/hid.js index f5d02dec..374148c4 100644 --- a/web/share/js/kvm/hid.js +++ b/web/share/js/kvm/hid.js @@ -75,7 +75,7 @@ export function Hid(__getResolution) { window.addEventListener("blur", __releaseAll); $("hid-pak-ask-switch").checked = parseInt(tools.storage.get("hid.pak.ask", "1")); - tools.setOnClick($("hid-pak-ask-switch"), function() { + tools.el.setOnClick($("hid-pak-ask-switch"), function() { tools.storage.set("hid.pak.ask", ($("hid-pak-ask-switch").checked ? 1 : 0)); }, false); @@ -83,21 +83,21 @@ export function Hid(__getResolution) { tools.storage.set("hid.pak.keymap", $("hid-pak-keymap-selector").value); }); - tools.setOnClick($("hid-pak-button"), __clickPasteAsKeysButton); - tools.setOnClick($("hid-connect-switch"), __clickConnectSwitch); - tools.setOnClick($("hid-reset-button"), __clickResetButton); + tools.el.setOnClick($("hid-pak-button"), __clickPasteAsKeysButton); + tools.el.setOnClick($("hid-connect-switch"), __clickConnectSwitch); + tools.el.setOnClick($("hid-reset-button"), __clickResetButton); for (let el_shortcut of $$$("[data-shortcut]")) { - tools.setOnClick(el_shortcut, () => __emitShortcut(el_shortcut.getAttribute("data-shortcut").split(" "))); + tools.el.setOnClick(el_shortcut, () => __emitShortcut(el_shortcut.getAttribute("data-shortcut").split(" "))); } }; /************************************************************************/ self.setSocket = function(ws) { - wm.setElementEnabled($("hid-pak-text"), ws); - wm.setElementEnabled($("hid-pak-button"), ws); - wm.setElementEnabled($("hid-reset-button"), ws); + tools.el.setEnabled($("hid-pak-text"), ws); + tools.el.setEnabled($("hid-pak-button"), ws); + tools.el.setEnabled($("hid-reset-button"), ws); if (!ws) { self.setState(null); } @@ -121,14 +121,14 @@ export function Hid(__getResolution) { ["Off", "disabled"], ]) { if (keyboard_outputs.includes(args[1])) { - html += tools.radioMakeItem("hid-outputs-keyboard-radio", args[0], args[1]); + html += tools.radio.makeItem("hid-outputs-keyboard-radio", args[0], args[1]); } } $("hid-outputs-keyboard-box").innerHTML = html; $("hid-outputs-keyboard-box").outputs = keyboard_outputs; - tools.radioSetOnClick("hid-outputs-keyboard-radio", () => __clickOutputsRadio("keyboard")); + tools.radio.setOnClick("hid-outputs-keyboard-radio", () => __clickOutputsRadio("keyboard")); } - tools.radioSetValue("hid-outputs-keyboard-radio", state.keyboard.outputs.active); + tools.radio.setValue("hid-outputs-keyboard-radio", state.keyboard.outputs.active); } let has_relative = false; if (mouse_outputs.length) { @@ -141,32 +141,32 @@ export function Hid(__getResolution) { ["Off", "disabled"], ]) { if (mouse_outputs.includes(args[1])) { - html += tools.radioMakeItem("hid-outputs-mouse-radio", args[0], args[1]); + html += tools.radio.makeItem("hid-outputs-mouse-radio", args[0], args[1]); has_relative = (has_relative || args[2]); } } $("hid-outputs-mouse-box").innerHTML = html; $("hid-outputs-mouse-box").outputs = mouse_outputs; - tools.radioSetOnClick("hid-outputs-mouse-radio", () => __clickOutputsRadio("mouse")); + tools.radio.setOnClick("hid-outputs-mouse-radio", () => __clickOutputsRadio("mouse")); } - tools.radioSetValue("hid-outputs-mouse-radio", state.mouse.outputs.active); + tools.radio.setValue("hid-outputs-mouse-radio", state.mouse.outputs.active); has_relative_squash = ["usb_rel", "ps2"].includes(state.mouse.outputs.active); } else { has_relative = !state.mouse.absolute; has_relative_squash = has_relative; } - tools.featureSetEnabled($("hid-outputs"), (keyboard_outputs.length || mouse_outputs.length)); - tools.featureSetEnabled($("hid-outputs-keyboard"), keyboard_outputs.length); - tools.featureSetEnabled($("hid-outputs-mouse"), mouse_outputs.length); - tools.featureSetEnabled($("hid-mouse-squash"), has_relative); - tools.featureSetEnabled($("hid-connect"), (state.connected !== null)); + tools.feature.setEnabled($("hid-outputs"), (keyboard_outputs.length || mouse_outputs.length)); + tools.feature.setEnabled($("hid-outputs-keyboard"), keyboard_outputs.length); + tools.feature.setEnabled($("hid-outputs-mouse"), mouse_outputs.length); + tools.feature.setEnabled($("hid-mouse-squash"), has_relative); + tools.feature.setEnabled($("hid-connect"), (state.connected !== null)); $("hid-connect-switch").checked = !!state.connected; } - wm.setRadioEnabled("hid-outputs-keyboard-radio", (state && state.online && !state.busy)); - wm.setRadioEnabled("hid-outputs-mouse-radio", (state && state.online && !state.busy)); - wm.setElementEnabled($("hid-mouse-squash-switch"), (has_relative_squash && !state.busy)); - wm.setElementEnabled($("hid-connect-switch"), (state && state.online && !state.busy)); + tools.radio.setEnabled("hid-outputs-keyboard-radio", (state && state.online && !state.busy)); + tools.radio.setEnabled("hid-outputs-mouse-radio", (state && state.online && !state.busy)); + tools.el.setEnabled($("hid-mouse-squash-switch"), (has_relative_squash && !state.busy)); + tools.el.setEnabled($("hid-connect-switch"), (state && state.online && !state.busy)); if (state) { __keyboard.setState(state.keyboard, state.online, state.busy); @@ -218,9 +218,9 @@ export function Hid(__getResolution) { let text = $("hid-pak-text").value; if (text) { let paste_as_keys = function() { - wm.setElementEnabled($("hid-pak-text"), false); - wm.setElementEnabled($("hid-pak-button"), false); - wm.setElementEnabled($("hid-pak-keymap-selector"), false); + tools.el.setEnabled($("hid-pak-text"), false); + tools.el.setEnabled($("hid-pak-button"), false); + tools.el.setEnabled($("hid-pak-keymap-selector"), false); let keymap = $("hid-pak-keymap-selector").value; @@ -228,9 +228,9 @@ export function Hid(__getResolution) { let http = tools.makeRequest("POST", `/api/hid/print?limit=0&keymap=${keymap}`, function() { if (http.readyState === 4) { - wm.setElementEnabled($("hid-pak-text"), true); - wm.setElementEnabled($("hid-pak-button"), true); - wm.setElementEnabled($("hid-pak-keymap-selector"), true); + tools.el.setEnabled($("hid-pak-text"), true); + tools.el.setEnabled($("hid-pak-button"), true); + tools.el.setEnabled($("hid-pak-keymap-selector"), true); $("hid-pak-text").value = ""; if (http.status === 413) { wm.error("Too many text for paste!"); @@ -260,7 +260,7 @@ export function Hid(__getResolution) { }; var __clickOutputsRadio = function(hid) { - let output = tools.radioGetValue(`hid-outputs-${hid}-radio`); + let output = tools.radio.getValue(`hid-outputs-${hid}-radio`); let http = tools.makeRequest("POST", `/api/hid/set_params?${hid}_output=${output}`, function() { if (http.readyState === 4) { if (http.status !== 200) { diff --git a/web/share/js/kvm/main.js b/web/share/js/kvm/main.js index 8150a852..8ab47b2c 100644 --- a/web/share/js/kvm/main.js +++ b/web/share/js/kvm/main.js @@ -40,7 +40,7 @@ export function main() { initWindowManager(); - tools.setOnClick($("open-log-button"), () => window.open("/api/log?seek=3600&follow=1", "_blank")); + tools.el.setOnClick($("open-log-button"), () => window.open("/api/log?seek=3600&follow=1", "_blank")); wm.showWindow($("stream-window")); diff --git a/web/share/js/kvm/msd.js b/web/share/js/kvm/msd.js index e7ed1070..eb9cacd9 100644 --- a/web/share/js/kvm/msd.js +++ b/web/share/js/kvm/msd.js @@ -40,20 +40,20 @@ export function Msd() { $("msd-led").title = "Unknown state"; $("msd-image-selector").onchange = __selectImage; - tools.setOnClick($("msd-remove-image"), __clickRemoveImageButton); + tools.el.setOnClick($("msd-remove-image"), __clickRemoveImageButton); - tools.radioSetOnClick("msd-mode-radio", __clickModeRadio); + tools.radio.setOnClick("msd-mode-radio", __clickModeRadio); $("msd-select-new-image-file").onchange = __selectNewImageFile; - tools.setOnClick($("msd-select-new-image-button"), () => $("msd-select-new-image-file").click()); + tools.el.setOnClick($("msd-select-new-image-button"), () => $("msd-select-new-image-file").click()); - tools.setOnClick($("msd-upload-new-image-button"), __clickUploadNewImageButton); - tools.setOnClick($("msd-abort-uploading-button"), __clickAbortUploadingButton); + tools.el.setOnClick($("msd-upload-new-image-button"), __clickUploadNewImageButton); + tools.el.setOnClick($("msd-abort-uploading-button"), __clickAbortUploadingButton); - tools.setOnClick($("msd-connect-button"), () => __clickConnectButton(true)); - tools.setOnClick($("msd-disconnect-button"), () => __clickConnectButton(false)); + tools.el.setOnClick($("msd-connect-button"), () => __clickConnectButton(true)); + tools.el.setOnClick($("msd-disconnect-button"), () => __clickConnectButton(false)); - tools.setOnClick($("msd-reset-button"), __clickResetButton); + tools.el.setOnClick($("msd-reset-button"), __clickResetButton); }; /************************************************************************/ @@ -64,8 +64,8 @@ export function Msd() { }; var __selectImage = function() { - wm.setElementEnabled($("msd-image-selector"), false); - wm.setElementEnabled($("msd-remove-image"), false); + tools.el.setEnabled($("msd-image-selector"), false); + tools.el.setEnabled($("msd-remove-image"), false); __sendParam("image", $("msd-image-selector").value); }; @@ -85,7 +85,7 @@ export function Msd() { }; var __clickModeRadio = function() { - __sendParam("cdrom", tools.radioGetValue("msd-mode-radio")); + __sendParam("cdrom", tools.radio.getValue("msd-mode-radio")); }; var __sendParam = function(name, value) { @@ -122,7 +122,7 @@ export function Msd() { __upload_http.onreadystatechange = null; __upload_http.abort(); __upload_http = null; - tools.progressSetValue($("msd-uploading-progress"), "Aborted", 0); + tools.progress.setValue($("msd-uploading-progress"), "Aborted", 0); }; var __clickConnectButton = function(connected) { @@ -135,7 +135,7 @@ export function Msd() { __applyState(); }); __applyState(); - wm.setElementEnabled($(`msd-${connected ? "connect" : "disconnect"}-button`), false); + tools.el.setEnabled($(`msd-${connected ? "connect" : "disconnect"}-button`), false); }; var __selectNewImageFile = function() { @@ -180,42 +180,42 @@ export function Msd() { let used = s.storage.size - s.storage.free; let used_str = tools.formatSize(used); $("msd-storage-size").innerHTML = size_str; - tools.progressSetValue($("msd-storage-progress"), `Storage: ${used_str} of ${size_str}`, used / s.storage.size * 100); + tools.progress.setValue($("msd-storage-progress"), `Storage: ${used_str} of ${size_str}`, used / s.storage.size * 100); } else { $("msd-storage-size").innerHTML = "Unavailable"; - tools.progressSetValue($("msd-storage-progress"), "Storage: unavailable", 0); + tools.progress.setValue($("msd-storage-progress"), "Storage: unavailable", 0); } - wm.setElementEnabled($("msd-image-selector"), (online && s.features.multi && !s.drive.connected && !s.busy)); + tools.el.setEnabled($("msd-image-selector"), (online && s.features.multi && !s.drive.connected && !s.busy)); __applyStateImageSelector(); - wm.setElementEnabled($("msd-remove-image"), (online && s.features.multi && s.drive.image && !s.drive.connected && !s.busy)); + tools.el.setEnabled($("msd-remove-image"), (online && s.features.multi && s.drive.image && !s.drive.connected && !s.busy)); - wm.setRadioEnabled("msd-mode-radio", (online && s.features.cdrom && !s.drive.connected && !s.busy)); - tools.radioSetValue("msd-mode-radio", `${Number(online && s.features.cdrom && s.drive.cdrom)}`); + tools.radio.setEnabled("msd-mode-radio", (online && s.features.cdrom && !s.drive.connected && !s.busy)); + tools.radio.setValue("msd-mode-radio", `${Number(online && s.features.cdrom && s.drive.cdrom)}`); - wm.setElementEnabled($("msd-connect-button"), (online && (!s.features.multi || s.drive.image) && !s.drive.connected && !s.busy)); - wm.setElementEnabled($("msd-disconnect-button"), (online && s.drive.connected && !s.busy)); + tools.el.setEnabled($("msd-connect-button"), (online && (!s.features.multi || s.drive.image) && !s.drive.connected && !s.busy)); + tools.el.setEnabled($("msd-disconnect-button"), (online && s.drive.connected && !s.busy)); - wm.setElementEnabled($("msd-select-new-image-button"), (online && !s.drive.connected && !__upload_http && !s.busy)); - wm.setElementEnabled($("msd-upload-new-image-button"), (online && !s.drive.connected && __image_file && !s.busy)); - wm.setElementEnabled($("msd-abort-uploading-button"), (online && __upload_http)); + tools.el.setEnabled($("msd-select-new-image-button"), (online && !s.drive.connected && !__upload_http && !s.busy)); + tools.el.setEnabled($("msd-upload-new-image-button"), (online && !s.drive.connected && __image_file && !s.busy)); + tools.el.setEnabled($("msd-abort-uploading-button"), (online && __upload_http)); - wm.setElementEnabled($("msd-reset-button"), (s && s.enabled && !s.busy)); + tools.el.setEnabled($("msd-reset-button"), (s && s.enabled && !s.busy)); let uploading = (online ? (s.storage.uploading || __image_file) : null); - tools.hiddenSetVisible($("msd-submenu-new-image"), uploading); + tools.hidden.setVisible($("msd-submenu-new-image"), uploading); $("msd-new-image-name").innerHTML = (uploading ? uploading.name : ""); $("msd-new-image-size").innerHTML = (uploading ? tools.formatSize(uploading.size) : ""); if (online) { if (s.storage.uploading) { let percent = Math.round(s.storage.uploading.written * 100 / s.storage.uploading.size); - tools.progressSetValue($("msd-uploading-progress"), `${percent}%`, percent); + tools.progress.setValue($("msd-uploading-progress"), `${percent}%`, percent); } else if (!__upload_http) { - tools.progressSetValue($("msd-uploading-progress"), "Waiting for upload (press UPLOAD button) ...", 0); + tools.progress.setValue($("msd-uploading-progress"), "Waiting for upload (press UPLOAD button) ...", 0); } } else { $("msd-select-new-image-file").value = ""; - tools.progressSetValue($("msd-uploading-progress"), "", 0); + tools.progress.setValue($("msd-uploading-progress"), "", 0); } }; @@ -224,27 +224,27 @@ export function Msd() { let online = (s && s.online); if (s) { - tools.featureSetEnabled($("msd-dropdown"), s.enabled); - tools.featureSetEnabled($("msd-reset-button"), s.enabled); + tools.feature.setEnabled($("msd-dropdown"), s.enabled); + tools.feature.setEnabled($("msd-reset-button"), s.enabled); for (let el of $$$(".msd-single-storage")) { - tools.featureSetEnabled(el, !s.features.multi); + tools.feature.setEnabled(el, !s.features.multi); } for (let el of $$$(".msd-multi-storage")) { - tools.featureSetEnabled(el, s.features.multi); + tools.feature.setEnabled(el, s.features.multi); } for (let el of $$$(".msd-cdrom-emulation")) { - tools.featureSetEnabled(el, s.features.cdrom); + tools.feature.setEnabled(el, s.features.cdrom); } } - tools.hiddenSetVisible($("msd-message-offline"), (s && !s.online)); - tools.hiddenSetVisible($("msd-message-image-broken"), + tools.hidden.setVisible($("msd-message-offline"), (s && !s.online)); + tools.hidden.setVisible($("msd-message-image-broken"), (online && s.drive.image && !s.drive.image.complete && !s.storage.uploading)); - tools.hiddenSetVisible($("msd-message-too-big-for-cdrom"), + tools.hidden.setVisible($("msd-message-too-big-for-cdrom"), (online && s.features.cdrom && s.drive.cdrom && s.drive.image && s.drive.image.size >= 2359296000)); - tools.hiddenSetVisible($("msd-message-out-of-storage"), + tools.hidden.setVisible($("msd-message-out-of-storage"), (online && s.features.multi && s.drive.image && !s.drive.image.in_storage)); - tools.hiddenSetVisible($("msd-message-another-user-uploads"), + tools.hidden.setVisible($("msd-message-another-user-uploads"), (online && s.storage.uploading && !__upload_http)); }; diff --git a/web/share/js/kvm/recorder.js b/web/share/js/kvm/recorder.js index 6057696a..e3b40667 100644 --- a/web/share/js/kvm/recorder.js +++ b/web/share/js/kvm/recorder.js @@ -41,14 +41,14 @@ export function Recorder() { var __last_event_ts = 0; var __init__ = function() { - tools.setOnClick($("hid-recorder-record"), __startRecord); - tools.setOnClick($("hid-recorder-stop"), __stopProcess); - tools.setOnClick($("hid-recorder-play"), __playRecord); - tools.setOnClick($("hid-recorder-clear"), __clearRecord); + tools.el.setOnClick($("hid-recorder-record"), __startRecord); + tools.el.setOnClick($("hid-recorder-stop"), __stopProcess); + tools.el.setOnClick($("hid-recorder-play"), __playRecord); + tools.el.setOnClick($("hid-recorder-clear"), __clearRecord); $("hid-recorder-new-script-file").onchange = __uploadScript; - tools.setOnClick($("hid-recorder-upload"), () => $("hid-recorder-new-script-file").click()); - tools.setOnClick($("hid-recorder-download"), __downloadScript); + tools.el.setOnClick($("hid-recorder-upload"), () => $("hid-recorder-new-script-file").click()); + tools.el.setOnClick($("hid-recorder-download"), __downloadScript); }; /************************************************************************/ @@ -241,14 +241,14 @@ export function Recorder() { $("hid-recorder-led").title = ""; } - wm.setElementEnabled($("hid-recorder-record"), (__ws && !__play_timer && !__recording)); - wm.setElementEnabled($("hid-recorder-stop"), (__ws && (__play_timer || __recording))); - wm.setElementEnabled($("hid-recorder-play"), (__ws && !__recording && __events.length)); - wm.setElementEnabled($("hid-recorder-clear"), (!__play_timer && !__recording && __events.length)); - wm.setElementEnabled($("hid-recorder-loop-switch"), (__ws && !__recording)); + tools.el.setEnabled($("hid-recorder-record"), (__ws && !__play_timer && !__recording)); + tools.el.setEnabled($("hid-recorder-stop"), (__ws && (__play_timer || __recording))); + tools.el.setEnabled($("hid-recorder-play"), (__ws && !__recording && __events.length)); + tools.el.setEnabled($("hid-recorder-clear"), (!__play_timer && !__recording && __events.length)); + tools.el.setEnabled($("hid-recorder-loop-switch"), (__ws && !__recording)); - wm.setElementEnabled($("hid-recorder-upload"), (!__play_timer && !__recording)); - wm.setElementEnabled($("hid-recorder-download"), (!__play_timer && !__recording && __events.length)); + tools.el.setEnabled($("hid-recorder-upload"), (!__play_timer && !__recording)); + tools.el.setEnabled($("hid-recorder-download"), (!__play_timer && !__recording && __events.length)); __setCounters(__events.length, __events_time); }; diff --git a/web/share/js/kvm/session.js b/web/share/js/kvm/session.js index 12eb46fd..af328f56 100644 --- a/web/share/js/kvm/session.js +++ b/web/share/js/kvm/session.js @@ -97,11 +97,11 @@ export function Session() { let undervoltage = (flags.undervoltage.now || flags.undervoltage.past); let freq_capped = (flags.freq_capped.now || flags.freq_capped.past); - tools.hiddenSetVisible($("hw-health-dropdown"), (undervoltage || freq_capped)); + tools.hidden.setVisible($("hw-health-dropdown"), (undervoltage || freq_capped)); $("hw-health-undervoltage-led").className = (undervoltage ? (flags.undervoltage.now ? "led-red" : "led-yellow") : "hidden"); $("hw-health-overheating-led").className = (freq_capped ? (flags.freq_capped.now ? "led-red" : "led-yellow") : "hidden"); - tools.hiddenSetVisible($("hw-health-message-undervoltage"), undervoltage); - tools.hiddenSetVisible($("hw-health-message-overheating"), freq_capped); + tools.hidden.setVisible($("hw-health-message-undervoltage"), undervoltage); + tools.hidden.setVisible($("hw-health-message-overheating"), freq_capped); } }; @@ -120,7 +120,7 @@ export function Session() { $("webterm-iframe").src = ""; }; } - tools.featureSetEnabled($("webterm"), has_webterm); + tools.feature.setEnabled($("webterm"), has_webterm); $("webterm-window").show_hook = show_hook; $("webterm-window").close_hook = close_hook; @@ -206,7 +206,7 @@ export function Session() { let http = tools.makeRequest("GET", "/api/auth/check", function() { if (http.readyState === 4) { if (http.status === 200) { - __ws = new WebSocket(`${tools.https ? "wss" : "ws"}://${location.host}/api/ws`); + __ws = new WebSocket(`${tools.is_https ? "wss" : "ws"}://${location.host}/api/ws`); __ws.onopen = __wsOpenHandler; __ws.onmessage = __wsMessageHandler; __ws.onerror = __wsErrorHandler; diff --git a/web/share/js/kvm/stream.js b/web/share/js/kvm/stream.js index 065a0b39..c56ca15c 100644 --- a/web/share/js/kvm/stream.js +++ b/web/share/js/kvm/stream.js @@ -76,7 +76,7 @@ function _JanusStreamer(__setActive, __setInactive, __setInfo) { __ensuring = true; __logInfo("Starting Janus ..."); __janus = new _Janus({ - server: `${tools.https ? "wss" : "ws"}://${location.host}/janus/ws`, + server: `${tools.is_https ? "wss" : "ws"}://${location.host}/janus/ws`, ipv6: true, destroyOnUnload: false, success: __attachJanus, @@ -371,7 +371,7 @@ function _MjpegStreamer(__setActive, __setInactive, __setInfo) { }; var __findId = function() { - let stream_client = tools.getCookie("stream_client"); + let stream_client = tools.cookies.get("stream_client"); if (__id.length === 0 && stream_client && stream_client.startsWith(__key + "/")) { __logInfo("Found acceptable stream_client cookie:", stream_client); __id = stream_client.slice(stream_client.indexOf("/") + 1); @@ -427,21 +427,21 @@ export function Streamer() { $("stream-led").title = "Stream inactive"; - tools.sliderSetParams($("stream-quality-slider"), 5, 100, 5, 80); - tools.sliderSetOnUp($("stream-quality-slider"), 1000, __updateQualityValue, (value) => __sendParam("quality", value)); + tools.slider.setParams($("stream-quality-slider"), 5, 100, 5, 80); + tools.slider.setOnUp($("stream-quality-slider"), 1000, __updateQualityValue, (value) => __sendParam("quality", value)); - tools.sliderSetParams($("stream-h264-bitrate-slider"), 100, 16000, 100, 5000); - tools.sliderSetOnUp($("stream-h264-bitrate-slider"), 1000, __updateH264BitrateValue, (value) => __sendParam("h264_bitrate", value)); + tools.slider.setParams($("stream-h264-bitrate-slider"), 100, 16000, 100, 5000); + tools.slider.setOnUp($("stream-h264-bitrate-slider"), 1000, __updateH264BitrateValue, (value) => __sendParam("h264_bitrate", value)); - tools.sliderSetParams($("stream-desired-fps-slider"), 0, 120, 1, 0); - tools.sliderSetOnUp($("stream-desired-fps-slider"), 1000, __updateDesiredFpsValue, (value) => __sendParam("desired_fps", value)); + tools.slider.setParams($("stream-desired-fps-slider"), 0, 120, 1, 0); + tools.slider.setOnUp($("stream-desired-fps-slider"), 1000, __updateDesiredFpsValue, (value) => __sendParam("desired_fps", value)); $("stream-resolution-selector").onchange = (() => __sendParam("resolution", $("stream-resolution-selector").value)); - tools.radioSetOnClick("stream-mode-radio", __clickModeRadio, false); + tools.radio.setOnClick("stream-mode-radio", __clickModeRadio, false); - tools.setOnClick($("stream-screenshot-button"), __clickScreenshotButton); - tools.setOnClick($("stream-reset-button"), __clickResetButton); + tools.el.setOnClick($("stream-screenshot-button"), __clickScreenshotButton); + tools.el.setOnClick($("stream-reset-button"), __clickResetButton); $("stream-window").show_hook = () => __applyState(__state); $("stream-window").close_hook = () => __applyState(null); @@ -457,9 +457,9 @@ export function Streamer() { let supported = !!window.RTCPeerConnection; let set_enabled = function() { __janus_enabled = (enabled && supported && _Janus !== null); - tools.featureSetEnabled($("stream-mode"), __janus_enabled); + tools.feature.setEnabled($("stream-mode"), __janus_enabled); tools.info(`Stream: Janus WebRTC state: enabled=${enabled}, supported=${supported}, imported=${!!_Janus}`); - tools.radioClickValue("stream-mode-radio", tools.storage.get("stream.mode", "mjpeg")); + tools.radio.clickValue("stream-mode-radio", tools.storage.get("stream.mode", "mjpeg")); self.setState(__state); }; if (enabled && supported) { @@ -493,22 +493,22 @@ export function Streamer() { var __applyState = function(state) { if (state) { - tools.featureSetEnabled($("stream-quality"), state.features.quality && (state.streamer === null || state.streamer.encoder.quality > 0)); - tools.featureSetEnabled($("stream-h264-bitrate"), state.features.h264 && __janus_enabled); - tools.featureSetEnabled($("stream-resolution"), state.features.resolution); + tools.feature.setEnabled($("stream-quality"), state.features.quality && (state.streamer === null || state.streamer.encoder.quality > 0)); + tools.feature.setEnabled($("stream-h264-bitrate"), state.features.h264 && __janus_enabled); + tools.feature.setEnabled($("stream-resolution"), state.features.resolution); if (state.streamer) { - wm.setElementEnabled($("stream-quality-slider"), true); + tools.el.setEnabled($("stream-quality-slider"), true); __setIfChanged($("stream-quality-slider"), state.streamer.encoder.quality, __updateQualityValue); if (state.features.h264 && __janus_enabled) { __setMinMax($("stream-h264-bitrate-slider"), state.limits.h264_bitrate); - wm.setElementEnabled($("stream-h264-bitrate-slider"), true); + tools.el.setEnabled($("stream-h264-bitrate-slider"), true); __setIfChanged($("stream-h264-bitrate-slider"), state.streamer.h264.bitrate, __updateH264BitrateValue); } __setMinMax($("stream-desired-fps-slider"), state.limits.desired_fps); - wm.setElementEnabled($("stream-desired-fps-slider"), true); + tools.el.setEnabled($("stream-desired-fps-slider"), true); __setIfChanged($("stream-desired-fps-slider"), state.streamer.source.desired_fps, __updateDesiredFpsValue); let resolution_str = __makeStringResolution(state.streamer.source.resolution); @@ -529,14 +529,14 @@ export function Streamer() { $("stream-resolution-selector").resolutions = state.limits.available_resolutions; } document.querySelector(`#stream-resolution-selector [value="${resolution_str}"]`).selected = true; - wm.setElementEnabled($("stream-resolution-selector"), true); + tools.el.setEnabled($("stream-resolution-selector"), true); } } else { - wm.setElementEnabled($("stream-quality-slider"), false); - wm.setElementEnabled($("stream-h264-bitrate-slider"), false); - wm.setElementEnabled($("stream-desired-fps-slider"), false); - wm.setElementEnabled($("stream-resolution-selector"), false); + tools.el.setEnabled($("stream-quality-slider"), false); + tools.el.setEnabled($("stream-h264-bitrate-slider"), false); + tools.el.setEnabled($("stream-desired-fps-slider"), false); + tools.el.setEnabled($("stream-resolution-selector"), false); } __streamer.ensureStream(state.streamer); @@ -549,15 +549,15 @@ export function Streamer() { var __setActive = function() { $("stream-led").className = "led-green"; $("stream-led").title = "Stream is active"; - wm.setElementEnabled($("stream-screenshot-button"), true); - wm.setElementEnabled($("stream-reset-button"), true); + tools.el.setEnabled($("stream-screenshot-button"), true); + tools.el.setEnabled($("stream-reset-button"), true); }; var __setInactive = function() { $("stream-led").className = "led-gray"; $("stream-led").title = "Stream inactive"; - wm.setElementEnabled($("stream-screenshot-button"), false); - wm.setElementEnabled($("stream-reset-button"), false); + tools.el.setEnabled($("stream-screenshot-button"), false); + tools.el.setEnabled($("stream-reset-button"), false); }; var __setInfo = function(is_active, online, text) { @@ -609,11 +609,11 @@ export function Streamer() { var __clickModeRadio = function() { if (_Janus !== null) { - let mode = tools.radioGetValue("stream-mode-radio"); + let mode = tools.radio.getValue("stream-mode-radio"); tools.storage.set("stream.mode", mode); if (mode !== __streamer.getMode()) { - tools.hiddenSetVisible($("stream-image"), (mode !== "janus")); - tools.hiddenSetVisible($("stream-video"), (mode === "janus")); + tools.hidden.setVisible($("stream-image"), (mode !== "janus")); + tools.hidden.setVisible($("stream-video"), (mode === "janus")); if (mode === "janus") { __streamer.stopStream(); __streamer = new _JanusStreamer(__setActive, __setInactive, __setInfo); |