Extract tabs to separate template

szabolcs-horvath · Dec 31, 2024 · 5dc50c1 · 5dc50c1
1 parent febc500
commit 5dc50c1
Show file tree

Hide file tree

Showing 7 changed files with 42 additions and 57 deletions.
diff --git a/repository/util.go b/repository/util.go
@@ -11,7 +11,9 @@ import (
 var templates *template.Template
 
 func init() {
-	templates = template.Must(template.New("templates").Funcs(util.TemplateFuncs()).Funcs(TemplateFuncs()).ParseGlob("web/templates/*.gohtml"))
+	templates = template.New("templates").Funcs(util.TemplateFuncs()).Funcs(TemplateFuncs())
+	template.Must(templates.ParseGlob("web/templates/*.gohtml"))
+	template.Must(templates.ParseGlob("web/templates/**/*.gohtml"))
 }
 
 func Render(w io.Writer, name string, data any) error {

diff --git a/web/templates/notifications_tab.gohtml b/web/templates/notifications_tab.gohtml
diff --git a/web/templates/items_tab.gohtml → web/templates/tabs/items_tab.gohtml b/web/templates/items_tab.gohtml → web/templates/tabs/items_tab.gohtml
@@ -3,17 +3,7 @@
 {{ end }}
 
 {{ define "items_content" }}
-    <ul class="nav nav-tabs" role="tablist">
-        <li class="nav-item">
-            <a class="nav-link" hx-get="/htmx/today" hx-target="#tab-content" hx-swap="outerHtml">Today</a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link" hx-get="/htmx/notifications" hx-target="#tab-content" hx-swap="outerHtml">Notifications</a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link active" hx-get="/htmx/items" hx-target="#tab-content" hx-swap="outerHtml">Items</a>
-        </li>
-    </ul>
+    {{ template "tabs" "items" }}
     <hr/>
     <div class="tab-content" role="tabpanel">
         <div class="table-responsive">

diff --git a/web/templates/tabs/notifications_tab.gohtml b/web/templates/tabs/notifications_tab.gohtml
@@ -0,0 +1,14 @@
+{{ define "notifications_tab" }}
+    {{ template "notifications_content" .Data }}
+{{ end }}
+
+{{ define "notifications_content" }}
+    {{ template "tabs" "notifications" }}
+    <hr/>
+    <div class="tab-content" role="tabpanel">
+        {{ range .Notifications }}
+            <p>Time: {{ .Time.String }}</p>
+            <br/>
+        {{ end }}
+    </div>
+{{ end }}
diff --git a/web/templates/tabs/tabs.gohtml b/web/templates/tabs/tabs.gohtml
@@ -0,0 +1,13 @@
+{{ define "tabs" }}
+    <ul class="nav nav-tabs" role="tablist">
+        <li class="nav-item">
+            <a class="nav-link {{ if eq . "today" }}active{{ end }}" hx-get="/htmx/today" hx-target="#tab-content" hx-swap="outerHtml">Today</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link {{ if eq . "notifications" }}active{{ end }}" hx-get="/htmx/notifications" hx-target="#tab-content" hx-swap="outerHtml">Notifications</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link {{ if eq . "items" }}active{{ end }}" hx-get="/htmx/items" hx-target="#tab-content" hx-swap="outerHtml">Items</a>
+        </li>
+    </ul>
+{{ end }}
diff --git a/web/templates/tabs/today_tab.gohtml b/web/templates/tabs/today_tab.gohtml
@@ -0,0 +1,11 @@
+{{ define "today_tab" }}
+    {{ template "tabs" "today" }}
+    <hr/>
+    <div class="tab-content" role="tabpanel">
+        {{ if .Data.DailyQuota }}
+            {{ template "daily_quota" .Data }}
+            <hr/>
+        {{ end }}
+        {{ template "meals" .Data }}
+    </div>
+{{ end }}
diff --git a/web/templates/today_tab.gohtml b/web/templates/today_tab.gohtml