mirror of
https://github.com/mofeng-git/One-KVM.git
synced 2025-12-12 17:20:30 +08:00
158 lines
4.9 KiB
HTML
158 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>π-kvm</title>
|
|
<link rel="stylesheet" href="css/main.css">
|
|
</head>
|
|
|
|
<script src="js/tools.js"></script>
|
|
<script src="js/stream.js"></script>
|
|
<script src="js/atx.js"></script>
|
|
<script src="js/keyboard.js"></script>
|
|
<script src="js/mouse.js"></script>
|
|
<script src="js/hid.js"></script>
|
|
<script src="js/msd.js"></script>
|
|
<script src="js/session.js"></script>
|
|
<script src="js/main.js"></script>
|
|
|
|
<script>window.onload = main;</script>
|
|
|
|
<body>
|
|
<ul id="ctl">
|
|
<li class="ctl-left"><img id="logo" src="svg/logo.svg" alt="π-kvm" /></li>
|
|
|
|
<li class="ctl-right-sep">
|
|
<div class="ctl-dropdown">
|
|
<a class="ctl-item" href="#">
|
|
<img id="stream-led" class="led-off" src="svg/stream-led.svg" />
|
|
<img id="hid-keyboard-led" class="led-off" src="svg/hid-keyboard-led.svg" />
|
|
<img id="hid-mouse-led" class="led-off" src="svg/hid-mouse-led.svg" />
|
|
System ↴
|
|
</a>
|
|
<div class="ctl-dropdown-content">
|
|
<button disabled id="stream-reset-button" onclick="stream.clickResetButton();">• Reset stream</button>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
<li class="ctl-right-sep">
|
|
<div class="ctl-dropdown">
|
|
<a class="ctl-item" href="#">
|
|
<img id="atx-power-led" class="led-off" src="svg/atx-power-led.svg" />
|
|
<img id="atx-hdd-led" class="led-off" src="svg/atx-hdd-led.svg" />
|
|
ATX ↴
|
|
</a>
|
|
<div class="ctl-dropdown-content">
|
|
<button disabled id="atx-power-button" onclick="atx.clickButton(this);">• Click Power <sup><i>short</i></sup></button>
|
|
<button disabled id="atx-power-button-long" onclick="atx.clickButton(this);">• Click Power <sup><i>long</i></sup></button>
|
|
<hr>
|
|
<button disabled id="atx-reset-button" onclick="atx.clickButton(this);">• Click Reset</button>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
<li class="ctl-right-sep">
|
|
<div class="ctl-dropdown">
|
|
<a class="ctl-item" href="#">
|
|
<img id="msd-led" class="led-off" src="svg/msd-led.svg" />
|
|
Mass Storage ↴
|
|
</a>
|
|
<div class="ctl-dropdown-content">
|
|
<div id="msd-not-in-operate" style="display:none">
|
|
<div class="ctl-dropdown-content-text">
|
|
<table>
|
|
<tr>
|
|
<td><img src="svg/warning.svg" /></td>
|
|
<td><b>Mass Storage Device is not operational</b></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<hr>
|
|
</div>
|
|
|
|
<div id="msd-current-image-broken" style="display:none">
|
|
<div class="ctl-dropdown-content-text">
|
|
<table>
|
|
<tr>
|
|
<td><img src="svg/warning.svg" /></td>
|
|
<td><b>Current image is broken!</b><br><sub>Perhaps uploading was interrupted</sub></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<hr>
|
|
</div>
|
|
|
|
<div id="msd-another-another-user-uploads" style="display:none">
|
|
<div class="ctl-dropdown-content-text">
|
|
<table>
|
|
<tr>
|
|
<td><img src="svg/info.svg" /></td>
|
|
<td><b>Another user uploads an image</b></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<hr>
|
|
</div>
|
|
|
|
<table id="msd-info">
|
|
<tr>
|
|
<td>Status: </td>
|
|
<td id="msd-status"></td>
|
|
</tr>
|
|
</table>
|
|
<hr>
|
|
|
|
<table id="msd-info">
|
|
<tr>
|
|
<td>Image name:</td>
|
|
<td id="msd-current-image-name"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Image size:</td>
|
|
<td id="msd-current-image-size"></td>
|
|
</tr>
|
|
<td>Storage size:</td>
|
|
<td id="msd-storage-size"></td>
|
|
</tr>
|
|
</table>
|
|
<hr>
|
|
|
|
<input type="file" id="msd-select-new-image-file" style="display:none;" onchange="msd.selectNewImageFile(this)" />
|
|
<button disabled id="msd-select-new-image-button" class="first" onclick="document.getElementById('msd-select-new-image-file').click();">• Upload new image <b>⇨</button><button disabled id="msd-upload-new-image-button" class="second-half-first" onclick="msd.clickButton(this);">• Start</button><button disabled id="msd-abort-uploading-button" class="second-half-second" onclick="msd.clickButton(this);">• Abort</button>
|
|
<hr>
|
|
|
|
<div id="msd-new-image" style="display:none">
|
|
<table id="msd-info">
|
|
<tr>
|
|
<td>Image name:</td>
|
|
<td id="msd-new-image-name"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Upload size:</td>
|
|
<td id="msd-new-image-size"></td>
|
|
</tr>
|
|
</table>
|
|
<hr>
|
|
<div class="ctl-dropdown-content-text">
|
|
<div id="msd-progress">
|
|
<span id="msd-progress-value"></span>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
</div>
|
|
|
|
<button disabled id="msd-switch-to-kvm-button" class="first-bottom" onclick="msd.clickButton(this);">• Switch drive to KVM</button><button disabled id="msd-switch-to-server-button" class="second-bottom" onclick="msd.clickButton(this);">• Switch drive to Server</button>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="centered">
|
|
<div id="stream-box">
|
|
<img src="/streamer/?action=stream" id="stream-image" class="stream-image-inactive" alt="Loading..." />
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|