safebox/web-installer
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 34 Wiki Activity

small layout changes
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
hael
2025-09-26 08:12:45 +00:00
parent b2febf3256
commit 8cac95c616
10 changed files with 56 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
img/1.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 9.4 KiB

3
img/2.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 9.3 KiB

3
img/3.svg
View File

@@ -1,3 +0,0 @@
<svg width="88" height="4" viewBox="0 0 88 4" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M83.9883 3.5L83.835 3.49219C83.0785 3.41548 82.4883 2.77673 82.4883 2C82.4883 1.17157 83.1599 0.5 83.9883 0.5L86 0.5C86.8284 0.5 87.5 1.17157 87.5 2C87.5 2.82843 86.8284 3.5 86 3.5L83.9883 3.5ZM69.9043 3.5L69.751 3.49219C68.9948 3.41518 68.4043 2.77651 68.4043 2C68.4043 1.17173 69.0761 0.500253 69.9043 0.500002L73.9287 0.500001C74.7571 0.500076 75.4287 1.17162 75.4287 2C75.4287 2.82838 74.7571 3.49993 73.9287 3.5L69.9043 3.5ZM55.8213 3.5L55.668 3.49219C54.9116 3.41533 54.3213 2.77662 54.3213 2C54.3213 1.17162 54.9929 0.500078 55.8213 0.500003L59.8457 0.500002C60.6739 0.500254 61.3457 1.17173 61.3457 2C61.3457 2.82827 60.6739 3.49975 59.8457 3.5L55.8213 3.5ZM41.7383 3.5L41.585 3.49219C40.8285 3.41548 40.2383 2.77673 40.2383 2C40.2383 1.17158 40.9099 0.500004 41.7383 0.500004L45.7617 0.500004C46.5901 0.500004 47.2617 1.17158 47.2617 2C47.2617 2.82843 46.5901 3.5 45.7617 3.5L41.7383 3.5ZM27.6543 3.50001L27.501 3.49219C26.7448 3.41518 26.1543 2.77651 26.1543 2.00001C26.1543 1.17173 26.8261 0.500257 27.6543 0.500005L31.6787 0.500005C32.5071 0.500079 33.1787 1.17162 33.1787 2C33.1787 2.82838 32.5071 3.49993 31.6787 3.5L27.6543 3.50001ZM13.5713 3.50001L13.418 3.49219C12.6616 3.41533 12.0713 2.77662 12.0713 2.00001C12.0713 1.17163 12.7429 0.500081 13.5713 0.500006L17.5957 0.500006C18.4239 0.500257 19.0957 1.17173 19.0957 2.00001C19.0957 2.82828 18.4239 3.49975 17.5957 3.50001L13.5713 3.50001ZM1.5 3.50001L1.34668 3.4922C0.590277 3.4154 3.74607e-06 2.77667 -1.31134e-07 2.00001C-2.03558e-07 1.17158 0.67157 0.500007 1.5 0.500008L3.51172 0.500007C4.34015 0.500007 5.01172 1.17158 5.01172 2.00001C5.01171 2.82843 4.34015 3.50001 3.51172 3.50001L1.5 3.50001Z" fill="#E0E0E0"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

3
img/4.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 5.3 KiB

8
img/backup2.svg
View File

@@ -1,4 +1,6 @@
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.05105 10.4495C1.05105 15.5708 5.03278 19.5654 10.0865 19.6166C15.1913 19.6166 19.2241 15.6732 19.2241 10.5519C19.2241 5.43059 15.2423 1.38477 10.1886 1.38477C5.13487 1.38477 1.05105 5.32816 1 10.5007L1.05105 10.4495Z" stroke="#101010" stroke-width="1.5" stroke-miterlimit="10"/>
<path d="M12.0262 6.45442C11.5158 7.1714 11.4647 7.99081 12.0262 8.50293C12.5367 9.06628 13.3535 9.06628 14.1702 8.50293C14.936 9.78326 14.8849 12.3951 12.9451 13.9315C11.2095 15.3143 8.55498 15.1606 6.97249 13.6242C5.39001 12.0366 5.23687 9.42477 6.61516 7.63231C8.14659 5.68622 10.75 5.68622 12.0262 6.4032V6.45442Z" fill="#101010"/>
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 1H3C1.89543 1 1 1.89543 1 3V17C1 18.1046 1.89543 19 3 19H17C18.1046 19 19 18.1046 19 17V3C19 1.89543 18.1046 1 17 1Z" stroke="#101113" stroke-width="1.5"/>
<path d="M6 14V10" stroke="#101113" stroke-width="1.5" stroke-linecap="round"/>
<path d="M10 14V8" stroke="#101113" stroke-width="1.5" stroke-linecap="round"/>
<path d="M14 14V6" stroke="#101113" stroke-width="1.5" stroke-linecap="round"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 730 B

After

Width:  |  Height:  |  Size: 512 B

4
img/settings2.svg
View File

@@ -1,4 +1,4 @@
<svg width="19" height="21" viewBox="0 0 19 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.0632 10.6142C18.0632 11.7655 18.0632 12.8209 18.0632 13.9722C18.0632 15.4113 17.5238 16.4667 16.3551 17.1383C14.5571 18.2896 12.6693 19.4409 10.8713 20.4963C9.70261 21.1679 8.53391 21.1679 7.36523 20.4963C5.56726 19.345 3.76928 18.2896 1.97131 17.1383C0.80263 16.3708 0.17334 15.3154 0.17334 13.8763C0.17334 11.6696 0.17334 9.46292 0.17334 7.16031C0.17334 5.72118 0.80263 4.66579 1.97131 3.89825C3.76928 2.74694 5.56726 1.69158 7.36523 0.540273C8.53391 -0.131322 9.70261 -0.227264 10.8713 0.540273C12.6693 1.69158 14.5571 2.74694 16.3551 3.89825C17.5238 4.56985 18.0632 5.72118 18.0632 7.16031C18.0632 8.31162 18.0632 9.36698 18.0632 10.5183V10.6142ZM16.7147 10.6142C16.7147 9.4629 16.7147 8.31159 16.7147 7.25623C16.7147 6.39275 16.3551 5.72115 15.7258 5.33738C13.9279 4.18608 12.0399 3.03479 10.1521 1.88349C9.43288 1.49972 8.80365 1.49972 8.08446 1.88349C6.28649 3.03479 4.48843 4.09016 2.60056 5.24147C1.88137 5.72118 1.52182 6.39275 1.52182 7.25623C1.52182 9.4629 1.52182 11.7655 1.52182 13.9722C1.52182 14.8357 1.88137 15.5072 2.60056 15.9869C4.39853 17.1383 6.19659 18.1936 8.08446 19.3449C8.80365 19.8246 9.52275 19.7287 10.2419 19.3449C12.0399 18.1936 13.838 17.1383 15.7258 15.9869C16.445 15.5072 16.8046 14.9316 16.8046 14.0681C16.8046 12.9168 16.8046 11.8614 16.8046 10.7101L16.7147 10.6142Z" fill="#101010"/>
<path d="M9.16305 14.7404C7.00548 14.7404 5.29736 12.9174 5.29736 10.6148C5.29736 8.31221 7.00548 6.48926 9.16305 6.48926C11.3206 6.48926 13.0287 8.31221 13.0287 10.6148C13.0287 12.9174 11.3206 14.7404 9.16305 14.7404ZM11.6803 10.6148C11.6803 9.17569 10.6014 7.92839 9.16305 7.92839C7.81457 7.92839 6.64584 9.07974 6.64584 10.6148C6.64584 12.054 7.72467 13.3012 9.16305 13.3012C10.5115 13.3012 11.6803 12.1499 11.6803 10.6148Z" fill="#101010"/>
<path d="M18.0632 10.6142C18.0632 11.7655 18.0632 12.8209 18.0632 13.9722C18.0632 15.4113 17.5238 16.4667 16.3551 17.1383C14.5571 18.2896 12.6693 19.4409 10.8713 20.4963C9.70261 21.1679 8.53391 21.1679 7.36523 20.4963C5.56726 19.345 3.76928 18.2896 1.97131 17.1383C0.80263 16.3708 0.17334 15.3154 0.17334 13.8763C0.17334 11.6696 0.17334 9.46292 0.17334 7.16031C0.17334 5.72118 0.80263 4.66579 1.97131 3.89825C3.76928 2.74694 5.56726 1.69158 7.36523 0.540273C8.53391 -0.131322 9.70261 -0.227264 10.8713 0.540273C12.6693 1.69158 14.5571 2.74694 16.3551 3.89825C17.5238 4.56985 18.0632 5.72118 18.0632 7.16031C18.0632 8.31162 18.0632 9.36698 18.0632 10.5183V10.6142ZM16.7147 10.6142C16.7147 9.4629 16.7147 8.31159 16.7147 7.25623C16.7147 6.39275 16.3551 5.72115 15.7258 5.33738C13.9279 4.18608 12.0399 3.03479 10.1521 1.88349C9.43288 1.49972 8.80365 1.49972 8.08446 1.88349C6.28649 3.03479 4.48843 4.09016 2.60056 5.24147C1.88137 5.72118 1.52182 6.39275 1.52182 7.25623C1.52182 9.4629 1.52182 11.7655 1.52182 13.9722C1.52182 14.8357 1.88137 15.5072 2.60056 15.9869C4.39853 17.1383 6.19659 18.1936 8.08446 19.3449C8.80365 19.8246 9.52275 19.7287 10.2419 19.3449C12.0399 18.1936 13.838 17.1383 15.7258 15.9869C16.445 15.5072 16.8046 14.9316 16.8046 14.0681C16.8046 12.9168 16.8046 11.8614 16.8046 10.7101L16.7147 10.6142Z" fill="#7C7D81"/>
<path d="M9.16305 14.7404C7.00548 14.7404 5.29736 12.9174 5.29736 10.6148C5.29736 8.31221 7.00548 6.48926 9.16305 6.48926C11.3206 6.48926 13.0287 8.31221 13.0287 10.6148C13.0287 12.9174 11.3206 14.7404 9.16305 14.7404ZM11.6803 10.6148C11.6803 9.17569 10.6014 7.92839 9.16305 7.92839C7.81457 7.92839 6.64584 9.07974 6.64584 10.6148C6.64584 12.054 7.72467 13.3012 9.16305 13.3012C10.5115 13.3012 11.6803 12.1499 11.6803 10.6148Z" fill="#7C7D81"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

5
img/triple.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 40 KiB

24
manage.html
View File

@@ -9,7 +9,7 @@
<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=17" />
<link rel="stylesheet" href="style.css?t=20" />
</head>
<body>
<div class="sidebar">
@@ -28,12 +28,14 @@
<div class="menu-item" id="backupBtn"><img src="/img/backup1.svg" data-src="/img/backup1.svg" data-hover="/img/backup2.svg" alt="Backup" /><span>Backup</span></div>
<div class="menu-item" id="diskBtn"><img src="/img/disk1.svg" data-src="/img/disk1.svg" data-hover="/img/disk2.svg" alt="Disk Management" /><span>Disk Management</span></div>
<div class="menu-item" id="monitorBtn"><img src="/img/monitor1.svg" data-src="/img/monitor1.svg" data-hover="/img/monitor2.svg" alt="Monitor" /><span>Monitor</span></div>
<!--
<div class="menu-item has-submenu" id="settingsBtn"><img src="/img/settings1.svg" data-src="/img/settings1.svg" data-hover="/img/settings2.svg" alt="Settings" /><span>Settings</span><span class="arrow">&#9662;</span></div>
<div class="submenu" id="settingsSubmenu">
<div id="servicesBtn" class="submenu-item">Services</div>
<div id="repositoriesBtn" class="submenu-item">Repositories</div>
<div id="systemservicesBtn" class="submenu-item">System services</div>
</div>
-->
</div>
</div>
<div class="yellow-row">
@@ -94,7 +96,6 @@
const backupBtn = document.getElementById('backupBtn');
const diskBtn = document.getElementById('diskBtn');
const monitorBtn = document.getElementById('monitorBtn');
const settingsBtn = document.getElementById('settingsBtn');
const vpnBtn = document.getElementById('vpnBtn');
const upgradeBtn = document.getElementById('upgradeBtn');
@@ -121,10 +122,12 @@
myAppsContainer.classList.remove('hidden');
popup.classList.add('hidden');
myAppsContainer.innerHTML = '<div class="main-header"><h1>Applications</h1><button id="updatesBtn"><i class="fas fa-bell"></i> Notification</button></div><div id="appsContainer"></div>';
myAppsContainer.innerHTML = '<div class="main-header"><h1>Applications</h1><div class="buttons"><button id="updatesBtn"><i class="fas fa-bell"></i> Notification</button><button id="settingsBtn"><img src="/img/settings1.svg" data-src="/img/settings1.svg" data-hover="/img/settings2.svg" alt="Settings" />Settings</button></div></div><div id="appsContainer"></div>';
const appsContainer = document.getElementById('appsContainer');
const updatesBtn = document.getElementById('updatesBtn');
const settingsBtn = document.getElementById('settingsBtn');
updatesBtn.addEventListener('click', () => renderUpdates());
settingsBtn.addEventListener('click', () => {renderSettings();});
apps.forEach(app => {
//if ((all==false && app.installed=='true') || (all==true && app.installed!='true')) {
@@ -160,7 +163,10 @@
myAppsContainer.innerHTML = `
<div class="main-header">
<h1>${title}</h1>
<div class="buttons">
<button id="updatesBtn"><i class="fas fa-bell"></i> Notification</button>
<button id="settingsBtn"><img src="/img/settings1.svg" data-src="/img/settings1.svg" data-hover="/img/settings2.svg" alt="Settings" />Settings</button>
</div>
</div>
<label>Under development...</label>
`;
@@ -189,7 +195,10 @@
myAppsContainer.innerHTML = `
<div class="main-header">
<h1>Monitor</h1>
<div class="buttons">
<button id="updatesBtn"><i class="fas fa-bell"></i> Notification</button>
<button id="settingsBtn"><img src="/img/settings1.svg" data-src="/img/settings1.svg" data-hover="/img/settings2.svg" alt="Settings" />Settings</button>
</div>
</div>
<label>Under development...</label><br>
<img src="/img/monitor.jpg" alt="Under development..." width="1000" />
@@ -253,7 +262,7 @@
const isVisible = submenu.style.display === "flex";
submenu.style.display = isVisible ? "none" : "flex";
settingsBtn.classList.toggle("open", !isVisible);
// settingsBtn.classList.toggle("open", !isVisible);
myAppsContainer.classList.remove('hidden');
popup.classList.add('hidden');
@@ -261,7 +270,10 @@
myAppsContainer.innerHTML = `
<div class="main-header">
<h1>Settings</h1>
<div class="buttons">
<button id="updatesBtn"><i class="fas fa-bell"></i> Notification</button>
<button id="settingsBtn"><img src="/img/settings1.svg" data-src="/img/settings1.svg" data-hover="/img/settings2.svg" alt="Settings" />Settings</button>
</div>
</div>
<div class="input-row">
@@ -346,7 +358,7 @@
backupBtn.classList.remove('active');
diskBtn.classList.remove('active');
monitorBtn.classList.remove('active');
settingsBtn.classList.remove('active');
//settingsBtn.classList.remove('active');
btn.classList.add('active');
updateActive();
@@ -357,7 +369,7 @@
backupBtn.addEventListener('click', () => {renderText('Backup'); activate(backupBtn);});
diskBtn.addEventListener('click', () => {renderText('Disk Management'); activate(diskBtn)});
monitorBtn.addEventListener('click', () => {renderMonitor(); activate(monitorBtn)});
settingsBtn.addEventListener('click', () => {renderSettings(); activate(settingsBtn)});
//settingsBtn.addEventListener('click', () => {renderSettings(); activate(settingsBtn)});
vpnBtn.addEventListener('click', () => renderVPN());
upgradeBtn.addEventListener('click', () => renderVPN());

6
scan.php
View File

@@ -197,8 +197,8 @@ switch ($_GET["op"]) {
<p class="description">'.$template->description.'</p>
</div>
</div>
<button id="updatesBtn" class="notification-btn"><i class="fas fa-bell"></i> Notification</button>
</div>
<!-- <button id="updatesBtn" class="notification-btn"><i class="fas fa-bell"></i> Notification</button>
--> </div>
';
if ($reinstall) {
echo '<div id="letsencrypt">';
@@ -278,7 +278,7 @@ switch ($_GET["op"]) {
<button class=\"btn btn-lg btn-primary btn-block\" type=\"button\" id=\"uninstall_{$template->name}_btn\" onclick=\"uninstall('{$template->name}')\">Uninstall</button>
</div>";
}
echo "<div class=\"mb-3\" style=\"margin-left:200px;float:\">
echo "<div class=\"mb-3\">
<button class=\"btn btn-lg btn-primary btn-block\" type=\"button\" id=\"cancel_{$template->name}_btn\">Cancel</button>
</div>";
echo "

42
style.css
View File

@@ -375,8 +375,9 @@
#appsContainer {
display: flex;
flex-wrap: wrap;
gap: 16px;
gap: 15px;
padding: 0px;
max-width: 1105px;
}
.app {
@@ -424,8 +425,8 @@
background-color: inherit;
color: #cccccc;
border: 1px solid #cccccc;
border-radius: 15px;
padding: 18px;
border-radius: 10px;
padding: 10px 20px;
font-size: 16px;
font-weight: 400;
cursor: pointer;
@@ -530,6 +531,7 @@
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
max-width: 1105px;
}
.main-header h1 {
@@ -537,19 +539,32 @@
font-size: 28px;
}
.main-header .buttons {
display: flex;
gap: 20px;
}
.main-header button {
background-color: var(--highlight-color);
color: black;
border: none;
padding: 10px 20px;
border-radius: 10px;
cursor: pointer;
font-weight: bold;
display: flex;
padding: 10px 20px;
background-color: black;
border: 1px solid #999;
border-radius: 10px;
color: #999;
font-size: 16px;
font-weight: bold;
cursor: pointer;
margin-top: 10px;
align-self: flex-start;
align-items: center;
gap: 10px;
}
.main-header button:hover {
border: 1px solid #f5c300;
color: #f5c300;
}
.input-row, .input-group {
display: flex;
justify-content: space-between;
@@ -616,7 +631,6 @@
left: -18px;
top: -22px;
display: inline-block;
font-family: Arial, sans-serif;
margin: 0px;
width: 0px;
}
@@ -704,9 +718,9 @@
background-color: black;
border: 1px solid #999;
color: #999;
padding: 10px 15px;
font-size: 14px;
border-radius: 5px;
padding: 10px 20px;
font-size: 16px;
border-radius: 10px;
font-weight: bold;
cursor: pointer;
margin-top: 10px;