tronnet/ProxmoxAAS-Dashboard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

template cleanup

Browse Source
This commit is contained in:
Arthur Lu
2026-06-04 17:58:42 +00:00
parent 66747fa657
commit 3b1b20b506
15 changed files with 66 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/css/nav.css
+2 -2
View File
@@ -80,7 +80,7 @@ label[for="navtoggle"], #navtoggle {
display: none;
}
@media screen and (width >= 600px){
@media screen and (width >= 601px){
header {
grid-template-columns: auto 1fr;
}
@@ -106,7 +106,7 @@ label[for="navtoggle"], #navtoggle {
}
}
@media screen and (width <= 600px){
@media screen and (width <= 601px){
header {
grid-template-columns: 1fr auto;
}
web/html/account.html
+1 -3
View File
@@ -34,9 +34,7 @@
</style>
</head>
<body>
<header>
{{template "header" .}}
</header>
{{template "header" .}}
<main>
<h2>Account</h2>
<section class="w3-card w3-padding">
web/html/backups.html
+1 -3
View File
@@ -9,9 +9,7 @@
</style>
</head>
<body>
<header>
{{template "header" .}}
</header>
{{template "header" .}}
<main>
<h2><a href="index">Instances</a> / {{.config.Name}} / Backups</h2>
<section class="w3-card w3-padding">
web/html/config.html
+1 -3
View File
@@ -19,9 +19,7 @@
</style>
</head>
<body>
<header>
{{template "header" .}}
</header>
{{template "header" .}}
<main>
<section>
<h2><a href="index">Instances</a> / {{.config.Name}} / Config</h2>
web/html/index.html
+1 -3
View File
@@ -65,9 +65,7 @@
</style>
</head>
<body>
<header>
{{template "header" .}}
</header>
{{template "header" .}}
<main>
<section>
<h2>Instances</h2>
web/html/login.html
+1 -3
View File
@@ -7,9 +7,7 @@
<link rel="modulepreload" href="scripts/dialog.js">
</head>
<body>
<header>
{{template "header" .}}
</header>
{{template "header" .}}
<main class="flex" style="justify-content: center; align-items: center;">
<div class="w3-container w3-card w3-margin w3-padding" style="height: fit-content;">
<h2 class="w3-center">{{.global.Organization}} Login</h2>
web/html/settings.html
+3 -3
View File
@@ -26,9 +26,7 @@
</style>
</head>
<body>
<header>
{{template "header" .}}
</header>
{{template "header" .}}
<main>
<h2>Settings</h2>
<form id="settings">
@@ -42,6 +40,8 @@
<p>App will periodically check for updates and synchronize only if needed. Medium resource usage.</p>
<label><input class="w3-radio" type="radio" id="sync-interrupt" name="sync-scheme" value="interrupt" required>Sync When Needed</label>
<p>App will react to changes and synchronize when changes are made. Low resource usage.</p>
<label><input class="w3-radio" type="radio" id="sync-never" name="sync-scheme" value="never" required>Never Sync</label>
<p>App will never automatically sync. Reload the page to sync the latest cluster state.</p>
</fieldset>
<fieldset>
<legend>App Sync Frequency</legend>
web/scripts/clientsync.js
+4 -2
View File
@@ -2,8 +2,10 @@ import { getSyncSettings, requestAPI } from "./utils.js";
export async function setupClientSync (callback) {
const { scheme, rate } = getSyncSettings();
if (scheme === "always") {
if (scheme === "never") {
return
}
else if (scheme === "always") {
window.setInterval(callback, rate * 1000);
}
else if (scheme === "hash") {
web/scripts/settings.js
+1
View File
@@ -4,6 +4,7 @@ window.addEventListener("DOMContentLoaded", init);
function init () {
setAppearance();
const { scheme, rate } = getSyncSettings();
if (scheme) {
document.querySelector(`#sync-${scheme}`).checked = true;
web/templates/base.go.tmpl
+17 -13
View File
@@ -1,3 +1,4 @@
{{/* <head> common across all pages*/}}
{{define "head"}}
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -14,18 +15,21 @@
<link rel="stylesheet" href="css/form.css">
{{end}}
{{/* <header> common across all pages*/}}
{{define "header"}}
<h1>{{.global.Organization}}</h1>
<label for="navtoggle">&#9776;</label>
<input type="checkbox" id="navtoggle">
<nav id="navigation">
{{if eq .page "login"}}
<a href="login" aria-current="page">Login</a>
{{else}}
<a href="index" {{if eq .page "index"}} aria-current="page" {{end}}>Instances</a>
<a href="account" {{if eq .page "account"}} aria-current="page" {{end}}>Account</a>
<a href="settings" {{if eq .page "settings"}} aria-current="page" {{end}}>Settings</a>
<a href="login">Logout</a>
{{end}}
</nav>
<header>
<h1>{{.global.Organization}}</h1>
<label for="navtoggle">&#9776;</label>
<input type="checkbox" id="navtoggle">
<nav id="navigation">
{{if eq .page "login"}}
<a href="login" aria-current="page">Login</a>
{{else}}
<a href="index" {{if eq .page "index"}} aria-current="page" {{end}}>Instances</a>
<a href="account" {{if eq .page "account"}} aria-current="page" {{end}}>Account</a>
<a href="settings" {{if eq .page "settings"}} aria-current="page" {{end}}>Settings</a>
<a href="login">Logout</a>
{{end}}
</nav>
</header>
{{end}}
web/templates/instance-card.go.tmpl
+1 -1
View File
@@ -43,7 +43,7 @@
.hide-large {display: none !important;}
.hide-medium {display:none !important}
}
@media screen and (width <=601px) {
@media screen and (width <=601px) and (width >=440px){
.hide-large {display: none !important;}
.hide-medium {display:none !important}
.hide-small {display:none !important}
web/templates/resource-chart.go.tmpl
+1 -1
View File
@@ -37,7 +37,7 @@
<progress value="{{.Used}}" max="{{.Max}}" id="resource"></progress>
<label id="caption" for="resource">
<span>{{.Name}}</span>
<span>{{printf "%g" .Avail}} {{.Prefix}}{{.Unit}} Avaliable</span>
<span>{{.Avail}} {{.Prefix}}{{.Unit}} Avaliable</span>
</label>
</div>
</template>
web/templates/select.go.tmpl
+19 -3
View File
@@ -1,11 +1,27 @@
{{/*
Select: generic data driven <select> element template
.ID = (string) select element id & name attribute
.Required = (bool) select element required attribute
.Options = ([]Options) array of Options
*/}}
{{define "select"}}
<select class="w3-select w3-border" id="{{.ID}}" name="{{.ID}}" {{if .Required}}required{{end}}>
{{range .Options}}
{{range .Options}}
{{template "option" .}}
{{end}}
</select>
{{end}}
{{/*
Options: generic data driven <option> element template
.Selected = (bool) option element selected attribute
.Value = (string) option element value attribute
.Display = (string) option element innerText
*/}}
{{define "option"}}
{{if .Selected}}
<option value="{{.Value}}" selected>{{.Display}}</option>
{{else}}
<option value="{{.Value}}">{{.Display}}</option>
{{end}}
{{end}}
</select>
{{end}}