Update version.html

check_upgrade, check_vpn
version.html
2025-08-08 08:59:01 +00:00 · 2025-08-08 08:29:21 +00:00 · 2025-08-07 12:54:44 +00:00 · 2025-08-07 12:43:56 +00:00 · 2025-08-07 12:36:37 +00:00 · 2025-08-07 10:37:41 +00:00
10 changed files with 114 additions and 67 deletions
--- a/common.js
+++ b/common.js
@@ -106,9 +106,12 @@ function add_repository() {
  });
 }

-function check_vpn() {
+function check_vpn(service) {
  var url = 'scan.php?op=check_vpn';
-  jQuery.get(url, function(data) {
+  jQuery.ajax({
+    url: url,
+    method: 'GET',
+    success: function(data) {
        console.log('check_vpn: '+data);
        if (data=="1") { // save_vpn has finished or VPN ON
 	  const vpn_div = document.getElementById("vpn");
@@ -141,6 +144,11 @@ function check_vpn() {
 		$('#pro_off').show();
        }
        setTimeout(check_vpn, 10000);
+    },
+    error: function(xhr, status, error) {
+      console.warn('check_vpn error: ' + status + ' - ' + error);
+      setTimeout(check_vpn, 10000, service);
+    }
  });
 }

@@ -181,22 +189,27 @@ function get_updates() {
 }

 function check_upgrade(service) {
-  var url  = 'scan.php?op=check_upgrade&service='+service;
-  jQuery.get(url, function(data) {
-        console.log('check_upgrade '+service+': '+data);
-      if (data!="") {
-              jQuery("#status_"+service).html(data);
+  var url = 'scan.php?op=check_upgrade&service=' + service;
+  jQuery.ajax({
+    url: url,
+    method: 'GET',
+    success: function(data) {
+      console.log('check_upgrade ' + service + ': ' + data);
+      if (data !== "") {
+        jQuery("#status_" + service).html(data);
      }
-      if (data!="OK") {
+      if (data !== "OK") {
        setTimeout(check_upgrade, 1000, service);
+      } else {
+        console.log('upgrade end: ' + service);
+        jQuery("#status_" + service).html('Upgrade has finished');
      }
-      else {
-          console.log('upgrade end: '+service);
-	  jQuery("#status_"+service).html('Upgrade has finished');
-	  //get_updates();
+    },
+    error: function(xhr, status, error) {
+      console.warn('check_upgrade error: ' + status + ' - ' + error);
+      setTimeout(check_upgrade, 5000, service);
    }
  });
-
 }

 function upgrade(service) {
@@ -279,7 +292,7 @@ function uninstall(additional) {
  jQuery("div.deployment").each(function(index) {
        $(this).html('');
  });
-	data = '<form action="#" method="post"><div class="row">YOU ARE GOING TO UNINSTALL '+additional.toUpperCase()+'.<br>ARE YOU SURE? IF YES, PLEASE CLICK ON THE BUTTON BELOW.<br><br></div><div class="row"><div class="mb-3"><button class="save-button" type="button" onclick="confirm_uninstall(\''+additional+'\')">Uninstall</button></div></div></form>';
+	data = '<div class="confirm"><form action="#" method="post"><div class="row">You are going to uninstall '+additional.toUpperCase()+'.<br>Are you sure? If yes, please click on the Uninstall button below.<br><br></div><div class="row buttons"><div class="mb-3"><button class="btn" type="button" onclick="confirm_uninstall(\''+additional+'\')">Uninstall</button></div><div class="mb-3" style="margin-left:200px;float:"><button class="btn" onclick="reinstall(\''+additional+'\',\''+additional+'\')">Cancel</button></div></div></form></div>';
 	jQuery("#"+additional).html(data);
 	jQuery("#popupText").html(data); // manage2
 }
--- a/index.html
+++ b/index.html
@@ -3,21 +3,26 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+<meta http-equiv="Pragma" content="no-cache" />
+<meta http-equiv="Expires" content="0" />
 <title>Safebox installer</title>
 <style>
-body, html {
+html, body {
    margin: 0;
    padding: 0;
    height: 100%;
+    overflow: hidden;
 }
 iframe {
-    width: 100%;
-    height: 100%;
+    display: block;
+    width: 100vw;
+    height: 100vh;
    border: none;
 }
 </style>
 </head>
 <body>
-    <iframe src="scan.html"></iframe>
+    <iframe src="scan.html?t=1"></iframe>
 </body>
 </html>
--- a/install.html
+++ b/install.html
@@ -1,15 +1,18 @@
 <!DOCTYPE html>
 <html lang="hu">
 <head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>Safebox - INSTALLER TOOL</title>
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Switzer:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap"/>
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
-  <link rel="stylesheet" href="style.css?t=1" />
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+<meta http-equiv="Pragma" content="no-cache" />
+<meta http-equiv="Expires" content="0" />
+<title>Safebox - INSTALLER TOOL</title>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Switzer:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap"/>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
+<link rel="stylesheet" href="style.css?t=1" />
 </head>
 <body id="installer">
-  <div class="main" >
+  <div class="main" style="max-width:1000px;margin:0px auto;">
    <div id="myAppsContainer">
 	      <div class="logo">
 		<img src="/img/logo.svg" alt="Safebox"/>
@@ -62,13 +65,7 @@
 		</select>
 	</div>
 </div>
-<div id="div_vpn" class="hidden">
-	<div class="input-row">
-		<label for="vpn_domain">Please add domain url to download the VPN hash from:</label>
-		<div class="input-container">
-			<input type="text" class="form-control" name="VPN_DOMAIN" id="vpn_domain" value="https://portal.safebox.network" placeholder="https://portal.safebox.network" size="40">
-		</div>
-	</div>
+<div id="div_vpn1" class="hidden">
 	<div class="input-row">
 		<label for="vpn_pass">Please type in the generated VPN passkey (8 digits):</label>
 		<div class="input-container">
@@ -81,12 +78,6 @@
 			<input type="email" class="form-control" name="LETSENCRYPT_MAIL" id="letsencrypt_mail" value="">
 		</div>
 	</div>
-	<div class="input-row">
-		<label for="letsencrypt_servername">Please add letsencrypt server name (default is letsencrypt but you can add zerossl too):</label>
-		<div class="input-container">
-			<input type="text" class="form-control" name="LETSENCRYPT_SERVERNAME" id="letsencrypt_servername" value="letsencrypt" placeholder="letsencrypt">
-	   	</div>
-	</div>
 </div>
 <div class="input-row">
 	<label for="diagnostic">Diagnostic mode enable?</label>
@@ -105,6 +96,20 @@
 		</div>
 <!-- advanced settings -->
 <div id="advanced_div" style="display:none">
+	<div id="div_vpn2" class="hidden">
+		<div class="input-row">
+			<label for="vpn_domain">Please add domain url to download the VPN hash from:</label>
+			<div class="input-container">
+				<input type="text" class="form-control" name="VPN_DOMAIN" id="vpn_domain" value="https://portal.safebox.network" placeholder="https://portal.safebox.network" size="40">
+			</div>
+		</div>
+		<div class="input-row">
+			<label for="letsencrypt_servername">Please add letsencrypt server name (default is letsencrypt but you can add zerossl too):</label>
+			<div class="input-container">
+				<input type="text" class="form-control" name="LETSENCRYPT_SERVERNAME" id="letsencrypt_servername" value="letsencrypt" placeholder="letsencrypt">
+			</div>
+		</div>
+	</div>
 	<div class="input-row">
 		<label for="registry">Please fill in the docker registry name (default:safebox):</label>
 		<div class="input-container">
@@ -196,8 +201,14 @@ jQuery(document).ready(function(){
 		else jQuery('#div_user_auth').hide();
 	});
 	jQuery('select#vpn').click(function() {
-		if (jQuery(this).val()=='yes') jQuery('#div_vpn').show();
-		else jQuery('#div_vpn').hide();
+		if (jQuery(this).val()=='yes') {
+			jQuery('#div_vpn1').show();
+			jQuery('#div_vpn2').show();
+		}
+		else {
+			jQuery('#div_vpn1').hide();
+			jQuery('#div_vpn2').hide();
+		}
 	});
 	jQuery('select#discovery').click(function() {
 		if (jQuery(this).val()=='yes') jQuery('#div_discover').show();
--- a/install.js
+++ b/install.js
@@ -59,12 +59,12 @@ function simulateLoading(duration = 3000) {

 function redirectToInstall() {
 	setProgress(100);
-	window.location.href = 'install.html';
+	window.location.href = 'install.html?t='+Date.now();
 }

 function redirectToManage() {
 	setProgress(100);
-	window.location.href = 'manage.html';
+	window.location.href = 'manage.html?t='+Date.now();
 }

 function start_system() {
--- a/install.php
+++ b/install.php
@@ -95,7 +95,7 @@ echo "<pre>".$output."</pre>";
 <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.6/dist/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.2.1/dist/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
-<script src="install.js?t=6"></script>
+<script src="install.js?t=7"></script>
 <script>
 const progressBar = document.getElementById('progressBar');
 const progressText = document.getElementById('progressText');
--- a/manage.html
+++ b/manage.html
@@ -1,12 +1,15 @@
 <!DOCTYPE html>
 <html lang="hu">
 <head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>Safebox</title>
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Switzer:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap"/>
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
-  <link rel="stylesheet" href="style.css?t=11" />
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+<meta http-equiv="Pragma" content="no-cache" />
+<meta http-equiv="Expires" content="0" />
+<title>Safebox</title>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Switzer:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap"/>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
+<link rel="stylesheet" href="style.css?t=14" />
 </head>
 <body>
  <div class="sidebar">
@@ -42,7 +45,7 @@
 		</div>
 		      <p>Enjoy benefits and unlock more feature such as remote access, geo-redundant backups etc. <br><br>
 		      <a href="" class="details">Read details</a><br><br>
-			<img src="/img/upgrade.png" alt="Upgrade now" width="80%" id="vpnBtn" style="cursor:pointer"/>	
+			<img src="/img/upgrade.png" alt="Upgrade now" width="80%" id="upgradeBtn" style="cursor:pointer"/>	
 		      </p>
 	    </div>
 	</div>
@@ -62,7 +65,7 @@
 			    </label>
 -->
 				<span id="vpn_on" class="hidden"><img src="/img/on.png" alt="on" /></span>
-				<span id="vpn_ff" class="hidden"><img src="/img/off.png" alt="off" /></span>
+				<span id="vpn_off" class="hidden"><img src="/img/off.png" alt="off" /></span>
 			</div>
 	    </div>
 	</div>
@@ -95,6 +98,7 @@
    const settingsBtn = document.getElementById('settingsBtn');

    const vpnBtn = document.getElementById('vpnBtn');
+    const upgradeBtn = document.getElementById('upgradeBtn');

    const myAppsContainer = document.getElementById('myAppsContainer');
    const popup = document.getElementById('popup');
@@ -188,6 +192,7 @@
 	      <h1>Monitor</h1>
 	      <button id="updatesBtn"><i class="fas fa-bell"></i> Notification</button>
 	    </div>
+	    <label>Under development...</label><br>
        	<img src="/img/monitor.jpg" alt="Under development..." width="1000" />
        `;
    }
@@ -356,6 +361,7 @@
    	settingsBtn.addEventListener('click', () => {renderSettings(); activate(settingsBtn)});

 	vpnBtn.addEventListener('click', () => renderVPN());
+	upgradeBtn.addEventListener('click', () => renderVPN());

 //	renderApps(true);

@@ -384,6 +390,6 @@
 <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.6/dist/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.2.1/dist/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
-<script src="common.js?t=41"></script>
+<script src="common.js?t=45"></script>
 </body>
 </html>
--- a/scan.html
+++ b/scan.html
@@ -1,12 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>Safebox - INSTALLER TOOL</title>
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Switzer:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap"/>
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
-  <link rel="stylesheet" href="style.css?t=4" />
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+<meta http-equiv="Pragma" content="no-cache" />
+<meta http-equiv="Expires" content="0" />
+<title>Safebox - INSTALLER TOOL</title>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Switzer:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap"/>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
+<link rel="stylesheet" href="style.css?t=4" />
 </head>
 <body id="scan" class="text-center">
  <div class="main">
@@ -37,7 +40,7 @@
 <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.6/dist/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.2.1/dist/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
-<script src="install.js?t=6"></script>
+<script src="install.js?t=7"></script>
 <script>
 const progressBar = document.getElementById('progressBar');
 const progressText = document.getElementById('progressText');
--- a/scan.php
+++ b/scan.php
@@ -268,7 +268,7 @@ switch ($_GET["op"]) {
 						}
 						echo "<div class=\"mb-3\" style=\"margin-left:200px;float:\">
 						<button class=\"btn btn-lg btn-primary btn-block\" type=\"button\" id=\"cancel_{$template->name}_btn\">Cancel</button>
-						</div>"; // buttons
+						</div>";
                                                echo "
                                                </div>
 						</form>
@@ -497,9 +497,10 @@ switch ($_GET["op"]) {
 		$arr = check_response("version");
 		if (!empty($arr)) {
 			$data = $arr["version"];
-			echo $data["VERSION"];
+			echo "Framework version: ".$data["VERSION"]."\n";
 		}
-		else echo "Version not found";
+		else echo "Framework version not found\n";
+		echo "Frontend version: ".file_get_contents("version.html");
 	break;
 	case "repositories":
 		$arr = array("STATUS" => 0);
--- a/style.css
+++ b/style.css
@@ -131,6 +131,13 @@
 	margin-top:300px;
    }

+    .confirm {
+	border: 2px solid #41464f;
+	border-radius: 10px;
+	margin-top:250px;
+	padding: 20px;
+    }
+
    .menu {
      display: flex;
      flex-direction: column;
--- a/version.html
+++ b/version.html
@@ -0,0 +1 @@
+1.1.16
Author	SHA1	Message	Date
hael	ea9e3d8e5b	Update version.html All checks were successful continuous-integration/drone/push Build is passing Details continuous-integration/drone/tag Build is passing Details	2025-08-08 08:59:01 +00:00
hael	5a7b2fc8be	check_upgrade, check_vpn All checks were successful continuous-integration/drone/push Build is passing Details	2025-08-08 08:29:21 +00:00
hael	f08d9c7833	version.html All checks were successful continuous-integration/drone/push Build is passing Details continuous-integration/drone/tag Build is passing Details	2025-08-07 12:54:44 +00:00
hael	c4a9272444	install width All checks were successful continuous-integration/drone/push Build is passing Details	2025-08-07 12:43:56 +00:00
hael	9b4bc15e80	uninstall	2025-08-07 12:36:37 +00:00
hael	cb07365020	version mod All checks were successful continuous-integration/drone/push Build is passing Details continuous-integration/drone/tag Build is passing Details	2025-08-07 10:37:41 +00:00
hael	46cf0f1f4e	vpn_ff fix All checks were successful continuous-integration/drone/push Build is passing Details	2025-08-07 10:19:13 +00:00
hael	5a0d96b6c6	upgradeBtn All checks were successful continuous-integration/drone/push Build is passing Details continuous-integration/drone/tag Build is passing Details	2025-08-07 10:12:22 +00:00
hael	c0c8a43c77	version changes	2025-08-07 10:10:20 +00:00
hael	a91c21ecfd	cache-control All checks were successful continuous-integration/drone/push Build is passing Details	2025-08-07 09:58:59 +00:00
hael	49f466f298	index double scroll fix	2025-08-07 09:49:15 +00:00