GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2025-12-12 09:10:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

slider setValue/getValue

Browse Source
This commit is contained in:
Maxim Devaev 2021-10-18 08:46:53 +03:00
parent b4ca93dac1
commit e2873032ee
3 changed files with 22 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/share/js/kvm/mouse.js
View File

@ -66,12 +66,12 @@ export function Mouse(__getResolution, __recordWsEvent) {
let rate_slider = $("hid-mouse-rate-slider"); let rate_slider = $("hid-mouse-rate-slider");
tools.slider.setParams(rate_slider, 10, 100, 10, 100); tools.slider.setParams(rate_slider, 10, 100, 10, 100);
rate_slider.oninput = rate_slider.onchange = __updateRate; rate_slider.oninput = rate_slider.onchange = __updateRate;
rate_slider.value = tools.storage.get("hid.mouse.rate", 100); tools.slider.setValue(rate_slider, tools.storage.get("hid.mouse.rate", 100));
let sens_slider = $("hid-mouse-sens-slider"); let sens_slider = $("hid-mouse-sens-slider");
tools.slider.setParams(sens_slider, 0.1, 1.9, 0.1, 1); tools.slider.setParams(sens_slider, 0.1, 1.9, 0.1, 1);
sens_slider.oninput = sens_slider.onchange = __updateRelativeSens; sens_slider.oninput = sens_slider.onchange = __updateRelativeSens;
sens_slider.value = tools.storage.get("hid.mouse.sens", 1.0); tools.slider.setValue(sens_slider, tools.storage.get("hid.mouse.sens", 1.0));
__updateRelativeSens(); __updateRelativeSens();
tools.storage.bindSimpleSwitch($("hid-mouse-squash-switch"), "hid.mouse.squash", true); tools.storage.bindSimpleSwitch($("hid-mouse-squash-switch"), "hid.mouse.squash", true);
@ -111,7 +111,7 @@ export function Mouse(__getResolution, __recordWsEvent) {
}; };
var __updateRate = function() { var __updateRate = function() {
let rate = parseInt($("hid-mouse-rate-slider").value); let rate = tools.slider.getValue($("hid-mouse-rate-slider"));
$("hid-mouse-rate-value").innerHTML = rate; $("hid-mouse-rate-value").innerHTML = rate;
tools.storage.set("hid.mouse.rate", rate); tools.storage.set("hid.mouse.rate", rate);
if (__timer) { if (__timer) {
@ -121,7 +121,7 @@ export function Mouse(__getResolution, __recordWsEvent) {
}; };
var __updateRelativeSens = function() { var __updateRelativeSens = function() {
__relative_sens = parseFloat($("hid-mouse-sens-slider").value); __relative_sens = tools.slider.getValue($("hid-mouse-sens-slider"));
$("hid-mouse-sens-value").innerHTML = __relative_sens.toFixed(1); $("hid-mouse-sens-value").innerHTML = __relative_sens.toFixed(1);
tools.storage.set("hid.mouse.sens", __relative_sens); tools.storage.set("hid.mouse.sens", __relative_sens);
}; };

13
web/share/js/kvm/stream.js
View File

@ -508,17 +508,17 @@ export function Streamer() {
if (state.streamer) { if (state.streamer) {
tools.el.setEnabled($("stream-quality-slider"), true); tools.el.setEnabled($("stream-quality-slider"), true);
__setIfChanged($("stream-quality-slider"), state.streamer.encoder.quality, __updateQualityValue); tools.slider.setValue($("stream-quality-slider"), state.streamer.encoder.quality, __updateQualityValue);
if (state.features.h264 && __janus_enabled) { if (state.features.h264 && __janus_enabled) {
__setMinMax($("stream-h264-bitrate-slider"), state.limits.h264_bitrate); __setMinMax($("stream-h264-bitrate-slider"), state.limits.h264_bitrate);
tools.el.setEnabled($("stream-h264-bitrate-slider"), true); tools.el.setEnabled($("stream-h264-bitrate-slider"), true);
__setIfChanged($("stream-h264-bitrate-slider"), state.streamer.h264.bitrate, __updateH264BitrateValue); tools.slider.setValue($("stream-h264-bitrate-slider"), state.streamer.h264.bitrate, __updateH264BitrateValue);
} }
__setMinMax($("stream-desired-fps-slider"), state.limits.desired_fps); __setMinMax($("stream-desired-fps-slider"), state.limits.desired_fps);
tools.el.setEnabled($("stream-desired-fps-slider"), true); tools.el.setEnabled($("stream-desired-fps-slider"), true);
__setIfChanged($("stream-desired-fps-slider"), state.streamer.source.desired_fps, __updateDesiredFpsValue); tools.slider.setValue($("stream-desired-fps-slider"), state.streamer.source.desired_fps, __updateDesiredFpsValue);
let resolution_str = __makeStringResolution(state.streamer.source.resolution); let resolution_str = __makeStringResolution(state.streamer.source.resolution);
if (__makeStringResolution(__resolution) !== resolution_str) { if (__makeStringResolution(__resolution) !== resolution_str) {
@ -597,13 +597,6 @@ export function Streamer() {
el.max = limits.max; el.max = limits.max;
}; };
var __setIfChanged = function(el, value, callback) {
if (el.value !== value) {
el.value = value;
callback(value);
}
};
var __updateQualityValue = function(value) { var __updateQualityValue = function(value) {
$("stream-quality-value").innerHTML = `${value}%`; $("stream-quality-value").innerHTML = `${value}%`;
}; };

15
web/share/js/tools.js
View File

@ -162,6 +162,21 @@ export var tools = new function() {
el.step = step; el.step = step;
el.value = value; el.value = value;
}, },
"setValue": function(el, value, callback=null) {
if (el.value != value) {
el.value = value;
if (callback) {
callback(value);
}
}
},
"getValue": function(el) {
if (el.step % 1 === 0) {
return parseInt(el.value);
} else {
return parseFloat(el.value);
}
},
}; };
}; };