From 3cd06ef2991e1ba4dd104a6c50f6eb0be7903df3 Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Mon, 10 Nov 2025 07:41:22 +0000
Subject: [PATCH] appview/pages: extract tabSelector into reusable frgament
Change-Id: zyukkpoxvqkzyrtmwptqlultwruyuvqm

Signed-off-by: oppiliappan <me@oppi.li>
---
 .../pages/templates/fragments/tabSelector.html | 17 +++++++++++++++++
 .../templates/repo/fragments/diffOpts.html     | 18 +-----------------
 2 files changed, 18 insertions(+), 17 deletions(-)
 create mode 100644 appview/pages/templates/fragments/tabSelector.html

diff --git a/appview/pages/templates/fragments/tabSelector.html b/appview/pages/templates/fragments/tabSelector.html
new file mode 100644
index 00000000..0567447c
--- /dev/null
+++ b/appview/pages/templates/fragments/tabSelector.html
@@ -0,0 +1,17 @@
+{{ define "fragments/tabSelector" }}
+  {{ $name := .Name }}
+  {{ $all := .Values }}
+  {{ $active := .Active }}
+  <div class="flex justify-between divide-x divide-gray-200 dark:divide-gray-700 rounded border border-gray-200 dark:border-gray-700 overflow-hidden">
+    {{ $activeTab := "bg-white dark:bg-gray-700 shadow-sm" }}
+    {{ $inactiveTab := "bg-gray-100 dark:bg-gray-800 shadow-inner" }}
+    {{ range $index, $value := $all }}
+      {{ $isActive := eq $value $active }}
+      <a href="?{{ $name }}={{ $value }}"
+         class="py-2 text-sm w-full block hover:no-underline text-center {{ if $isActive }} {{$activeTab }} {{ else }} {{ $inactiveTab }} {{ end }}">
+       {{ $value }}
+      </a>
+    {{ end }}
+  </div>
+{{ end }}
+
diff --git a/appview/pages/templates/repo/fragments/diffOpts.html b/appview/pages/templates/repo/fragments/diffOpts.html
index d6d0db0b..a6484bb6 100644
--- a/appview/pages/templates/repo/fragments/diffOpts.html
+++ b/appview/pages/templates/repo/fragments/diffOpts.html
@@ -6,23 +6,7 @@
       {{ $active = "split" }}
     {{ end }}
     {{ $values := list "unified" "split" }}
-    {{ block "tabSelector" (dict "Name" "diff" "Values" $values "Active" $active) }} {{ end }}
+    {{ template "fragments/tabSelector" (dict "Name" "diff" "Values" $values "Active" $active) }}
   </section>
 {{ end }}
 
-{{ define "tabSelector" }}
-  {{ $name := .Name }}
-  {{ $all := .Values }}
-  {{ $active := .Active }}
-  <div class="flex justify-between divide-x divide-gray-200 dark:divide-gray-700 rounded border border-gray-200 dark:border-gray-700 overflow-hidden">
-    {{ $activeTab := "bg-white dark:bg-gray-700 shadow-sm" }}
-    {{ $inactiveTab := "bg-gray-100 dark:bg-gray-800 shadow-inner" }}
-    {{ range $index, $value := $all }}
-      {{ $isActive := eq $value $active }}
-      <a href="?{{ $name }}={{ $value }}"
-         class="py-2 text-sm w-full block hover:no-underline text-center {{ if $isActive }} {{$activeTab }} {{ else }} {{ $inactiveTab }} {{ end }}">
-       {{ $value }}
-      </a>
-    {{ end }}
-  </div>
-{{ end }}
-- 
2.43.0