jtom38/go-cook-portal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

moving things to use WithLayout and push the darkmode theme to a cookie that is pulled on layout render

Browse Source
This commit is contained in:
James Tombleson 2024-04-14 18:38:09 -07:00
parent 68c44812d8
commit a4d5b7ade3
6 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
views/auth/cookie.templ
View File

@ -4,7 +4,7 @@ import "templ-test/models"
import "templ-test/views/layout"
templ ShowCookie(m models.AllCookies) {
@layout.Testing("Cookie Explorer") {
@layout.WithLayout("Cookie Explorer") {
<h2>These are stored as cookies</h2>
<p>Username: { m.Username }</p>
<p>JWT Token: { m.Token }</p>

2
views/auth/login.templ
View File

@ -3,7 +3,7 @@ package auth
import "templ-test/views/layout"
templ AuthLogin() {
@layout.WithLayout("Login", true) {
@layout.WithLayout("Login") {
<form hx-post="/auth/login">
<div class="mb-3">
<label for="username" class="form-label">Username</label>

2
views/home/error.templ
View File

@ -3,7 +3,7 @@ package home
import "templ-test/views/layout"
templ Error(message error) {
@layout.Testing("Error") {
@layout.WithLayout("Error") {
<h1>Oops... :(</h1>
<h3>{ message.Error() } </h3>
}

6
views/home/home.templ
View File

@ -4,14 +4,14 @@ import "templ-test/views/components/bootstrap"
import "templ-test/views/layout"
templ Home() {
@layout.WithLayout("Home", true) {
@layout.WithLayout("Home") {
<p>
this should be above the alert
</p>
@bootstrap.BootstrapAlert("Testing!", bootstrap.VariantDark)
<p>you should now see this under the Alert </p>
@bootstrap.BootstrapButton("I am in danger", bootstrap.VariantDanger)
@bootstrap.BootstrapButton("I am the darkness", bootstrap.VariantDark)
@bootstrap.BootstrapButton("I am in danger", bootstrap.VariantDanger, bootstrap.ButtonTypeDefault)
@bootstrap.BootstrapButton("I am the darkness", bootstrap.VariantDark, bootstrap.ButtonTypeDefault)
}
}

2
views/layout/body.templ
View File

@ -1,6 +1,6 @@
package layout
templ WithLayout(pageName string, useDarkMode bool) {
templ WithLayout(pageName string) {
<html>
@getHtmlHead()
<body>

8
views/layout/util.go
View File

@ -2,8 +2,14 @@ package layout
import (
"context"
"templ-test/domain"
)
func useLightOrDarkTheme(ctx context.Context) string {
return "dark"
cookie := ctx.Value(domain.CookieSettingsDarkMode)
if cookie == "on" {
return "dark"
} else {
return "light"
}
}