Extract tabs to separate template

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

Hide file tree

Showing 4 changed files with 16 additions and 33 deletions.
diff --git a/web/templates/items_tab.gohtml b/web/templates/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/notifications_tab.gohtml b/web/templates/notifications_tab.gohtml
@@ -3,17 +3,7 @@
 {{ end }}
 
 {{ define "notifications_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 active" hx-get="/htmx/notifications" hx-target="#tab-content" hx-swap="outerHtml">Notifications</a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link" hx-get="/htmx/items" hx-target="#tab-content" hx-swap="outerHtml">Items</a>
-        </li>
-    </ul>
+    {{ template "tabs" "notifications" }}
     <hr/>
     <div class="tab-content" role="tabpanel">
         {{ range .Notifications }}

diff --git a/web/templates/tabs.gohtml b/web/templates/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/today_tab.gohtml b/web/templates/today_tab.gohtml
@@ -1,15 +1,5 @@
 {{ define "today_tab" }}
-    <ul class="nav nav-tabs" role="tablist">
-        <li class="nav-item">
-            <a class="nav-link active" 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" hx-get="/htmx/items" hx-target="#tab-content" hx-swap="outerHtml">Items</a>
-        </li>
-    </ul>
+    {{ template "tabs" "today" }}
     <hr/>
     <div class="tab-content" role="tabpanel">
         {{ if .Data.DailyQuota }}