adyxax/tfstated
1
0
Fork 0
Code Issues 47 Pull requests Releases Packages Wiki Activity Actions

chore(webui): redesign the settings page and fix a few display elements

Browse source
This commit is contained in:
Julien Dessaux 2025-04-07 00:43:35 +02:00
parent 59b3d49a4f
commit f604bb98ab
Signed by: adyxax
GPG key ID: F92E51B86E07177E
6 changed files with 24 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

8
pkg/webui/html/base.html
View file

@ -15,21 +15,21 @@
<div id="main">
<aside>
{{ if eq .Page.Section "login" }}
<a href="/login" class="active">
<a href="/login" class="primary">
<i class="material-symbols-outlined">login</i>
<span>Login</span>
</a>
{{ else }}
<a href="/states"{{ if eq .Page.Section "states" }} class="active"{{ end}}>
<a href="/states"{{ if eq .Page.Section "states" }} class="primary"{{ end}}>
<i class="material-symbols-outlined">home_storage</i>
<span>States</span>
</a>
<a href="/settings"{{ if eq .Page.Section "settings" }} class="active"{{ end}}>
<a href="/settings"{{ if eq .Page.Section "settings" }} class="primary"{{ end}}>
<i class="material-symbols-outlined">settings</i>
<span>Settings</span>
</a>
{{ if .Page.IsAdmin }}
<a href="/accounts"{{ if eq .Page.Section "accounts" }} class="active"{{ end}}>
<a href="/accounts"{{ if eq .Page.Section "accounts" }} class="primary"{{ end}}>
<i class="material-symbols-outlined">person</i>
<span>User Accounts</span>
</a>

29
pkg/webui/html/settings.html
View file

@ -1,23 +1,20 @@
{{ define "main" }}
<h1>Settings</h1>
<form action="/settings" method="post">
<fieldset>
<div class="field middle-align">
<nav>
<div class="max">
<h6>Dark Mode</h6>
</div>
<label class="switch icon">
<input {{ if not .Settings.LightMode }} checked{{ end }}
name="dark-mode"
type="checkbox"
value="1" />
<span>
<i>dark_mode</i>
</span>
</label>
</nav>
<legend>Account Settings</legend>
<div style="align-items:center; display:grid; grid-template-columns:1fr 1fr;">
<label for="dark-mode">Dark mode</label>
<input autofocus
{{ if not .Settings.LightMode }}checked{{ end }}
id="dark-mode"
name="dark-mode"
type="checkbox"
value="1">
</div>
<div style="align-self:stretch; display:flex; justify-content:flex-end;">
<button class="primary" type="submit" value="submit">Save</button>
</div>
<button class="small-round" type="submit" value="login">Save</button>
</fieldset>
</form>
{{ end }}