diff options
Diffstat (limited to 'web/kvm/navbar.pug')
| -rw-r--r-- | web/kvm/navbar.pug | 231 |
1 files changed, 6 insertions, 225 deletions
diff --git a/web/kvm/navbar.pug b/web/kvm/navbar.pug index 33fb4d4f..5d713193 100644 --- a/web/kvm/navbar.pug +++ b/web/kvm/navbar.pug @@ -26,229 +26,10 @@ ul(id="navbar") a(id="logo" href="/") ← img(class="svg-gray" src=`${svg_dir}/logo.svg` alt="π-kvm") - div(id="hw-health-dropdown" class="hidden") - li(class="left") - a(class="menu-button" href="#") - img(data-dont-hide-menu id="hw-health-undervoltage-led" class="hidden" src=`${svg_dir}/led-undervoltage.svg`) - img(data-dont-hide-menu id="hw-health-overheating-led" class="hidden" src=`${svg_dir}/led-overheating.svg`) - | ↴ - div(data-dont-hide-menu class="menu") - +menu_message("warning", "Raspberry Pi's health is at risk") - | This is not a drill! A red icon indicates a current issue,#[br] - | a yellow one that was observed since the device booted up - div(id="hw-health-message-undervoltage" class="hidden") - hr - +menu_message("led-undervoltage", "Undervoltage detected", "led-gray") - | Make sure your power supply and cabling are providing#[br] - | enough power to the Raspberry Pi (3A minimum) - div(id="hw-health-message-overheating" class="hidden") - hr - +menu_message("led-overheating", "Overheating detected", "led-gray") - | Frequency capping due to overheating,#[br] - | improve cooling of the Raspberry Pi + include navbar-health.pug - li(class="right") - a(class="menu-button" href="#") - +navbar_led("link-led", "led-link") - +navbar_led("stream-led", "led-stream") - +navbar_led("hid-keyboard-led", "led-hid-keyboard") - +navbar_led("hid-mouse-led", "led-hid-mouse") - | System ↴ - div(data-dont-hide-menu class="menu") - div(class="buttons") - button(disabled data-force-hide-menu id="stream-screenshot-button") • Take a screenshot - hr - button(data-force-hide-menu id="show-stream-button") • Show stream - button(data-force-hide-menu id="show-keyboard-button") • Show keyboard - button(data-force-hide-menu id="show-about-button") • Show about - div(id="stream-resolution" class="feature-disabled") - hr - div(class="text") - | Stream resolution: - div(class="stream-param-box") - select(disabled data-dont-hide-menu id="stream-resolution-selector") - div(id="stream-quality" class="feature-disabled") - hr - div(class="text") - | Stream quality: #[span(id="stream-quality-value") 80%] - div(class="stream-param-box") - input(disabled type="range" id="stream-quality-slider" class="slider") - hr - div(class="text") - | Stream FPS: #[span(id="stream-desired-fps-value") 0] - div(class="stream-param-box") - input(disabled type="range" id="stream-desired-fps-slider" class="slider") - hr - div(class="text") - | Stream size: #[span(id="stream-size-value") 100%] - div(class="stream-param-box") - input(type="range" id="stream-size-slider" class="slider") - hr - div(class="text") - table(class="one-line-switch") - td Auto-resize stream: - td(align="right") - +switch("stream-auto-resize-checkbox") - hr - div(class="buttons") - button(disabled data-force-hide-menu id="stream-reset-button") • Reset stream - button(disabled data-force-hide-menu id="hid-reset-button") • Reset keyboard & mouse - button(disabled data-force-hide-menu id="msd-reset-button" class="feature-disabled") • Reset mass storage - hr - div(class="buttons") - button(data-force-hide-menu id="open-log-button") • Open log - div(id="wol" class="buttons feature-disabled") - hr - button(disabled id="wol-wakeup-button") • Wake on LAN server - - li(id="atx-dropdown" class="right feature-disabled") - a(class="menu-button" href="#") - +navbar_led("atx-power-led", "led-atx-power") - +navbar_led("atx-hdd-led", "led-atx-hdd") - | ATX ↴ - div(class="menu") - div(class="buttons") - button(disabled id="atx-power-button") • Click Power #[sup #[i short]] - button(disabled id="atx-power-button-long") • Click Power #[sup #[i long]] - hr - button(disabled id="atx-reset-button") • Click Reset - - li(id="msd-dropdown" class="right feature-disabled") - a(class="menu-button" href="#") - +navbar_led("msd-led", "led-msd") - | Mass Storage ↴ - div(data-dont-hide-menu id="msd-menu" class="menu") - div(id="msd-message-offline" class="hidden") - +menu_message("warning", "Mass Storage Device is offline") - hr - div(id="msd-message-image-broken" class="hidden") - +menu_message("warning", "Current image is broken!") - | Perhaps uploading was interrupted#[br] - hr - div(id="msd-message-too-big-for-cdrom" class="hidden") - +menu_message("warning", "Current image is too big for CD-ROM!") - | The device filesystem will be truncated to 2.2GiB - hr - div(id="msd-message-out-of-storage" class="hidden") - +menu_message("warning", "Current image is out of storag") - | This image was connected manually using #[b kvmd-otgmsd] - hr - div(id="msd-message-another-user-uploads" class="hidden") - +menu_message("info", "Another user uploads an image") - hr - table(class="kv") - tr - td Status: - td(id="msd-status" class="value") - hr - table(class="kv msd-single-storage feature-disabled") - tr - td Current image: - td(id="msd-image-name" class="value") - tr - td Image size: - td(id="msd-image-size" class="value") - tr - td Storage size: - td(id="msd-storage-size" class="value") - table(class="kv msd-multi-storage feature-disabled") - tr - td Image: - td(width="100%") #[select(disabled id="msd-image-selector")] - td #[button(disabled id="msd-remove-image") Remove] - table(class="kv msd-multi-storage feature-disabled") - tr(class="msd-cdrom-emulation feature-disabled") - td Emulate CD-ROM drive: - td - +switch("msd-emulate-cdrom-checkbox") - div(class="msd-multi-storage feature-disabled") - hr - div(class="text") - div(id="msd-storage-progress" class="progress") - span(id="msd-storage-progress-value" class="progress-value") - hr - input(type="file" id="msd-select-new-image-file" class="hidden") - div(class="buttons buttons-row") - button(disabled id="msd-select-new-image-button" class="row50") Upload new image - button(disabled id="msd-upload-new-image-button" class="row25") Start - button(disabled id="msd-abort-uploading-button" class="row25") Abort - hr - div(id="msd-submenu-new-image" class="hidden") - table(class="kv") - tr - td New image: - td(id="msd-new-image-name" class="value") - tr - td Upload size: - td(id="msd-new-image-size" class="value") - hr - div(class="text") - div(id="msd-uploading-progress" class="progress") - span(id="msd-uploading-progress-value" class="progress-value") - hr - div(class="buttons buttons-row") - button(disabled data-force-hide-menu id="msd-connect-button" class="row50") • Connect drive to Server - button(disabled data-force-hide-menu id="msd-disconnect-button" class="row50") • Disconnect drive - - li(class="right") - a(class="menu-button" href="#") - +navbar_led("hid-recorder-led", "led-gear") - | Macro ↴ - div(data-dont-hide-menu class="menu") - div(class="text") - b Record and play keyboard & mouse actions#[br] - sub For security reasons, the record will not saved on Pi-KVM - div(class="buttons buttons-row") - button(disabled data-force-hide-menu id="hid-recorder-record" class="row25") • Rec - button(disabled id="hid-recorder-stop" class="row25") Stop - button(disabled id="hid-recorder-play" class="row25") Play - button(disabled id="hid-recorder-clear" class="row25") Clear - hr - table(class="kv") - tr - td Script time: - td(colspan="2" id="hid-recorder-time" class="value") 00:00:00.0 - tr - td Scripted events: - td(id="hid-recorder-events-count" class="value") 0 - td #[sup #[i include delays]] - hr - input(type="file" id="hid-recorder-new-script-file") - div(class="buttons buttons-row") - button(disabled id="hid-recorder-upload" class="row50") Upload script - button(disabled id="hid-recorder-download" class="row50") Download script - - li(class="right") - a(class="menu-button" href="#") Shortcuts ↴ - div(data-dont-hide-menu class="menu") - div(class="buttons") - textarea(id="hid-pak-text" placeholder="Paste your text here") - hr - button(disabled data-force-hide-menu id="hid-pak-button") • ↳ Paste-as-Keys #[sup #[i ascii-only]] - hr - div(class="buttons-row") - button(data-force-hide-menu data-shortcut="CapsLock" class="row50") - | • Caps Lock - img(class="inline-lamp hid-keyboard-caps-led led-gray" src=`${svg_dir}/led-square.svg`) - button(data-force-hide-menu data-shortcut="MetaLeft" class="row50") • Left Win - hr - button(data-force-hide-menu data-shortcut="AltLeft ShiftLeft") • Alt+Shift - button(data-force-hide-menu data-shortcut="ControlLeft ShiftLeft") • Ctrl+Shift - button(data-force-hide-menu data-shortcut="ShiftLeft ShiftRight") • Shift+Shift - button(data-force-hide-menu data-shortcut="MetaLeft Space") • Win+Space - hr - button(data-force-hide-menu data-shortcut="ControlLeft KeyW") • Ctrl+W - button(data-force-hide-menu data-shortcut="AltLeft Tab") • Alt+Tab - button(data-force-hide-menu data-shortcut="AltLeft Enter") • Alt+Enter - button(data-force-hide-menu data-shortcut="AltLeft F4") • Alt+F4 - hr - button(data-force-hide-menu data-shortcut="ControlLeft AltLeft Delete") • Ctrl+Alt+Del - hr - div(class="text") - | ↓ Alt+SysRq+... <sup><i>linux magic - | #[a(target="_blank" href="https://www.kernel.org/doc/html/latest/admin-guide/sysrq.html") help]</i></sup> - hr - div(class="buttons") - div(class="buttons-row") - each key in ["R", "E", "I", "S", "U", "B"] - button(data-shortcut=`AltLeft PrintScreen Key${key}` class="row16") #{key} + include navbar-system.pug + include navbar-atx.pug + include navbar-msd.pug + include navbar-macro.pug + include navbar-shortcuts.pug |