GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2025-12-13 01:30:31 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

button to reduce the window

Browse Source
This commit is contained in:
Devaev Maxim 2021-04-23 19:19:55 +03:00
parent 1a584492c6
commit 4572cd586e
4 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/kvm/index.html
View File

@ -508,6 +508,7 @@
<div class="window-grab">Stream</div>
<button class="window-button-close">&times;</button>
<button class="window-button-maximize">&#9744;</button>
<button class="window-button-original">&bull;</button>
<button class="window-button-full-screen">&#10530;</button>
</div>
<div id="stream-info"></div>

1
web/kvm/window-stream.pug
View File

@ -3,6 +3,7 @@ div(id="stream-window" class="window window-resizable" data-show-by-button="show
div(class="window-grab") Stream
button(class="window-button-close") &times;
button(class="window-button-maximize") &#9744;
button(class="window-button-original") &bull;
button(class="window-button-full-screen") &#10530;
div(id="stream-info")

10
web/share/css/window.css
View File

@ -108,6 +108,7 @@ div.window div.window-header-grabbed {
}
div.window div.window-header button.window-button-full-screen,
div.window div.window-header button.window-button-original,
div.window div.window-header button.window-button-maximize,
div.window div.window-header button.window-button-close {
border: none;
@ -121,14 +122,17 @@ div.window div.window-header button.window-button-close {
display: inline-block;
}
div.window div.window-header button.window-button-full-screen {
right: 90px;
right: 135px;
}
div.window div.window-header button.window-button-close {
right: 0px;
div.window div.window-header button.window-button-original {
right: 90px;
}
div.window div.window-header button.window-button-maximize {
right: 45px;
}
div.window div.window-header button.window-button-close {
right: 0px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/* iPad */

14
web/share/js/wm.js
View File

@ -88,6 +88,7 @@ function __WindowManager() {
let el_close_button = el_window.querySelector(".window-header .window-button-close");
if (el_close_button) {
el_close_button.title = "Close window";
tools.setOnClick(el_close_button, function() {
__closeWindow(el_window);
__activateLastWindow(el_window);
@ -96,14 +97,27 @@ function __WindowManager() {
let el_maximize_button = el_window.querySelector(".window-header .window-button-maximize");
if (el_maximize_button) {
el_maximize_button.title = "Maximize window";
tools.setOnClick(el_maximize_button, function() {
__maximizeWindow(el_window);
__activateLastWindow(el_window);
});
}
let el_orig_button = el_window.querySelector(".window-header .window-button-original");
if (el_orig_button) {
el_maximize_button.title = "Reduce window to its original size and center it";
tools.setOnClick(el_orig_button, function() {
el_window.style.width = "";
el_window.style.height = "";
__centerWindow(el_window);
__activateLastWindow(el_window);
});
}
let el_full_screen_button = el_window.querySelector(".window-header .window-button-full-screen");
if (el_full_screen_button && __getFullScreenFunction(el_window)) {
el_full_screen_button.title = "Go to full-screen mode";
tools.setOnClick(el_full_screen_button, function() {
__fullScreenWindow(el_window);
__activateLastWindow(el_window);