summaryrefslogtreecommitdiff
path: root/web/kvm/window-stream.pug
diff options
context:
space:
mode:
authorMaxim Devaev <[email protected]>2021-04-12 15:26:32 +0300
committerGitHub <[email protected]>2021-04-12 15:26:32 +0300
commit3af4a8b852019993ee31becd5651734377da6ec9 (patch)
tree499b77bfaa0c6f939175ea167d5ccb3956be95f0 /web/kvm/window-stream.pug
parent8158941833bd8a50278b61967e00d23522e633d7 (diff)
Rework of #39 (#40)
* Rework of #39 patch from @arykov (thanks) * styled resize corner * fixed squashing of resizaable window on moving * keep window size and opsition after full screen * not necessary * attempt to fix desktop overflow * improved * ios fixes * refactoring
Diffstat (limited to 'web/kvm/window-stream.pug')
-rw-r--r--web/kvm/window-stream.pug17
1 files changed, 16 insertions, 1 deletions
diff --git a/web/kvm/window-stream.pug b/web/kvm/window-stream.pug
index 84f1d4dc..2595fe3b 100644
--- a/web/kvm/window-stream.pug
+++ b/web/kvm/window-stream.pug
@@ -1,10 +1,25 @@
- let confirm_msg = "Do you want to close the stream? This action will temporarily stop<br>";
- confirm_msg += "the video transmission until you open the broadcast again.<br>";
- confirm_msg += "This can be useful for saving traffic.";
-+window("stream-window", "Stream", true, confirm_msg)
+
+div(id="stream-window" class="window window-resizable" data-close-confirm=confirm_msg)
+ div(id="stream-window-header" class="window-header")
+ div(class="window-grab") Stream
+ button(class="window-button-close") &times;
+ button(class="window-button-maximize") &#9744;
+ button(class="window-button-full-screen") &#10530;
+
div(id="stream-info")
+
div(id="stream-box" class="stream-box-inactive")
+ div(class="window-lock-alert hidden")
+ | #[b Failed to acquire keyboard lock.#[br]Shortcuts like Alt+Tab, Ctrl+W, Ctrl+N might not be captured.]#[br]
+ | #[br]
+ | For best keyboard handling use a #[a(href="https://developer.mozilla.org/en-US/docs/Web/API/Keyboard_API#Browser_compatibility") browser with keyboard lock support API].#[br]
+ | In Chrome use HTTPS and enable #[i system-keyboard-lock] by putting at URL #[i chrome://flags/#system-keyboard-lock].#[br]
+ | More details on keyboard lock API are #[a(href="https://wicg.github.io/keyboard-lock/" target="_blank") here].
img(id="stream-image" class="stream-image-inactive" src=`${png_dir}/blank-stream.png`)
+
div(id="stream-mouse-buttons" class="keypad" align="center")
div(class="keypad-block")
div(class="keypad-row")