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

navbar change

Browse Source
This commit is contained in:
Devaev Maxim
2020-11-30 11:23:05 +03:00
parent 58d36c8fdb
commit f4a8a117c7
10 changed files with 130 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

139
web/kvm/index.html
View File

@@ -107,85 +107,85 @@
</div>
<li class="right"><a class="menu-button" href="#"><img class="led-gray" data-dont-hide-menu id="link-led" src="/share/svg/led-link.svg"><img class="led-gray" data-dont-hide-menu id="stream-led" src="/share/svg/led-stream.svg"><img class="led-gray" data-dont-hide-menu id="hid-keyboard-led" src="/share/svg/led-hid-keyboard.svg"><img class="led-gray" data-dont-hide-menu id="hid-mouse-led" src="/share/svg/led-hid-mouse.svg">System</a>
<div class="menu" data-dont-hide-menu>
<div class="buttons">
<button disabled data-force-hide-menu id="stream-screenshot-button">&bull; Take a screenshot</button>
<hr>
<button data-force-hide-menu id="show-stream-button">&bull; Show stream</button>
<button data-force-hide-menu id="show-keyboard-button">&bull; Show keyboard</button>
<button data-force-hide-menu id="show-about-button">&bull; Show about</button>
</div>
<div class="feature-disabled" id="stream-resolution">
<hr>
<div class="text">Stream resolution:
<div class="stream-param-box">
<div class="text"><b>Runtime settings &amp; tools<br></b><sub>Lower stream params may improve performance in a poor network</sub></div>
<hr>
<table class="kv" style="width: calc(100% - 20px)">
<tr class="feature-disabled" id="stream-resolution">
<td>Resolution:</td>
<td>
<select disabled data-dont-hide-menu id="stream-resolution-selector"></select>
</div>
</div>
</div>
<div class="feature-disabled" id="stream-quality">
<hr>
<div class="text">Stream quality: <span id="stream-quality-value">80%</span>
<div class="stream-param-box">
</td>
</tr>
<tr class="feature-disabled" id="stream-quality">
<td>Image quality:</td>
<td>
<input class="slider" disabled type="range" id="stream-quality-slider">
</div>
</div>
</div>
</td>
<td class="value" id="stream-quality-value">80%</td>
</tr>
<tr>
<td>Max FPS:</td>
<td>
<input class="slider" disabled type="range" id="stream-desired-fps-slider">
</td>
<td class="value" id="stream-desired-fps-value">0</td>
</tr>
<tr>
<td>Stream size:</td>
<td>
<input class="slider" type="range" id="stream-size-slider">
</td>
<td class="value" id="stream-size-value" style="width: 4em">100%</td>
</tr>
</table>
<hr>
<div class="text">Stream FPS: <span id="stream-desired-fps-value">0</span>
<div class="stream-param-box">
<input class="slider" disabled type="range" id="stream-desired-fps-slider">
</div>
</div>
<table class="kv">
<td>Auto-resize stream window:</td>
<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><span class="switch"></span></label>
</div>
</td>
</table>
<hr>
<div class="text">Stream size: <span id="stream-size-value">100%</span>
<div class="stream-param-box">
<input class="slider" type="range" id="stream-size-slider">
</div>
<div class="buttons buttons-row">
<button class="row33" data-force-hide-menu id="show-stream-button">&bull; Show stream</button>
<button class="row33" disabled data-force-hide-menu id="stream-screenshot-button">&bull; Screenshot</button>
<button class="row33" disabled id="stream-reset-button">Reset stream</button>
</div>
<hr>
<div class="text">
<table class="one-line-switch">
<td>Auto-resize stream:</td>
<div class="feature-disabled" id="mouse-squash">
<hr>
<table class="kv">
<td>Squash mouse moves:</td>
<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><span class="switch"></span></label>
<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 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">&bull; Reset stream</button>
<button disabled data-force-hide-menu id="hid-reset-button">&bull; Reset keyboard &amp; mouse</button>
<button class="feature-disabled" disabled data-force-hide-menu id="msd-reset-button">&bull; Reset drive</button>
<div class="buttons buttons-row">
<button class="row50" data-force-hide-menu id="show-keyboard-button">&bull; Show keyboard</button>
<button class="row50" disabled id="hid-reset-button">Reset HID</button>
</div>
<hr>
<div class="buttons">
<button data-force-hide-menu id="open-log-button">&bull; Open log</button>
<div class="buttons buttons-row">
<button class="row50" data-force-hide-menu id="show-about-button">&bull; Show about</button>
<button class="row50" data-force-hide-menu id="open-log-button">&bull; Open log</button>
</div>
<div class="buttons feature-disabled" id="wol">
<hr>
<button disabled id="wol-wakeup-button">&bull; Wake on LAN server</button>
<button disabled id="wol-wakeup-button">&bull; Wake-on-LAN server</button>
</div>
</div>
</li>
<li class="right feature-disabled" id="atx-dropdown"><a class="menu-button" href="#"><img class="led-gray" data-dont-hide-menu id="atx-power-led" src="/share/svg/led-atx-power.svg"><img class="led-gray" data-dont-hide-menu id="atx-hdd-led" src="/share/svg/led-atx-hdd.svg">ATX</a>
<div class="menu">
<div class="text"><b>Control the server's power<br></b><sub>Use the short click for ACPI shutdown</sub></div>
<hr>
<div class="buttons">
<button disabled id="atx-power-button">&bull; Click Power <sup><i>short</i></sup></button>
<button disabled id="atx-power-button-long">&bull; Click Power <sup><i>long</i></sup></button>
@@ -196,6 +196,8 @@
</li>
<li class="right feature-disabled" id="msd-dropdown"><a class="menu-button" href="#"><img class="led-gray" data-dont-hide-menu id="msd-led" src="/share/svg/led-msd.svg">Drive</a>
<div class="menu" data-dont-hide-menu id="msd-menu">
<div class="text"><b>Mass Storage Device emulator<br></b></div>
<hr>
<div class="hidden" id="msd-message-offline">
<div class="text">
<table>
@@ -338,7 +340,8 @@
</div>
<div class="buttons buttons-row">
<button class="row50" disabled id="msd-connect-button">Connect drive to Server</button>
<button class="row50" disabled id="msd-disconnect-button">Disconnect drive</button>
<button class="row25" disabled id="msd-disconnect-button">Disconnect</button>
<button class="row25" disabled id="msd-reset-button">Reset</button>
</div>
</div>
</li>
@@ -368,17 +371,15 @@
</tr>
</table>
<hr>
<table class="kv">
<tr>
<td>Infinite loop playback:</td>
<td colspan="2">
<div class="switch-box">
<input disabled type="checkbox" id="hid-recorder-loop-checkbox">
<label for="hid-recorder-loop-checkbox"><span class="switch-inner"></span><span class="switch"></span></label>
</div>
</td>
</tr>
</table>
<table class="kv">
<td>Infinite loop playback:</td>
<td align="right">
<div class="switch-box">
<input disabled type="checkbox" id="hid-recorder-loop-checkbox">
<label for="hid-recorder-loop-checkbox"><span class="switch-inner"></span><span class="switch"></span></label>
</div>
</td>
</table>
<hr>
<input type="file" id="hid-recorder-new-script-file">
<div class="buttons buttons-row">