diff options
| author | Devaev Maxim <[email protected]> | 2018-07-22 17:23:33 +0300 |
|---|---|---|
| committer | Devaev Maxim <[email protected]> | 2018-07-22 17:23:33 +0300 |
| commit | c462aedad902c57f7bd679f2da48c072652297c4 (patch) | |
| tree | 36e84245c4effe7c8e40199b63ec84a831756006 /kvmd/web/index.html | |
| parent | 41576d7f62e40ccf5455fba3fa13d45ed5363ab1 (diff) | |
smart menubar
Diffstat (limited to 'kvmd/web/index.html')
| -rw-r--r-- | kvmd/web/index.html | 37 |
1 files changed, 19 insertions, 18 deletions
diff --git a/kvmd/web/index.html b/kvmd/web/index.html index 6bdc7ad0..17538d2b 100644 --- a/kvmd/web/index.html +++ b/kvmd/web/index.html @@ -2,7 +2,7 @@ <html> <head> <meta charset="utf-8" /> - <title>π-kvm</title> + <title>Pi-KVM</title> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> @@ -20,6 +20,7 @@ <script src="js/hid.js"></script> <script src="js/msd.js"></script> <script src="js/session.js"></script> +<script src="js/ui.js"></script> <script src="js/main.js"></script> <script>window.onload = main;</script> @@ -29,27 +30,27 @@ <li class="ctl-logo"><img id="logo" src="svg/logo.svg" alt="π-kvm" /></li> <li class="ctl-right-actions"> - <div class="ctl-dropdown" tabindex="0"> - <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" /> + <div class="ctl-dropdown"> + <a class="ctl-item" href="#" onclick="ui.toggleMenu(this);"> + <img data-dont-hide-menu id="stream-led" class="led-off" src="svg/stream-led.svg" /> + <img data-dont-hide-menu id="hid-keyboard-led" class="led-off" src="svg/hid-keyboard-led.svg" /> + <img data-dont-hide-menu id="hid-mouse-led" class="led-off" src="svg/hid-mouse-led.svg" /> System ↴ </a> - <div class="ctl-dropdown-content"> + <div class="ctl-dropdown-content" style="display:none"> <button disabled id="stream-reset-button" onclick="stream.clickResetButton();">• Reset stream</button> </div> </div> </li> <li class="ctl-right-actions"> - <div class="ctl-dropdown" tabindex="0"> - <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" /> + <div class="ctl-dropdown"> + <a class="ctl-item" href="#" onclick="ui.toggleMenu(this);"> + <img data-dont-hide-menu id="atx-power-led" class="led-off" src="svg/atx-power-led.svg" /> + <img data-dont-hide-menu id="atx-hdd-led" class="led-off" src="svg/atx-hdd-led.svg" /> ATX ↴ </a> - <div class="ctl-dropdown-content"> + <div class="ctl-dropdown-content" style="display:none"> <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> @@ -59,12 +60,12 @@ </li> <li class="ctl-right-actions"> - <div class="ctl-dropdown" tabindex="0"> - <a class="ctl-item" href="#"> - <img id="msd-led" class="led-off" src="svg/msd-led.svg" /> + <div class="ctl-dropdown"> + <a class="ctl-item" href="#" onclick="ui.toggleMenu(this);"> + <img data-dont-hide-menu id="msd-led" class="led-off" src="svg/msd-led.svg" /> Mass Storage ↴ </a> - <div id="msd-menu" class="ctl-dropdown-content"> + <div data-dont-hide-menu id="msd-menu" class="ctl-dropdown-content" style="display:none"> <div id="msd-not-in-operate" style="display:none"> <div class="ctl-dropdown-content-text"> <table> @@ -125,7 +126,7 @@ <hr> <input type="file" id="msd-select-new-image-file" style="display:none;" onchange="msd.selectNewImageFile()" /> - <button disabled id="msd-select-new-image-button" class="first" onclick="document.getElementById('msd-select-new-image-file').click();">• Upload new image</button><button disabled id="msd-upload-new-image-button" class="second-half" onclick="msd.clickButton(this);">• Start</button><button disabled id="msd-abort-uploading-button" class="second-half" onclick="msd.clickButton(this);">• Abort</button> + <button disabled id="msd-select-new-image-button" class="first" onclick="document.getElementById('msd-select-new-image-file').click();">Upload new image</button><button disabled id="msd-upload-new-image-button" class="second-half" onclick="msd.clickButton(this);">Start</button><button disabled id="msd-abort-uploading-button" class="second-half" onclick="msd.clickButton(this);">Abort</button> <hr> <div id="msd-new-image" style="display:none"> @@ -148,7 +149,7 @@ <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> + <button disabled data-force-hide-menu id="msd-switch-to-kvm-button" class="first-bottom" onclick="msd.clickButton(this);">• Switch drive to KVM</button><button disabled data-force-hide-menu id="msd-switch-to-server-button" class="second-bottom" onclick="msd.clickButton(this);">• Switch drive to Server</button> </div> </div> </li> |