Plan filter by group

aceberg · Feb 20, 2024 · eaad6a0 · eaad6a0
1 parent a4d42b4
commit eaad6a0
Show file tree

Hide file tree

Showing 7 changed files with 15 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,3 +7,4 @@ All notable changes to this project will be documented in this file.
 - Add/Edit plan
 - Button width in config
 - Sort groups and tasks
+- Layout toggle button
diff --git a/assets/Screenshot.png b/assets/Screenshot.png
diff --git a/assets/Screenshot3.png b/assets/Screenshot3.png
diff --git a/internal/web/plan.go b/internal/web/plan.go
@@ -15,11 +15,18 @@ func planHandler(c *gin.Context) {
 
 	guiData.Config = appConfig
 
+	gr, ok := c.GetQuery("gr")
+
 	for i := range allPlans {
 		allPlans[i].ID = i + 1
+		if ok && (allPlans[i].Group == gr) {
+			guiData.Plans = append(guiData.Plans, allPlans[i])
+		}
 	}
 
-	guiData.Plans = allPlans
+	if !ok {
+		guiData.Plans = allPlans
+	}
 
 	c.HTML(http.StatusOK, "header.html", guiData)
 	c.HTML(http.StatusOK, "plan.html", guiData)

diff --git a/internal/web/public/js/index.js b/internal/web/public/js/index.js
@@ -55,7 +55,7 @@ function genHTML(gr, checks) {
         hcol = '<div class="col-md-auto">';
         hdiv = '</div>';
     }
-    let html = vcol + `<h5>${gr}</h5>`;
+    let html = vcol + `<a href="/plan/?gr=${gr}"><h5>${gr}</h5></a>`;
     let len = checks.length;
 
     for (let i = 0 ; i < len; i++) {

diff --git a/internal/web/templates/index.html b/internal/web/templates/index.html
@@ -9,9 +9,9 @@
     <div class="col-md"></div>
     <div class="col-md">
       <div class="gap-3 hstack">
-        <button onclick='setFormDate(-1)' class="btn tr-button"><i class="bi bi-arrow-left-square"></i></button>
+        <button onclick='setFormDate(-1)' class="btn tr-button"><i class="bi bi-arrow-left-square" title="Back"></i></button>
         <input type="date" class="m-auto form-control" onchange='setFormDate()' id="realDate" style="width: 70%;">
-        <button onclick='setFormDate(+1)' class="btn tr-button"><i class="bi bi-arrow-right-square"></i></button>
+        <button onclick='setFormDate(+1)' class="btn tr-button"><i class="bi bi-arrow-right-square" title="Forward"></i></button>
         <button onclick='updatePlan()' class="btn tr-button" title="Update plan">
           <i class="bi bi-arrow-clockwise"></i>
         </button>

diff --git a/internal/web/templates/plan.html b/internal/web/templates/plan.html
@@ -3,6 +3,9 @@
 <body>
     <div class="container-lg mt-3">
         <div class="card border-primary">
+            <div class="card-header">
+                <h5>Plan</h5>
+            </div>
             <div class="card-body table-responsive">
                 <table class="table table-striped table-hover">
                     <thead>