pikvm/pikvm#813: optional page close confirmation

web/kvm/index.html

@@ -318,6 +318,15 @@
                 </div>
               </td>
             </tr>
+            <tr>
+                  <td>Ask page close confirmation:</td>
+                  <td align="right">
+                    <div class="switch-box">
+                      <input checked type="checkbox" id="page-close-ask-switch">
+                      <label for="page-close-ask-switch"><span class="switch-inner"></span><span class="switch"></span></label>
+                    </div>
+                  </td>
+            </tr>
           </table>
           <hr>
           <div class="buttons buttons-row">

web/kvm/navbar-system.pug

@@ -96,6 +96,8 @@ li(class="right")
 						label(for="gpio-switch-__v3_usb_breaker__")
 							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") • Show keyboard

web/share/js/kvm/main.js

@@ -32,11 +32,17 @@ import {Session} from "./session.js";
 
 export function main() {
 	if (checkBrowser()) {
-		window.onbeforeunload = function(event) {
+		tools.storage.bindSimpleSwitch($("page-close-ask-switch"), "page.close.ask", true, function(value) {
-			let text = "Are you sure you want to close PiKVM session?";
+			if (value) {
-			event.returnValue = text;
+				window.onbeforeunload = function(event) {
-			return text;
+					let text = "Are you sure you want to close PiKVM session?";
-		};
+					event.returnValue = text;
+					return text;
+				};
+			} else {
+				window.onbeforeunload = null;
+			}
+		});
 
 		initWindowManager();