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

spoiler for mouse settings

Browse Source
This commit is contained in:
Maxim Devaev 2022-08-20 05:06:59 +03:00
parent 35363bbde8
commit 43fff98059
4 changed files with 64 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
web/kvm/index.html
View File

@ -250,39 +250,46 @@
</tr> </tr>
</table> </table>
</div> </div>
<details>
<summary>Mouse settings</summary>
<div class="spoiler">
<table class="kv">
<tr>
<td>Mouse polling rate:</td>
<td>
<input class="slider" type="range" id="hid-mouse-rate-slider">
</td>
<td class="value" id="hid-mouse-rate-value" style="min-width: 30px; max-width:30px"></td>
</tr>
<tr class="feature-disabled" id="hid-mouse-sens">
<td>Relative mouse sensitivity:</td>
<td>
<input class="slider" disabled type="range" id="hid-mouse-sens-slider">
</td>
<td class="value" id="hid-mouse-sens-value" style="min-width: 30px; max-width:30px"></td>
</tr>
<tr class="feature-disabled" id="hid-mouse-squash">
<td>Squash relative mouse moves:</td>
<td align="right">
<div class="switch-box">
<input checked type="checkbox" id="hid-mouse-squash-switch">
<label for="hid-mouse-squash-switch"><span class="switch-inner"></span><span class="switch"></span></label>
</div>
</td>
</tr>
<tr>
<td>Reverse mouse scrolling:</td>
<td align="right">
<div class="switch-box">
<input type="checkbox" id="hid-mouse-reverse-scrolling-switch">
<label for="hid-mouse-reverse-scrolling-switch"><span class="switch-inner"></span><span class="switch"></span></label>
</div>
</td>
</tr>
</table>
</div>
</details>
<table class="kv"> <table class="kv">
<tr>
<td>Mouse polling rate:</td>
<td>
<input class="slider" type="range" id="hid-mouse-rate-slider">
</td>
<td class="value" id="hid-mouse-rate-value" style="min-width: 30px; max-width:30px"></td>
</tr>
<tr class="feature-disabled" id="hid-mouse-sens">
<td>Relative mouse sensitivity:</td>
<td>
<input class="slider" disabled type="range" id="hid-mouse-sens-slider">
</td>
<td class="value" id="hid-mouse-sens-value" style="min-width: 30px; max-width:30px"></td>
</tr>
<tr class="feature-disabled" id="hid-mouse-squash">
<td>Squash relative mouse moves:</td>
<td align="right">
<div class="switch-box">
<input checked type="checkbox" id="hid-mouse-squash-switch">
<label for="hid-mouse-squash-switch"><span class="switch-inner"></span><span class="switch"></span></label>
</div>
</td>
</tr>
<tr>
<td>Reverse mouse scrolling:</td>
<td align="right">
<div class="switch-box">
<input type="checkbox" id="hid-mouse-reverse-scrolling-switch">
<label for="hid-mouse-reverse-scrolling-switch"><span class="switch-inner"></span><span class="switch"></span></label>
</div>
</td>
</tr>
<tr class="feature-disabled" id="hid-connect"> <tr class="feature-disabled" id="hid-connect">
<td>Connect HID to Server:</td> <td>Connect HID to Server:</td>
<td align="right"> <td align="right">

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

@ -64,19 +64,23 @@ li(class="right")
tr(id="hid-outputs-mouse", class="feature-disabled") tr(id="hid-outputs-mouse", class="feature-disabled")
td Mouse #[a(target="_blank" href="https://docs.pikvm.org/mouse") mode]: td Mouse #[a(target="_blank" href="https://docs.pikvm.org/mouse") mode]:
td #[div(id="hid-outputs-mouse-box" class="radio-box")] td #[div(id="hid-outputs-mouse-box" class="radio-box")]
details
summary Mouse settings
div(class="spoiler")
table(class="kv")
tr
td Mouse polling rate:
td #[input(type="range" id="hid-mouse-rate-slider" class="slider")]
td(id="hid-mouse-rate-value" class="value" style="min-width: 30px; max-width:30px")
tr(id="hid-mouse-sens" class="feature-disabled")
td Relative mouse sensitivity:
td #[input(disabled type="range" id="hid-mouse-sens-slider" class="slider")]
td(id="hid-mouse-sens-value" class="value" style="min-width: 30px; max-width:30px")
tr(id="hid-mouse-squash" class="feature-disabled")
+menu_switch_notable("hid-mouse-squash-switch", "Squash relative mouse moves", true, true)
tr
+menu_switch_notable("hid-mouse-reverse-scrolling-switch", "Reverse mouse scrolling", true, false)
table(class="kv") table(class="kv")
tr
td Mouse polling rate:
td #[input(type="range" id="hid-mouse-rate-slider" class="slider")]
td(id="hid-mouse-rate-value" class="value" style="min-width: 30px; max-width:30px")
tr(id="hid-mouse-sens" class="feature-disabled")
td Relative mouse sensitivity:
td #[input(disabled type="range" id="hid-mouse-sens-slider" class="slider")]
td(id="hid-mouse-sens-value" class="value" style="min-width: 30px; max-width:30px")
tr(id="hid-mouse-squash" class="feature-disabled")
+menu_switch_notable("hid-mouse-squash-switch", "Squash relative mouse moves", true, true)
tr
+menu_switch_notable("hid-mouse-reverse-scrolling-switch", "Reverse mouse scrolling", true, false)
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)
tr tr

9
web/share/css/navbar.css
View File

@ -127,9 +127,16 @@ ul#navbar li div.menu details summary {
cursor: pointer; cursor: pointer;
outline: none; outline: none;
text-decoration: underline; text-decoration: underline;
margin: 0 15px 0 15px; margin: 8px 15px 8px 15px;
font-size: 12px; font-size: 12px;
} }
ul#navbar li div.menu details div.spoiler {
margin-left: 20px !important;
border-left: var(--border-default-thin);
}
ul#navbar li div.menu details summary::marker {
color: var(--cs-marker-fg);
}
ul#navbar li div.menu div.buttons { ul#navbar li div.menu div.buttons {
background-color: var(--cs-control-default-bg); background-color: var(--cs-control-default-bg);

1
web/share/css/vars.css
View File

@ -66,6 +66,7 @@
--cs-key-pressed-fg: #6c7481; --cs-key-pressed-fg: #6c7481;
--cs-key-holded-bg: #436a8a; --cs-key-holded-bg: #436a8a;
--cs-marker-fg: #5b90bb;
--cs-corner-bg: #5b90bb; --cs-corner-bg: #5b90bb;
--shadow-micro: 1px 2px 4px 0 rgba(0, 0, 0, 0.4); --shadow-micro: 1px 2px 4px 0 rgba(0, 0, 0, 0.4);