summaryrefslogtreecommitdiff
path: root/web/kvm/window-stream.pug
blob: cbe998e3300f0e88658e5d2db2bb346843fb3dd4 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
div(id="stream-ocr-window" class="window")
	div(id="stream-ocr-selection" class="hidden")

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") ⤢

	div(id="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")

	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

				div(class="empty" style="width:15px")

				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

				div(class="empty" style="width:15px")

				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

				div(class="empty" style="width:30px")

				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