Monorepo for Tangled
tangled.org
appview: refactor languageBall into template
Signed-off-by: oppiliappan <me@oppi.li>
author
oppiliappan
committer
Tangled
date
(Sep 7, 2025, 9:36 AM UTC)
commit
c7f8411a
c7f8411a0788b49e3dd0042e135f1533edbdebc4
parent
e2d800c5
e2d800c5d4b118b5abda4c4dc62c67299267aa49
+10
-10
+6
appview/pages/templates/repo/fragments/languageBall.html
+6
appview/pages/templates/repo/fragments/languageBall.html
···
1
+
{{ define "repo/fragments/languageBall" }}
2
+
<div
3
+
class="size-2 rounded-full"
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
+
></div>
6
+
{{ end }}
+2
-6
appview/pages/templates/repo/index.html
+2
-6
appview/pages/templates/repo/index.html
···
44
44
></div>
45
45
{{ end }}
46
46
</summary>
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
+
<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
-
<div
53
-
class="rounded-full h-2 w-2"
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
-
>
56
-
</div>
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
+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
-
<div class="size-2 rounded-full"
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
+
{{ template "repo/fragments/languageBall" . }}
41
40
<span>{{ . }}</span>
42
41
</div>
43
42
{{ end }}
+1
-2
appview/pages/templates/user/overview.html
+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
-
<div class="size-2 rounded-full"
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
+
{{ template "repo/fragments/languageBall" . }}
78
77
<span>{{ . }}</span>
79
78
</div>
80
79
{{end }}