features/client-side-settings #3
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
}
|
||||
|
@ -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)
|
||||
|
||||
}
|
||||
}
|
||||
|
@ -1,6 +1,6 @@
|
||||
package layout
|
||||
|
||||
templ WithLayout(pageName string, useDarkMode bool) {
|
||||
templ WithLayout(pageName string) {
|
||||
<html>
|
||||
@getHtmlHead()
|
||||
<body>
|
||||
|
@ -2,8 +2,14 @@ package layout
|
||||
|
||||
import (
|
||||
"context"
|
||||
"templ-test/domain"
|
||||
)
|
||||
|
||||
func useLightOrDarkTheme(ctx context.Context) string {
|
||||
cookie := ctx.Value(domain.CookieSettingsDarkMode)
|
||||
if cookie == "on" {
|
||||
return "dark"
|
||||
} else {
|
||||
return "light"
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user