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

refactoring

Browse Source
This commit is contained in:
Maxim Devaev
2025-01-30 10:34:36 +02:00
parent 4039ae0483
commit 697ef549b9
23 changed files with 1150 additions and 1065 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
web/kvm/window-stream.pug
View File

@@ -1,49 +1,50 @@
div(id="stream-ocr-window" class="window")
div(id="stream-ocr-selection" class="hidden")
.window#stream-ocr-window
.hidden#stream-ocr-selection
div(id="stream-window" class="window window-resizable")
div(id="stream-window-header" class="window-header")
div(class="window-grab") MJPEG
button(class="window-button-close") #[b ×]
button(class="window-button-maximize") ☐
button(class="window-button-original") •
button(class="window-button-enter-full-tab") ▲
button(class="window-button-full-screen") ⤢
.window.window-resizable#stream-window
.window-header#stream-window-header
.window-grab MJPEG
button.window-button-close #[b ×]
button.window-button-maximize ☐
button.window-button-original •
button.window-button-enter-full-tab ▲
button.window-button-full-screen ⤢
div(id="stream-info")
#stream-info
button(class="window-button-exit-full-tab") ▼
div(id="stream-box" class="stream-box-offline")
img(id="stream-image" src=`${png_dir}/blank-stream.png`)
video(id="stream-video" class="hidden" disablePictureInPicture="true" autoplay playsinline muted)
canvas(id="stream-canvas" class="hidden")
div(id="stream-fullscreen-active")
button.window-button-exit-full-tab ▼
div(id="stream-mouse-buttons" class="keypad" align="center")
div(class="keypad-block")
div(class="keypad-row")
div(data-code="left" class="key wide-3 left rounded-left")
div(class="label") Left
div(data-code="left" class="modifier left small rounded-right")
div(class="label") #[b •]#[br]Hold
.stream-box-offline#stream-box
img#stream-image(src=`${png_dir}/blank-stream.png`)
video.hidden#stream-video(disablePictureInPicture="true" autoplay playsinline muted)
canvas.hidden#stream-canvas
#stream-fullscreen-active
div(class="empty" style="width:15px")
.keypad#stream-mouse-buttons(align="center")
.keypad-block
.keypad-row
.key.wide-3.left.rounded-left(data-code="left")
.label Left
.modifier.left.small.rounded-right(data-code="left")
.label #[b •]#[br]Hold
div(data-code="middle" class="key wide-1 left rounded-left")
div(class="label") Mid
div(data-code="middle" class="modifier left small rounded-right")
div(class="label") #[b •]#[br]Hold
.empty(style="width: 15px")
div(class="empty" style="width:15px")
.key.wide-1.left.rounded-left(data-code="middle")
.label Mid
.modifier.left.small.rounded-right(data-code="middle")
.label #[b •]#[br]Hold
div(data-code="right" class="modifier right small rounded-left")
div(class="label") #[b •]#[br]Hold
div(data-code="right" class="key wide-3 right rounded-right")
div(class="label") Right
.empty(style="width: 15px")
div(class="empty" style="width:30px")
.modifier.right.small.rounded-left(data-code="right")
.label #[b •]#[br]Hold
.key.wide-3.right.rounded-right(data-code="right")
.label Right
div(data-code="up" class="key small rounded-left")
div(class="label") Up
div(data-code="down" class="key small rounded-right")
div(class="label") Down
.empty(style="width: 30px")
.key.small.rounded-left(data-code="up")
.label Up
.key.small.rounded-right(data-code="down")
.label Down