pikvm/pikvm#1316: web: keep stream window maximized

This commit is contained in:
Maxim Devaev
2025-05-17 20:42:09 +03:00
parent 53980c0e68
commit 818ff6321e
14 changed files with 293 additions and 126 deletions

View File

@@ -982,14 +982,16 @@
<div class="window" id="stream-ocr-window">
<div class="hidden" id="stream-ocr-selection"></div>
</div>
<div class="window window-resizable" id="stream-window">
<div class="window window-resizable" id="stream-window" data-show-maximized>
<div class="window-header" id="stream-window-header">
<div class="window-grab">MJPEG</div>
<button class="window-button-close"><b>&times;</b></button>
<button class="window-button-maximize">&#9744;</button>
<button class="window-button-original">&bull;</button>
<button class="window-button-enter-full-tab">&#9650;</button>
<button class="window-button-full-screen">&#10530;</button>
<div class="window-buttons">
<button class="window-button-full-screen">&#10530;</button>
<button class="window-button-enter-full-tab">&#9650;</button>
<button class="window-button-original">&bull;</button>
<button class="window-button-maximize">&#9744;</button>
<button class="window-button-close"><b>&times;</b></button>
</div>
</div>
<div id="stream-info"></div>
<button class="window-button-exit-full-tab">&#9660;</button>
@@ -1032,10 +1034,13 @@
</div>
</div>
</div>
<div class="window" id="keyboard-window">
<div class="window" id="keyboard-window" data-show-centered>
<div class="window-header" id="keyboard-window-header">
<div class="window-grab">Virtual Keyboard</div>
<button class="window-button-close"><b>&times;</b></button>
<div class="window-buttons">
<button class="window-button-original">&bull;</button>
<button class="window-button-close"><b>&times;</b></button>
</div>
</div>
<div class="keypad" id="keyboard-desktop" align="center">
<div class="keypad-block">
@@ -2111,10 +2116,13 @@
</div>
</div>
</div>
<div class="window" id="switch-window" style="width: min-content">
<div class="window" id="switch-window" data-show-centered style="width: min-content">
<div class="window-header">
<div class="window-grab">Switch settings</div>
<button class="window-button-close"><b>&times;</b></button>
<div class="window-buttons">
<button class="window-button-original">&bull;</button>
<button class="window-button-close"><b>&times;</b></button>
</div>
</div>
<div class="tabs-box">
<input checked type="radio" name="switch-tab-button" id="switch-tab-edid-button">
@@ -2258,10 +2266,13 @@
</div>
</div>
</div>
<div class="window" id="about-window">
<div class="window" id="about-window" data-show-centered>
<div class="window-header">
<div class="window-grab">About</div>
<button class="window-button-close"><b>&times;</b></button>
<div class="window-buttons">
<button class="window-button-original">&bull;</button>
<button class="window-button-close"><b>&times;</b></button>
</div>
</div>
<div id="about">
<table>
@@ -2961,15 +2972,18 @@
<p class="text credits"><a target="_blank" href="https://pikvm.org">PiKVM Project</a>&nbsp; | &nbsp;<a target="_blank" href="https://docs.pikvm.org">Documentation</a>&nbsp; | &nbsp;<a target="_blank" href="https://pikvm.org/support">Support</a></p>
</div>
</div>
<div class="window window-resizable" id="webterm-window" style="width: 720px; height: 480px">
<div class="window window-resizable" id="webterm-window" data-show-centered style="display: flex; min-width: 720px; min-height: 480px">
<div class="window-header">
<div class="window-grab">Terminal</div>
<button class="window-button-close"><b>&times;</b></button>
<button class="window-button-maximize">&#9744;</button>
<!-- Терминал глючит из-за зажимаемой клавиши ESC для выхода-->
<!-- button(class="window-button-full-screen") &#10530;-->
<div class="window-buttons">
<button class="window-button-original">&bull;</button>
<button class="window-button-maximize">&#9744;</button>
<button class="window-button-close"><b>&times;</b></button>
<!-- Терминал глючит из-за зажимаемой клавиши ESC для выхода-->
<!-- button(class="window-button-full-screen") &#10530;-->
</div>
</div>
<iframe id="webterm-iframe" src="" style="width: 100%; height: 100%"></iframe>
<iframe id="webterm-iframe" src="" style="width: 100%; flex: 1"></iframe>
</div>
<ul class="navbar-bg-tips">
<li class="left">

View File

@@ -10,10 +10,12 @@ mixin about_tab(name, title, checked=false)
span.code-comment No data
.window#about-window
.window#about-window(data-show-centered)
.window-header
.window-grab About
button.window-button-close #[b &times;]
.window-buttons
button.window-button-original &bull;
button.window-button-close #[b &times;]
#about
table

View File

@@ -30,10 +30,12 @@ mixin lamp(cls)
img(class=`inline-lamp-small ${cls} led-gray` src=`${svg_dir}/led-square.svg`)
.window#keyboard-window
.window#keyboard-window(data-show-centered)
.window-header#keyboard-window-header
.window-grab Virtual Keyboard
button.window-button-close #[b &times;]
.window-buttons
button.window-button-original &bull;
button.window-button-close #[b &times;]
.keypad#keyboard-desktop(align="center")
.keypad-block

View File

@@ -1,14 +1,15 @@
.window#stream-ocr-window
.hidden#stream-ocr-selection
.window.window-resizable#stream-window
.window.window-resizable#stream-window(data-show-maximized)
.window-header#stream-window-header
.window-grab MJPEG
button.window-button-close #[b &times;]
button.window-button-maximize &#9744;
button.window-button-original &bull;
button.window-button-enter-full-tab &#9650;
button.window-button-full-screen &#10530;
.window-buttons
button.window-button-full-screen &#10530;
button.window-button-enter-full-tab &#9650;
button.window-button-original &bull;
button.window-button-maximize &#9744;
button.window-button-close #[b &times;]
#stream-info

View File

@@ -15,10 +15,12 @@ mixin color_slider_tr(name, title)
td #[button(id=`switch-color-${name}-default-button` class="small" title="Reset default") &#8635;]
.window#switch-window(style="width: min-content")
.window#switch-window(data-show-centered style="width: min-content")
.window-header
.window-grab Switch settings
button.window-button-close #[b &times;]
.window-buttons
button.window-button-original &bull;
button.window-button-close #[b &times;]
.tabs-box
+switch_tab("edid", "EDIDs collection", true)

View File

@@ -1,9 +1,11 @@
.window.window-resizable#webterm-window(style="width: 720px; height: 480px")
.window.window-resizable#webterm-window(data-show-centered style="display: flex; min-width: 720px; min-height: 480px")
.window-header
.window-grab Terminal
button.window-button-close #[b &times;]
button.window-button-maximize &#9744;
// Терминал глючит из-за зажимаемой клавиши ESC для выхода
// button(class="window-button-full-screen") &#10530;
.window-buttons
button.window-button-original &bull;
button.window-button-maximize &#9744;
button.window-button-close #[b &times;]
// Терминал глючит из-за зажимаемой клавиши ESC для выхода
// button(class="window-button-full-screen") &#10530;
iframe#webterm-iframe(src="" style="width: 100%; height: 100%")
iframe#webterm-iframe(src="" style="width: 100%; flex: 1")