mirror of
https://github.com/mofeng-git/One-KVM.git
synced 2025-12-13 01:30:31 +08:00
optional relative squashing
This commit is contained in:
parent
afcd6408bb
commit
b83ba7692a
@ -154,6 +154,20 @@
|
||||
</td>
|
||||
</table>
|
||||
</div>
|
||||
<div class="feature-disabled" id="mouse-squash">
|
||||
<hr>
|
||||
<div class="text">
|
||||
<table class="one-line-switch">
|
||||
<td>Squash mouse moves:</td>
|
||||
<td align="right">
|
||||
<div class="switch-box">
|
||||
<input checked type="checkbox" id="mouse-squash-checkbox">
|
||||
<label for="mouse-squash-checkbox"><span class="switch-inner"></span><span class="switch"></span></label>
|
||||
</div>
|
||||
</td>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="buttons">
|
||||
<button disabled data-force-hide-menu id="stream-reset-button">• Reset stream</button>
|
||||
|
||||
@ -35,15 +35,10 @@ li(class="right")
|
||||
div(class="stream-param-box")
|
||||
input(type="range" id="stream-size-slider" class="slider")
|
||||
hr
|
||||
div(class="text")
|
||||
table(class="one-line-switch")
|
||||
td Auto-resize stream:
|
||||
td(align="right")
|
||||
div(class="switch-box")
|
||||
input(checked type="checkbox" id="stream-auto-resize-checkbox")
|
||||
label(for="stream-auto-resize-checkbox")
|
||||
span(class="switch-inner")
|
||||
span(class="switch")
|
||||
+menu_switch("stream-auto-resize-checkbox", "Auto-resize stream")
|
||||
div(id="mouse-squash" class="feature-disabled")
|
||||
hr
|
||||
+menu_switch("mouse-squash-checkbox", "Squash mouse moves")
|
||||
hr
|
||||
div(class="buttons")
|
||||
button(disabled data-force-hide-menu id="stream-reset-button") • Reset stream
|
||||
|
||||
@ -13,6 +13,17 @@ mixin menu_message(icon, short, classes="")
|
||||
sup(style="line-height:1")
|
||||
block
|
||||
|
||||
mixin menu_switch(id, title)
|
||||
div(class="text")
|
||||
table(class="one-line-switch")
|
||||
td #{title}:
|
||||
td(align="right")
|
||||
div(class="switch-box")
|
||||
input(checked type="checkbox" id=id)
|
||||
label(for=id)
|
||||
span(class="switch-inner")
|
||||
span(class="switch")
|
||||
|
||||
ul(id="navbar")
|
||||
li(class="left")
|
||||
a(id="logo" href="/") ←
|
||||
|
||||
@ -88,6 +88,7 @@ export function Mouse(record_callback) {
|
||||
if (__absolute && !state.absolute) {
|
||||
__relative_deltas = [];
|
||||
}
|
||||
tools.featureSetEnabled($("mouse-squash"), !state.absolute);
|
||||
__absolute = state.absolute;
|
||||
__updateOnlineLeds();
|
||||
};
|
||||
@ -136,6 +137,10 @@ export function Mouse(record_callback) {
|
||||
return (document.pointerLockElement === $("stream-box"));
|
||||
};
|
||||
|
||||
var __isRelativeSquashed = function() {
|
||||
return $("mouse-squash-checkbox").checked;
|
||||
};
|
||||
|
||||
var __relativeCapturedHandler = function() {
|
||||
tools.info("Relative mouse", (__isRelativeCaptured() ? "captured" : "released"), "by pointer lock");
|
||||
__updateOnlineLeds();
|
||||
@ -183,7 +188,12 @@ export function Mouse(record_callback) {
|
||||
x: Math.min(Math.max(-127, event.movementX), 127),
|
||||
y: Math.min(Math.max(-127, event.movementY), 127),
|
||||
};
|
||||
if (__isRelativeSquashed()) {
|
||||
__relative_deltas.push(delta);
|
||||
} else {
|
||||
tools.debug("Mouse: relative:", delta);
|
||||
__sendEvent("mouse_relative", {"delta": delta});
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user