parse query parameter

kontor-gin/assets/style/main.css

@@ -6,6 +6,8 @@ body {
     font-family: Arial;
     padding: 10px;
     background: lightgrey;
+    padding-top: 56px;
+    padding-bottom: 56px;
 }
 
 /* Header/Blog Title */

kontor-gin/internal/handlers/media_lofi.go

@@ -89,6 +89,27 @@ func (handler *MediaLoFiHandler) ListPage(c *gin.Context) {
 	session := sessions.Default(c)
 	user := session.Get(globals.UserKey)
 	logger := slog.Get(c)
+	var (
+		review   bool
+		download bool
+	)
+	paramReview, existsReview := c.GetQuery("review")
+	if existsReview {
+		if paramReview == "on" {
+			review = true
+		} else {
+			review = false
+		}
+	}
+	paramDownload, existsDownload := c.GetQuery("should_download")
+	if existsDownload {
+		if paramDownload == "on" {
+			download = true
+		} else {
+			download = false
+		}
+	}
+
 	lofis, err := handler.Service.List(c.Request.Context())
 	if err != nil {
 		logger.Info("MediaLoFiHandler#ListPage", "error", err.Error())
@@ -102,6 +123,8 @@ func (handler *MediaLoFiHandler) ListPage(c *gin.Context) {
 		"message":    "MediaFiles...",
 		"lofis":      lofis,
 		"user":       user,
+		"isReview":   review,
+		"isDownload": download,
 	})
 }
 

kontor-gin/templates/layouts/footer.html

@@ -1,5 +1,5 @@
 {{ define "footer" }}
-    <footer class="mt-auto py-3 bg-light fixed-bottom">
+    <footer class="mt-auto py-3 bg-light fixed-bottom mt-auto">
         <div class="container text-center">
             <span class="text-muted">{{ .version }}</span>
         </div>

kontor-gin/templates/layouts/navbar.html

@@ -1,7 +1,7 @@
 {{ define "navbar" }}
     <!-- 1. Kopfzeile & Navigation -->
     <header>
-        <nav class="navbar navbar-expand-lg navbar-dark" style="background-color:darkgrey;">
+        <nav class="navbar navbar-expand-lg navbar-dark fixed-top" style="background-color:darkgrey;">
             <div class="container-fluid">
                 <a class="navbar-brand" href="#">Kontor</a>
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">

kontor-gin/templates/pages/lofi.html

@@ -3,11 +3,9 @@
 <html lang="de">
     {{ template "head" . }}
 
-    <body class="d-flex flex-column h-100">
+    <body>
         {{ template "navbar" . }}
-        <!-- 2. Hauptbereich -->
+        <main>
-        <main class="flex-shrink-0">
-            <div class="container my-4">
             <div class="row">
                 <div class="col-md-8">
                     <h1>Media Lofi</h1>
@@ -21,28 +19,26 @@
                 </div>
             </div>
             <div class="row">
-                    <form class="form-inline" action="/media/lofis">
+                <form class="form-inline" action="/web/media-lofis">
                     <input type="text" placeholder="Search" name="query">
                     <label>
-                            <input type="checkbox" name="review" {{ if .Review }}checked{{ end }}>Review
+                        <input type="checkbox" name="review" {{if .isReview}}checked{{end}}>Review
                     </label>
                     <label>
-                            <input type="checkbox" name="should_download" {{ if .ShouldDownload }}checked{{ end }}>Download
+                        <input type="checkbox" name="should_download" {{if .isDownload}}checked{{end}}>Download
                     </label>
                     <button type="submit">Search</button>
-                        <div class="pill-nav"><a href="/media/lofis/add">Add Lofi</a></div>
+                    <div class="pill-nav"><a href="/web/media-lofis/add">Add Lofi</a></div>
                 </form>
             </div>
             <div class="row">
                 <table class="table table-hover">
-                        <thead>
+                    <thead><tr>
-                            <tr>
                         <th scope="col">Title</th>
                         <th scope="col">Weblink</th>
                         <th scope="col">Review</th>
                         <th colspan="2">Actions</th>
-                            </tr>
+                    </tr></thead>
-                        </thead>
                     <tbody>
                         {{ range .lofis }}
                         <tr>
@@ -66,7 +62,6 @@
                     </tbody>
                 </table>
             </div>
-            </div>
         </main>
         {{ template "footer" . }}
     </body>

kontor-gin/templates/pages/mediafiles.html

@@ -5,6 +5,7 @@
 
     <body>
         {{ template "navbar" . }}
+        <main>
             <div class="row">
                 <form class="form-inline" action="/web/files">
                     <input type="text" placeholder="Search" name="query">
@@ -63,18 +64,7 @@
                     </table>
                 </div>
             </div>
-        {{ template "footer" . }}
+        </main>
-
-
-        <div class="container">
-            {{ template "navbar" . }}
-        </div>
-        <div class="container">
-            <h1>{{ .message }}</h1>
-            <h1>{{ .message }}</h1>
-            <h1>{{ .message }}</h1>
-            <h1>{{ .message }}</h1>
-        </div>
         {{ template "footer" . }}
     </body>
 </html>