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

small layout changes
Some checks reported errors
continuous-integration/drone/push Build was killed
Details
continuous-integration/drone/tag Build is passing
Details

Browse Source
This commit is contained in:
hael
2025-09-26 08:56:49 +00:00
parent e69d9a2916
commit a88b06f38f
1 changed files with 18 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
manage.html
View File

@@ -122,12 +122,20 @@
myAppsContainer.classList.remove('hidden'); myAppsContainer.classList.remove('hidden');
popup.classList.add('hidden'); popup.classList.add('hidden');
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>'; 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" width="18" height="18" />Settings</button></div></div><div id="appsContainer"></div>';
const appsContainer = document.getElementById('appsContainer'); const appsContainer = document.getElementById('appsContainer');
const updatesBtn = document.getElementById('updatesBtn'); const updatesBtn = document.getElementById('updatesBtn');
const settingsBtn = document.getElementById('settingsBtn'); const settingsBtn = document.getElementById('settingsBtn');
updatesBtn.addEventListener('click', () => renderUpdates()); updatesBtn.addEventListener('click', () => renderUpdates());
settingsBtn.addEventListener('click', () => {renderSettings();}); settingsBtn.addEventListener('click', () => renderSettings());
const img = settingsBtn.querySelector("img");
settingsBtn.addEventListener("mouseover", () => {
img.src = img.dataset.hover;
});
settingsBtn.addEventListener("mouseout", () => {
img.src = img.dataset.src;
});
apps.forEach(app => { apps.forEach(app => {
//if ((all==false && app.installed=='true') || (all==true && app.installed!='true')) { //if ((all==false && app.installed=='true') || (all==true && app.installed!='true')) {
@@ -165,7 +173,7 @@
<h1>${title}</h1> <h1>${title}</h1>
<div class="buttons"> <div class="buttons">
<button id="updatesBtn"><i class="fas fa-bell"></i> Notification</button> <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> <button id="settingsBtn"><img src="/img/settings1.svg" data-src="/img/settings1.svg" data-hover="/img/settings2.svg" alt="Settings" width="18" height="18" />Settings</button>
</div> </div>
</div> </div>
<label>Under development...</label> <label>Under development...</label>
@@ -197,7 +205,7 @@
<h1>Monitor</h1> <h1>Monitor</h1>
<div class="buttons"> <div class="buttons">
<button id="updatesBtn"><i class="fas fa-bell"></i> Notification</button> <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> <button id="settingsBtn"><img src="/img/settings1.svg" data-src="/img/settings1.svg" data-hover="/img/settings2.svg" alt="Settings" width="18" height="18" />Settings</button>
</div> </div>
</div> </div>
<label>Under development...</label><br> <label>Under development...</label><br>
@@ -259,9 +267,9 @@
function renderSettings() { function renderSettings() {
const submenu = document.getElementById("settingsSubmenu"); const submenu = document.getElementById("settingsSubmenu");
const isVisible = submenu.style.display === "flex"; // const isVisible = submenu.style.display === "flex";
submenu.style.display = isVisible ? "none" : "flex"; // submenu.style.display = isVisible ? "none" : "flex";
// settingsBtn.classList.toggle("open", !isVisible); // settingsBtn.classList.toggle("open", !isVisible);
myAppsContainer.classList.remove('hidden'); myAppsContainer.classList.remove('hidden');
@@ -272,7 +280,7 @@
<h1>Settings</h1> <h1>Settings</h1>
<div class="buttons"> <div class="buttons">
<button id="updatesBtn"><i class="fas fa-bell"></i> Notification</button> <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> <button id="settingsBtn"><img src="/img/settings1.svg" data-src="/img/settings1.svg" data-hover="/img/settings2.svg" alt="Settings" width="18" height="18" />Settings</button>
</div> </div>
</div> </div>
@@ -314,9 +322,9 @@
const repositoriesBtn = document.getElementById('repositoriesBtn'); const repositoriesBtn = document.getElementById('repositoriesBtn');
const systemservicesBtn = document.getElementById('systemservicesBtn'); const systemservicesBtn = document.getElementById('systemservicesBtn');
const updatesBtn = document.getElementById('updatesBtn'); const updatesBtn = document.getElementById('updatesBtn');
servicesBtn.addEventListener('click', () => renderServices()); // servicesBtn.addEventListener('click', () => renderServices());
repositoriesBtn.addEventListener('click', () => renderRepositories()); // repositoriesBtn.addEventListener('click', () => renderRepositories());
systemservicesBtn.addEventListener('click', () => renderSystemServices()); // systemservicesBtn.addEventListener('click', () => renderSystemServices());
updatesBtn.addEventListener('click', () => renderUpdates()); updatesBtn.addEventListener('click', () => renderUpdates());
} }