templates: Add a proper menu and navigation

internal/dis/component/auth/panel/panel.go

@@ -35,6 +35,9 @@ func (panel *UserPanel) Routes() component.Routes {
 		Prefix:    "/user/",
 		CSRF:      true,
 		Decorator: panel.Dependencies.Auth.Require(nil),
+
+		MenuPriority: component.MenuUser,
+		MenuTitle:    "User",
 	}
 }
 
@@ -81,13 +84,20 @@ type userFormContext struct {
 	User *models.User
 }
 
-func (panel *UserPanel) UserFormContext(ctx httpx.FormContext, r *http.Request) any {
-	user, err := panel.Dependencies.Auth.UserOf(r)
-
-	uctx := userFormContext{FormContext: ctx}
-	panel.Dependencies.Custom.Update(&uctx, r)
-	if err == nil {
-		uctx.User = &user.User
+func (panel *UserPanel) UserFormContext(last component.MenuItem) func(ctx httpx.FormContext, r *http.Request) any {
+	crumbs := []component.MenuItem{
+		{Title: "User", Path: "/user/"},
+		last,
 	}
-	return uctx
+	return func(ctx httpx.FormContext, r *http.Request) any {
+		user, err := panel.Dependencies.Auth.UserOf(r)
+
+		uctx := userFormContext{FormContext: ctx}
+		panel.Dependencies.Custom.Update(&uctx, r, crumbs)
+		if err == nil {
+			uctx.User = &user.User
+		}
+		return uctx
+	}
+
 }

internal/dis/component/auth/panel/password.go

@@ -7,6 +7,7 @@ import (
 
 	_ "embed"
 
+	"github.com/FAU-CDI/wisski-distillery/internal/dis/component"
 	"github.com/FAU-CDI/wisski-distillery/internal/dis/component/control/static"
 	"github.com/FAU-CDI/wisski-distillery/pkg/httpx"
 	"github.com/FAU-CDI/wisski-distillery/pkg/httpx/field"
@@ -37,7 +38,7 @@ func (panel *UserPanel) routePassword(ctx context.Context) http.Handler {
 		FieldTemplate: field.PureCSSFieldTemplate,
 
 		RenderTemplate:        passwordTemplate,
-		RenderTemplateContext: panel.UserFormContext,
+		RenderTemplateContext: panel.UserFormContext(component.MenuItem{Title: "Change Password", Path: "/user/password/"}),
 
 		Validate: func(r *http.Request, values map[string]string) (struct{}, error) {
 			old, passcode, new, new2 := values["old"], values["otp"], values["new"], values["new2"]

internal/dis/component/auth/panel/templates/password.html

@@ -1,13 +1,3 @@
 {{ template "_form.html" . }}
 {{ define "form/title" }}Change Password{{ end }}
 {{ define "form/button" }}Update{{ end }}
-
-{{ define "header"}}
-<p>
-    <a class="pure-button" href="/user/">{{ .User.User }}</a> &gt;
-    <a class="pure-button pure-button-primary" href="/user/password/">Change Password</a>
-</p>
-<p>
-    <a class="pure-button pure-button-small" href="/auth/logout/">Logout</a>
-</p>
-{{ end }}

internal/dis/component/auth/panel/templates/totp_disable.html

@@ -2,16 +2,6 @@
 {{ define "form/title" }}Disable TOTP{{ end }}
 {{ define "form/button" }}Disable{{ end }}
 
-{{ define "header"}}
-<p>
-    <a class="pure-button" href="/user/">{{ .User.User }}</a> &gt;
-    <a class="pure-button pure-button-primary" href="/user/totp/disable/">Disable TOTP</a>
-</p>
-<p>
-    <a class="pure-button pure-button-small" href="/auth/logout/">Logout</a>
-</p>
-{{ end }}
-
 {{ define "form/inside" }}
 <div>
     <ul>

internal/dis/component/auth/panel/templates/totp_enable.html

@@ -1,15 +1,6 @@
 {{ template "_form.html" . }}
 {{ define "form/title" }}Enable TOTP{{ end }}
 {{ define "form/button" }}Enable{{ end }}
-{{ define "header"}}
-<p>
-    <a class="pure-button" href="/user/">{{ .User.User }}</a> &gt;
-    <a class="pure-button pure-button-primary" href="/user/totp/enable/">Enable TOTP</a>
-</p>
-<p>
-    <a class="pure-button pure-button-small" href="/auth/logout/">Logout</a>
-</p>
-{{ end }}
 {{ define "form/inside" }}
 <div>
     <ul>

internal/dis/component/auth/panel/templates/totp_enroll.html

@@ -1,15 +1,6 @@
 {{ template "_form.html" . }}
 {{ define "form/title" }}Enable TOTP{{ end }}
 {{ define "form/button" }}Enable{{ end }}
-{{ define "header" }}
-<p>
-    <a class="pure-button" href="/user/">{{ .User.User }}</a> &gt;
-    <a class="pure-button pure-button-primary" href="/user/totp/enroll/">Enroll TOTP</a>
-</p>
-<p>
-    <a class="pure-button pure-button-small" href="/auth/logout/">Logout</a>
-</p>
-{{ end }}
 {{ define "form/inside" }}
 <div>
     <a href="{{ .TOTPURL }}">

internal/dis/component/auth/panel/templates/user.html

@@ -1,15 +1,6 @@
 {{ template "_base.html" . }}
 {{ define "title" }}User{{ end }}
 
-{{ define "header"}}
-<p>
-    <a class="pure-button pure-button-primary" href="/user/">{{ .User.User }}</a>
-</p>
-<p>
-    <a class="pure-button pure-button-small" href="/auth/logout/">Logout</a>
-</p>
-{{ end }}
-
 {{ define "content" }}
 <div class="pure-u-1">
     <p>

internal/dis/component/auth/panel/totp.go

@@ -5,6 +5,7 @@ import (
 	"html/template"
 	"net/http"
 
+	"github.com/FAU-CDI/wisski-distillery/internal/dis/component"
 	"github.com/FAU-CDI/wisski-distillery/internal/dis/component/auth"
 	"github.com/FAU-CDI/wisski-distillery/internal/dis/component/control/static"
 	"github.com/FAU-CDI/wisski-distillery/pkg/httpx"
@@ -32,7 +33,7 @@ func (panel *UserPanel) routeTOTPEnable(ctx context.Context) http.Handler {
 		},
 
 		RenderTemplate:        totpEnableTemplate,
-		RenderTemplateContext: panel.UserFormContext,
+		RenderTemplateContext: panel.UserFormContext(component.MenuItem{Title: "Enable TOTP", Path: "/user/totp/enable/"}),
 
 		Validate: func(r *http.Request, values map[string]string) (struct{}, error) {
 			password := values["password"]
@@ -77,7 +78,10 @@ type totpEnrollContext struct {
 
 func (panel *UserPanel) routeTOTPEnroll(ctx context.Context) http.Handler {
 	totpEnrollTemplate := panel.Dependencies.Custom.Template(totpEnrollTemplate)
-
+	crumbs := []component.MenuItem{
+		{Title: "User", Path: "/user/"},
+		{Title: "Enable TOTP", Path: "/user/totp/enable/"},
+	}
 	return &httpx.Form[struct{}]{
 		Fields: []field.Field{
 			{Name: "password", Type: field.Password, Autocomplete: field.CurrentPassword, EmptyOnError: true, Label: "Current Password"},
@@ -99,7 +103,7 @@ func (panel *UserPanel) routeTOTPEnroll(ctx context.Context) http.Handler {
 					FormContext: context,
 				},
 			}
-			panel.Dependencies.Custom.Update(&ctx.userFormContext, r)
+			panel.Dependencies.Custom.Update(&ctx.userFormContext, r, crumbs)
 
 			if err == nil && user != nil {
 				ctx.userFormContext.User = &user.User
@@ -164,7 +168,7 @@ func (panel *UserPanel) routeTOTPDisable(ctx context.Context) http.Handler {
 			return struct{}{}, err == nil && user != nil && !user.IsTOTPEnabled()
 		},
 		RenderTemplate:        totpDisableTemplate,
-		RenderTemplateContext: panel.UserFormContext,
+		RenderTemplateContext: panel.UserFormContext(component.MenuItem{Title: "Disable TOTP", Path: "/user/totp/disable/"}),
 
 		Validate: func(r *http.Request, values map[string]string) (struct{}, error) {
 			password, otp := values["password"], values["otp"]

internal/dis/component/auth/panel/user.go

@@ -7,6 +7,7 @@ import (
 
 	_ "embed"
 
+	"github.com/FAU-CDI/wisski-distillery/internal/dis/component"
 	"github.com/FAU-CDI/wisski-distillery/internal/dis/component/auth"
 	"github.com/FAU-CDI/wisski-distillery/internal/dis/component/control/static"
 	"github.com/FAU-CDI/wisski-distillery/internal/dis/component/control/static/custom"
@@ -35,9 +36,13 @@ type GrantWithURL struct {
 
 func (panel *UserPanel) routeUser(ctx context.Context) http.Handler {
 	userTemplate := panel.Dependencies.Custom.Template(userTemplate)
+	crumbs := []component.MenuItem{
+		{Title: "User", Path: "/user/"},
+	}
+
 	return &httpx.HTMLHandler[routeUserContext]{
 		Handler: func(r *http.Request) (ruc routeUserContext, err error) {
-			panel.Dependencies.Custom.Update(&ruc, r)
+			panel.Dependencies.Custom.Update(&ruc, r, crumbs)
 
 			// find the user
 			ruc.AuthUser, err = panel.Dependencies.Auth.UserOf(r)