putting web from main into this branch

2026-02-18 20:52:50 +01:00
parent 77dd155299
commit f00bf0a684
37 changed files with 3558 additions and 0 deletions
--- a/pkg/web/components/layout.templ
+++ b/pkg/web/components/layout.templ
@@ -0,0 +1,87 @@
+package components
+
+templ Layout(props LayoutProps) {
+	<!DOCTYPE html>
+	<html lang="en" data-theme="corporate">
+		<head>
+			<meta charset="UTF-8"/>
+			<title>{ props.Title }</title>
+			<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+			<meta name="description" content={ props.Description }/>
+			@Head(props.Head)
+		</head>
+		<body class="min-h-screen bg-base-200 text-base-content flex flex-col">
+			@Header(props.Header)
+
+			<div class="flex flex-1 min-h-0">
+			@Sidebar(props.Routes)
+			<main class="flex-1 p-4 bg-base-100 min-h-0 overflow-auto">
+				{ children... }
+			</main>
+			</div>
+		</body>
+	</html>
+}
+
+type LayoutProps struct {
+	Title       string
+	Description string
+	Head        HeadProps
+	Header      HeaderProps
+	Routes      []NavRoutes
+}
+type NavRoutes struct {
+	Name string
+	Path string
+	Icon templ.Component
+}
+
+templ Head(props HeadProps) {
+	for _, link := range props.Links {
+		<link href={ link.Href } rel={ link.Rel } as={ link.As }/>
+	}
+	for _, script := range props.Scripts {
+		<script src={ script.Src } defer={ script.Defer }></script>
+	}
+}
+
+type HeadProps struct {
+	Links   []Link
+	Scripts []Script
+}
+
+type Link struct {
+	Href string
+	Rel  string
+	As   string
+}
+
+type Script struct {
+	Src   string
+	Defer bool
+}
+
+templ Header(props HeaderProps) {
+	<header class="navbar bg-primary text-primary-content px-6">
+		<div class="navbar-start">
+			<span class="font-semibold mr-5">{ props.Title }</span>
+		</div>
+		<div class="navbar-center">
+			if props.NavbarCenter != nil {
+				@props.NavbarCenter
+			}
+		</div>
+		<div class="navbar-end">
+			if props.NavbarEnd != nil {
+				@props.NavbarEnd
+			}
+		</div>
+	</header>
+}
+
+type HeaderProps struct {
+	Title        string
+	NavbarStart  templ.Component
+	NavbarCenter templ.Component
+	NavbarEnd    templ.Component
+}