diff options
| author | Julien Dessaux | 2025-01-30 00:19:16 +0100 |
|---|---|---|
| committer | Julien Dessaux | 2025-01-30 00:19:16 +0100 |
| commit | 98c7d6f5785182117b9fe6ebd6b892f860bc2024 (patch) | |
| tree | 261f22399f8f3fce71a2e1c4fc79314c2a8c5efd /pkg/webui/html | |
| parent | fix(webui): fix invalid session cookie handling (diff) | |
| download | tfstated-98c7d6f5785182117b9fe6ebd6b892f860bc2024.tar.gz tfstated-98c7d6f5785182117b9fe6ebd6b892f860bc2024.tar.bz2 tfstated-98c7d6f5785182117b9fe6ebd6b892f860bc2024.zip | |
feat(webui): bootstrap account settings management with light and dark mode
Diffstat (limited to '')
| -rw-r--r-- | pkg/webui/html/base.html | 6 | ||||
| -rw-r--r-- | pkg/webui/html/settings.html | 25 |
2 files changed, 30 insertions, 1 deletions
diff --git a/pkg/webui/html/base.html b/pkg/webui/html/base.html index c0138ac..4ec6565 100644 --- a/pkg/webui/html/base.html +++ b/pkg/webui/html/base.html @@ -16,6 +16,10 @@ <i>home_storage</i> <span>States</span> </a> +<a href="/settings"{{ if eq .Page.Section "settings" }} class="fill"{{ end}}> + <i>settings</i> + <span>Settings</span> +</a> <a href="/logout"> <i>logout</i> <span>Logout</span> @@ -32,7 +36,7 @@ <link href="https://cdn.jsdelivr.net/npm/beercss@3.8.0/dist/cdn/beer.min.css" rel="stylesheet"> <title>TFSTATED - {{ .Page.Title }}</title> </head> - <body class="dark"> + <body class="{{ if .Page.LightMode }}light{{ else }}dark{{ end }}"> <nav class="left drawer l">{{ template "nav" . }}</nav> <nav class="left m">{{ template "nav" . }}</nav> <nav class="bottom s">{{ template "nav" . }}</nav> diff --git a/pkg/webui/html/settings.html b/pkg/webui/html/settings.html new file mode 100644 index 0000000..4040b9b --- /dev/null +++ b/pkg/webui/html/settings.html @@ -0,0 +1,25 @@ +{{ define "main" }} +<main class="responsive"> + <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> + </div> + <button class="small-round" type="submit" value="login">Save</button> + </fieldset> + </form> +</main> +{{ end }} |