patch of appview: refactor languageBall into template · round #0 · pull #557 · tangled.org/core

+6

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

···

       1
       1
       +
       {{ define "repo/fragments/languageBall" }}

     

       2
       2
       +
         <div

     

       3
       3
       +
           class="size-2 rounded-full"

     

       4
       4
       +
           style="background: radial-gradient(circle at 35% 35%, color-mix(in srgb, {{ langColor . }} 70%, white), {{ langColor . }} 30%, color-mix(in srgb, {{ langColor . }} 85%, black));"

     

       5
       5
       +
         ></div>

     

       6
       6
       +
       {{ end }}

+2 -6

appview/pages/templates/repo/index.html

···

       44
       44
        
               ></div>

     

       45
       45
        
               {{ end }}

     

       46
       46
        
             </summary>

     

       47
       47
       -
             <div class="px-4 py-2 bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600 flex items-center gap-4 flex-wrap">

     

       47
       47
       +
             <div class="px-4 py-2 border-b border-gray-200 dark:border-gray-600 flex items-center gap-4 flex-wrap">

     

       48
       48
        
               {{ range $value := .Languages }}

     

       49
       49
        
               <div

     

       50
       50
        
                 class="flex flex-grow items-center gap-2 text-xs align-items-center justify-center"

     

       51
       51
        
               >

     

       52
       52
       -
                 <div

     

       53
       53
       -
                   class="rounded-full h-2 w-2"

     

       54
       54
       -
                   style="background: radial-gradient(circle at 35% 35%, color-mix(in srgb, {{ $value.Color }} 70%, white), {{ $value.Color }} 30%, color-mix(in srgb, {{ $value.Color }} 85%, black));"

     

       55
       55
       -
                 >

     

       56
       56
       -
                 </div>

     

       52
       52
       +
                 {{ template "repo/fragments/languageBall" $value.Name }}

     

       57
       53
        
                 <div>{{ or $value.Name "Other" }}

     

       58
       54
        
                   <span class="text-gray-500 dark:text-gray-400">

     

       59
       55
        
                     {{ if lt $value.Percentage 0.05 }}

+1 -2

appview/pages/templates/user/fragments/repoCard.html

···

       36
       36
        
         <div class="text-gray-400 text-sm font-mono inline-flex gap-4 mt-auto">

     

       37
       37
        
           {{ with .Language }}

     

       38
       38
        
             <div class="flex gap-2 items-center text-sm">

     

       39
       39
       -
               <div class="size-2 rounded-full"

     

       40
       40
       -
                 style="background: radial-gradient(circle at 35% 35%, color-mix(in srgb, {{ langColor . }} 70%, white), {{ langColor . }} 30%, color-mix(in srgb, {{ langColor . }} 85%, black));"></div>

     

       39
       39
       +
               {{ template "repo/fragments/languageBall" . }}

     

       41
       40
        
               <span>{{ . }}</span>

     

       42
       41
        
             </div>

     

       43
       42
        
           {{ end }}

+1 -2

appview/pages/templates/user/overview.html

···

       73
       73
        
                   {{ with .Repo.RepoStats }}

     

       74
       74
        
                     {{ with .Language }}

     

       75
       75
        
                       <div class="flex gap-2 items-center text-xs font-mono text-gray-400 ">

     

       76
       76
       -
                         <div class="size-2 rounded-full"

     

       77
       77
       -
                           style="background: radial-gradient(circle at 35% 35%, color-mix(in srgb, {{ langColor . }} 70%, white), {{ langColor . }} 30%, color-mix(in srgb, {{ langColor . }} 85%, black));"></div>

     

       76
       76
       +
                         {{ template "repo/fragments/languageBall" . }}

     

       78
       77
        
                         <span>{{ . }}</span>

     

       79
       78
        
                       </div>

     

       80
       79
        
                     {{end }}