summaryrefslogtreecommitdiff
path: root/web/kvm/navbar-system.pug
blob: f41e0abb16f9b055e50ec448accd81625f7fcd43 (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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
li(id="system-dropdown" 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")
		span System
	div(id="system-menu" class="menu")
		table(class="kv")
			tr
				td(class="value") Runtime settings & tools
				td(id="system-tool-webterm" class="feature-disabled") #[button(data-force-hide-menu data-show-window="webterm-window" class="small") • Term]
				td(id="system-tool-about") #[button(data-force-hide-menu data-show-window="about-window" class="small") • About]
				td(id="system-tool-log") #[button(data-force-hide-menu id="open-log-button" class="small") • Log]
				td(id="system-tool-wol" class="feature-disabled")
					button(data-force-hide-menu id="gpio-button-__wol__" class="gpio-button small" data-channel="__wol__"
						data-confirm="Are you sure to send Wake-on-LAN packet to the server?") • WoL
		hr
		div(id="stream-message-no-webrtc" class="hidden")
			+menu_message("warning", "WebRTC is not supported by this browser")
			hr
		div(id="stream-message-no-h264" class="hidden")
			+menu_message("warning", "H.264 is not supported by this browser")
			hr
		table(class="kv")
			tr(id="stream-resolution" class="feature-disabled")
				td Resolution:
				td #[select(disabled id="stream-resolution-selector")]
			tr(id="stream-quality" class="feature-disabled")
				td JPEG quality:
				td(class="value-slider") #[input(disabled type="range" id="stream-quality-slider" class="slider")]
				td(id="stream-quality-value" class="value-number")
			tr(id="stream-h264-bitrate" class="feature-disabled")
				td H.264 kbps:
				td(class="value-slider") #[input(disabled type="range" id="stream-h264-bitrate-slider" class="slider")]
				td(id="stream-h264-bitrate-value" class="value-number")
			tr(id="stream-h264-gop" class="feature-disabled")
				td H.264 #[a(target="_blank" href="https://docs.pikvm.org/webrtc") gop]:
				td(class="value-slider") #[input(disabled type="range" id="stream-h264-gop-slider" class="slider")]
				td(id="stream-h264-gop-value" class="value-number")
			tr
				td Max FPS:
				td(class="value-slider") #[input(disabled type="range" id="stream-desired-fps-slider" class="slider")]
				td(id="stream-desired-fps-value" class="value-number")
			tr(id="stream-mode" class="feature-disabled")
				td Video #[a(target="_blank" href="https://docs.pikvm.org/webrtc") mode]:
				td
					div(class="radio-box")
						input(checked type="radio" id="stream-mode-radio-mjpeg" name="stream-mode-radio" value="mjpeg")
						label(for="stream-mode-radio-mjpeg") MJPEG / HTTP
						input(type="radio" id="stream-mode-radio-janus" name="stream-mode-radio" value="janus")
						label(for="stream-mode-radio-janus") H.264 / WebRTC
			tr(id="stream-audio", class="feature-disabled")
				td Audio volume:
				td(class="value-slider") #[input(type="range" id="stream-audio-volume-slider" class="slider")]
				td(id="stream-audio-volume-value" class="value-number")
		hr
		div(class="buttons buttons-row")
			button(data-force-hide-menu data-show-window="stream-window" class="row33") • Show stream
			button(disabled data-force-hide-menu id="stream-screenshot-button" class="row33") • Screenshot
			button(disabled id="stream-reset-button" class="row33") Reset stream
		div(id="hid-outputs" class="feature-disabled")
			hr
			table(class="kv")
				tr(id="hid-outputs-keyboard", class="feature-disabled")
					td Keyboard mode:
					td #[div(id="hid-outputs-keyboard-box" class="radio-box")]
				tr(id="hid-outputs-mouse", class="feature-disabled")
					td Mouse #[a(target="_blank" href="https://docs.pikvm.org/mouse") mode]:
					td #[div(id="hid-outputs-mouse-box" class="radio-box")]
		details
			summary Keyboard & Mouse (HID) settings
			div(class="spoiler")
				table(class="kv")
					tr
						+menu_switch_notable("hid-keyboard-swap-cc-switch", "Swap Left Ctrl and Caps keys", true, false)
				hr
				table(class="kv")
					tr
						td Mouse polling:
						td(class="value-slider") #[input(type="range" id="hid-mouse-rate-slider" class="slider")]
						td(id="hid-mouse-rate-value" class="value-number")
					tr(id="hid-mouse-sens" class="feature-disabled")
						td Relative sensitivity:
						td(class="value-slider") #[input(disabled type="range" id="hid-mouse-sens-slider" class="slider")]
						td(id="hid-mouse-sens-value" class="value-number")
					tr(id="hid-mouse-squash" class="feature-disabled")
						+menu_switch_notable("hid-mouse-squash-switch", "Squash relative moves", true, true)
					tr
						td Reverse scrolling:
						td
							table
								tr
									+menu_switch_notable("hid-mouse-reverse-scrolling-switch", "Y", true, false)
									td   
									+menu_switch_notable("hid-mouse-reverse-panning-switch", "X", true, false)
					tr
						+menu_switch_notable("hid-mouse-cumulative-scrolling-switch", "Cumulative scrolling", true, false)
					tr
						td Scroll rate:
						td(class="value-slider") #[input(type="range" id="hid-mouse-scroll-slider" class="slider")]
						td(id="hid-mouse-scroll-value" class="value-number")
		table(class="kv")
			tr(id="hid-connect" class="feature-disabled")
				+menu_switch_notable("hid-connect-switch", "Connect HID to Server", true, true)
			tr
				+menu_switch_notable("hid-jiggler-switch", "Mouse jiggler", false, false)
			tr
				+menu_switch_notable("hid-mute-switch", "Mute HID input events", true, false)
			tr(id="v3-usb-breaker" class="feature-disabled")
				td Connect main USB to Server:
				td(align="right")
					div(class="switch-box")
						-let msg = "Turning off this switch will disconnect the main USB<br>from the server."
						-msg += " Are you sure you want to continue?"
						input(disabled type="checkbox" id="gpio-switch-__v3_usb_breaker__" class="gpio-switch"
							data-channel="__v3_usb_breaker__" data-confirm-off=msg)
						label(for="gpio-switch-__v3_usb_breaker__")
							span(class="switch-inner")
							span(class="switch")
			tr(id="v4-locator" class="feature-disabled")
				td Enable locator LED:
				td(align="right")
					div(class="switch-box")
						input(disabled type="checkbox" id="gpio-switch-__v4_locator__" class="gpio-switch"
							data-channel="__v4_locator__")
						label(for="gpio-switch-__v4_locator__")
							span(class="switch-inner")
							span(class="switch")
			tr
				+menu_switch_notable("page-close-ask-switch", "Ask page close confirmation", true, true)
		hr
		div(class="buttons buttons-row")
			button(data-force-hide-menu data-show-window="keyboard-window" class="row50") &bull; Show keyboard
			button(disabled id="hid-reset-button" class="row50") Reset HID