back round 0 view raw

appview: pulls: make stack component collapsible #224

merged

opened by

oppi.li 6 months ago targeting master from push-xwxnuorpzwsu

useful for bigger stacks to reduce the amount of vertical space occupied.

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

options

unified split

Changed files

+31 -4

appview

pages

templates

repo

pulls

fragments

pullStack.html

+31 -4

appview/pages/templates/repo/pulls/fragments/pullStack.html

···

       1
        
       {{ define "repo/pulls/fragments/pullStack" }}

     

       2
       -
         <p class="text-sm font-bold p-2 dark:text-white">STACK</p>

     

       3
       -
         {{ block "pullList" (list .Stack $) }} {{ end }}

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       4
        
       

     

       5
        
         {{ if gt (len .AbandonedPulls) 0 }}

     

       6
       -
           <p class="text-sm font-bold p-2 dark:text-white">ABANDONED PULLS</p>

     

       7
       -
           {{ block "pullList" (list .AbandonedPulls $) }} {{ end }}

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       8
        
         {{ end }}

     

       9
        
       {{ end }}

     

       10

···

       1
        
       {{ define "repo/pulls/fragments/pullStack" }}

     

       2
       +
       

     

       3
       +
         <details class="bg-white dark:bg-gray-800 group" open>

     

       4
       +
           <summary class="p-2 text-sm font-bold list-none cursor-pointer hover:text-gray-500 hover:dark:text-gray-400">

     

       5
       +
             <span class="flex items-center gap-2">

     

       6
       +
               <span class="group-open:hidden">

     

       7
       +
                 {{ i "chevrons-up-down" "w-4 h-4" }}

     

       8
       +
               </span>

     

       9
       +
               <span class="hidden group-open:flex">

     

       10
       +
                 {{ i "chevrons-down-up" "w-4 h-4" }}

     

       11
       +
               </span>

     

       12
       +
               STACK

     

       13
       +
               <span class="bg-gray-200 dark:bg-gray-700 rounded py-1/2 px-1 text-sm ml-1">{{ len .Stack }}</span>

     

       14
       +
             </span>

     

       15
       +
           </summary>

     

       16
       +
           {{ block "pullList" (list .Stack $) }} {{ end }}

     

       17
       +
         </details>

     

       18
        
       

     

       19
        
         {{ if gt (len .AbandonedPulls) 0 }}

     

       20
       +
           <details class="mt-4 bg-white dark:bg-gray-800 group" open>

     

       21
       +
             <summary class="p-2 text-sm font-bold list-none cursor-pointer hover:text-gray-500 hover:dark:text-gray-400">

     

       22
       +
               <span class="flex items-center gap-2">

     

       23
       +
                 <span class="group-open:hidden">

     

       24
       +
                   {{ i "chevrons-up-down" "w-4 h-4" }}

     

       25
       +
                 </span>

     

       26
       +
                 <span class="hidden group-open:flex">

     

       27
       +
                   {{ i "chevrons-down-up" "w-4 h-4" }}

     

       28
       +
                 </span>

     

       29
       +
                 ABANDONED PULLS

     

       30
       +
                 <span class="bg-gray-200 dark:bg-gray-700 rounded py-1/2 px-1 text-sm ml-1">{{ len .AbandonedPulls }}</span>

     

       31
       +
               </span>

     

       32
       +
             </summary>

     

       33
       +
             {{ block "pullList" (list .AbandonedPulls $) }} {{ end }}

     

       34
       +
           </details>

     

       35
        
         {{ end }}

     

       36
        
       {{ end }}

     

       37