back round 0 view raw

appview/pages: extract tabSelector into reusable frgament #776

merged

opened by

oppi.li 1 month ago targeting master from push-nwtnqorztmlr

Signed-off-by: oppiliappan me@oppi.li

options

unified split

Changed files

+18 -17

appview

pages

templates

fragments

tabSelector.html

repo

fragments

diffOpts.html

+17

appview/pages/templates/fragments/tabSelector.html

···

       1
       1
       +
       {{ define "fragments/tabSelector" }}

     

       2
       2
       +
         {{ $name := .Name }}

     

       3
       3
       +
         {{ $all := .Values }}

     

       4
       4
       +
         {{ $active := .Active }}

     

       5
       5
       +
         <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">

     

       6
       6
       +
           {{ $activeTab := "bg-white dark:bg-gray-700 shadow-sm" }}

     

       7
       7
       +
           {{ $inactiveTab := "bg-gray-100 dark:bg-gray-800 shadow-inner" }}

     

       8
       8
       +
           {{ range $index, $value := $all }}

     

       9
       9
       +
             {{ $isActive := eq $value $active }}

     

       10
       10
       +
             <a href="?{{ $name }}={{ $value }}"

     

       11
       11
       +
                class="py-2 text-sm w-full block hover:no-underline text-center {{ if $isActive }} {{$activeTab }} {{ else }} {{ $inactiveTab }} {{ end }}">

     

       12
       12
       +
              {{ $value }}

     

       13
       13
       +
             </a>

     

       14
       14
       +
           {{ end }}

     

       15
       15
       +
         </div>

     

       16
       16
       +
       {{ end }}

     

       17
       17
       +

+1 -17

appview/pages/templates/repo/fragments/diffOpts.html

···

       6
       6
        
             {{ $active = "split" }}

     

       7
       7
        
           {{ end }}

     

       8
       8
        
           {{ $values := list "unified" "split" }}

     

       9
       9
       -
           {{ block "tabSelector" (dict "Name" "diff" "Values" $values "Active" $active) }} {{ end }}

     

       9
       9
       +
           {{ template "fragments/tabSelector" (dict "Name" "diff" "Values" $values "Active" $active) }}

     

       10
       10
        
         </section>

     

       11
       11
        
       {{ end }}

     

       12
       12
        
       

     

       13
       13
       -
       {{ define "tabSelector" }}

     

       14
       14
       -
         {{ $name := .Name }}

     

       15
       15
       -
         {{ $all := .Values }}

     

       16
       16
       -
         {{ $active := .Active }}

     

       17
       17
       -
         <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">

     

       18
       18
       -
           {{ $activeTab := "bg-white dark:bg-gray-700 shadow-sm" }}

     

       19
       19
       -
           {{ $inactiveTab := "bg-gray-100 dark:bg-gray-800 shadow-inner" }}

     

       20
       20
       -
           {{ range $index, $value := $all }}

     

       21
       21
       -
             {{ $isActive := eq $value $active }}

     

       22
       22
       -
             <a href="?{{ $name }}={{ $value }}"

     

       23
       23
       -
                class="py-2 text-sm w-full block hover:no-underline text-center {{ if $isActive }} {{$activeTab }} {{ else }} {{ $inactiveTab }} {{ end }}">

     

       24
       24
       -
              {{ $value }}

     

       25
       25
       -
             </a>

     

       26
       26
       -
           {{ end }}

     

       27
       27
       -
         </div>

     

       28
       28
       -
       {{ end }}