summaryrefslogtreecommitdiff
path: root/web/kvm/window-stream.pug
blob: d304ff5e463770f8b162c2fd2eecbf587ca751cc (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
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") ×
		button(class="window-button-maximize") ☐
		button(class="window-button-original") •
		button(class="window-button-full-screen") ⤢

	div(id="stream-info")

	div(id="stream-box" class="stream-box-offline")
		img(id="stream-image" src=`${png_dir}/blank-stream.png`)
		video(id="stream-video" class="hidden" autoplay playsinline muted)

	div(id="stream-mouse-buttons" class="keypad" align="center")
		div(class="keypad-block")
			div(class="keypad-row")
				div(data-code="left" class="key wide-4 left small") #[span Mouse#[br]Left]
				div(data-code="left" class="modifier wide-2 left small") #[span #[b •]#[br]← Hold]
				div(class="empty-key" style="width:10px")
				div(data-code="middle" class="key wide-2 left small") #[span Mouse#[br]Middle]
				div(data-code="middle" class="modifier wide-2 left small") #[span #[b •]#[br]← Hold]
				div(class="empty-key" style="width:10px")
				div(data-code="right" class="modifier wide-2 right small") #[span #[b •]#[br]Hold →]
				div(data-code="right" class="key wide-4 right small") #[span Mouse#[br]Right]
			div(class="keypad-row" style="display:none")
				div(data-code="up" class="key wide-4 left small") #[span Mouse#[br]Up/Back]
				div(data-code="up" class="modifier wide-2 left small") #[span #[b •]#[br]← Hold]
				div(class="empty-key" style="width:10px")
				div(data-code="down" class="modifier wide-2 right small") #[span #[b •]#[br]Hold →]
				div(data-code="down" class="key wide-4 right small") #[span Mouse#[br]Down/Fw]