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

web: Option to hide blue dot

Browse Source
This commit is contained in:
Maxim Devaev 2024-02-16 18:49:38 +02:00
parent 9d33bb93ea
commit 22140106c4
4 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/kvm/index.html
View File

@ -337,6 +337,15 @@
</td> </td>
<td class="value-number" id="hid-mouse-scroll-value"></td> <td class="value-number" id="hid-mouse-scroll-value"></td>
</tr> </tr>
<tr>
<td>Show the blue dot:</td>
<td align="right">
<div class="switch-box">
<input checked type="checkbox" id="hid-mouse-dot-switch">
<label for="hid-mouse-dot-switch"><span class="switch-inner"></span><span class="switch"></span></label>
</div>
</td>
</tr>
</table> </table>
</div> </div>
</details> </details>

2
web/kvm/navbar-system.pug
View File

@ -100,6 +100,8 @@ li(id="system-dropdown" class="right")
td Scroll rate: td Scroll rate:
td(class="value-slider") #[input(type="range" id="hid-mouse-scroll-slider" class="slider")] td(class="value-slider") #[input(type="range" id="hid-mouse-scroll-slider" class="slider")]
td(id="hid-mouse-scroll-value" class="value-number") td(id="hid-mouse-scroll-value" class="value-number")
tr
+menu_switch_notable("hid-mouse-dot-switch", "Show the blue dot", true, true)
table(class="kv") table(class="kv")
tr(id="hid-connect" class="feature-disabled") tr(id="hid-connect" class="feature-disabled")
+menu_switch_notable("hid-connect-switch", "Connect HID to Server", true, true) +menu_switch_notable("hid-connect-switch", "Connect HID to Server", true, true)

5
web/share/css/kvm/stream.css
View File

@ -77,9 +77,12 @@ div.stream-box-offline::after {
display: inline-block; display: inline-block;
background: radial-gradient(transparent 20%, black); background: radial-gradient(transparent 20%, black);
} }
div.stream-box-mouse-enabled { div.stream-box-mouse-dot {
cursor: url("../../svg/stream-mouse-cursor.svg") 5 5, pointer; cursor: url("../../svg/stream-mouse-cursor.svg") 5 5, pointer;
} }
div.stream-box-mouse-none {
cursor: none;
}
img#stream-image, img#stream-image,
video#stream-video { video#stream-video {

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

@ -76,13 +76,14 @@ export function Mouse(__getGeometry, __recordWsEvent) {
let cumulative_scrolling = !(tools.browser.is_firefox && !tools.browser.is_mac); let cumulative_scrolling = !(tools.browser.is_firefox && !tools.browser.is_mac);
tools.storage.bindSimpleSwitch($("hid-mouse-cumulative-scrolling-switch"), "hid.mouse.cumulative_scrolling", cumulative_scrolling); tools.storage.bindSimpleSwitch($("hid-mouse-cumulative-scrolling-switch"), "hid.mouse.cumulative_scrolling", cumulative_scrolling);
tools.slider.setParams($("hid-mouse-scroll-slider"), 1, 25, 1, tools.storage.get("hid.mouse.scroll_rate", 5), __updateScrollRate); tools.slider.setParams($("hid-mouse-scroll-slider"), 1, 25, 1, tools.storage.get("hid.mouse.scroll_rate", 5), __updateScrollRate);
tools.storage.bindSimpleSwitch($("hid-mouse-dot-switch"), "hid.mouse.dot", true, __updateOnlineLeds);
}; };
/************************************************************************/ /************************************************************************/
self.setSocket = function(ws) { self.setSocket = function(ws) {
__ws = ws; __ws = ws;
$("stream-box").classList.toggle("stream-box-mouse-enabled", ws);
if (!__absolute && __isRelativeCaptured()) { if (!__absolute && __isRelativeCaptured()) {
document.exitPointerLock(); document.exitPointerLock();
} }
@ -168,6 +169,15 @@ export function Mouse(__getGeometry, __recordWsEvent) {
} }
$("hid-mouse-led").className = led; $("hid-mouse-led").className = led;
$("hid-mouse-led").title = title; $("hid-mouse-led").title = title;
if (__absolute && is_captured) {
let dot = $("hid-mouse-dot-switch").checked;
$("stream-box").classList.toggle("stream-box-mouse-dot", (dot && __ws));
$("stream-box").classList.toggle("stream-box-mouse-none", (!dot && __ws));
} else {
$("stream-box").classList.toggle("stream-box-mouse-dot", false);
$("stream-box").classList.toggle("stream-box-mouse-none", false);
}
}; };
var __isRelativeCaptured = function() { var __isRelativeCaptured = function() {