Appview/pages: pipelines tab on repo shows get started instructions #767

merged

opened by

jensroemer.com 1 month ago targeting master from jensroemer.com/core: add-get-started-spindle-text-to-pipelines-tab

This PR adds a simple set of instructions to the /repo/pipelines tab, when the repo has no pipeline runs. The style is similar to the one used in the empty repo template.

options

unified split

Changed files

+21 -3

appview

pages

templates

repo

pipelines

pipelines.html

+21 -3

appview/pages/templates/repo/pipelines/pipelines.html

···

       12
        
         {{ range .Pipelines }}

     

       13
        
           {{ block "pipeline" (list $ .) }} {{ end }}

     

       14
        
         {{ else }}

     

       15
       -
           <p class="text-center pt-5 text-gray-400 dark:text-gray-500">

     

       16
       -
             No pipelines run for this repository.

     

       17
       -
           </p>

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       18
        
         {{ end }}

     

       19
        
         </div>

     

       20
        
       </div>

···

       12
        
         {{ range .Pipelines }}

     

       13
        
           {{ block "pipeline" (list $ .) }} {{ end }}

     

       14
        
         {{ else }}

     

       15
       +
           <div class="py-6 w-fit flex flex-col gap-4 mx-auto">

     

       16
       +
             <p>

     

       17
       +
               No pipelines have been run for this repository yet. To get started:

     

       18
       +
             </p>

     

       19
       +
             {{ $bullet := "mx-2 text-xs bg-gray-200 dark:bg-gray-600 rounded-full size-5 flex items-center justify-center font-mono inline-flex align-middle" }}

     

       20
       +
             <p>

     

       21
       +
               <span class="{{ $bullet }}">1</span>First, choose a spindle in your

     

       22
       +
               <a href="/{{ .RepoInfo.FullName }}/settings?tab=pipelines" class="underline">project settings</a>.

     

       23
       +
             </p>

     

       24
       +
             <p>

     

       25
       +
               <span class="{{ $bullet }}">2</span>For self-hosting a spindle you can learn more

     

       26
       +
               <a href="https://tangled.org/@tangled.org/core/blob/master/docs/spindle/hosting.md" class="underline">here</a>.

     

       27
       +
             </p>

     

       28
       +
             <p>

     

       29
       +
               <span class="{{ $bullet }}">3</span>Configure your first

     

       30
       +
               <a href="https://tangled.org/@tangled.org/core/blob/master/docs/spindle/pipeline.md" class="underline">Spindle workflow</a>.

     

       31
       +
             </p>

     

       32
       +
             <p>

     

       33
       +
               <span class="{{ $bullet }}">4</span>Push!

     

       34
       +
             </p>

     

       35
       +
           </div>

     

       36
        
         {{ end }}

     

       37
        
         </div>

     

       38
        
       </div>