alice.pds.demo.boltless.dev
This repository has no description
appview/pages: add languages to repo index; show name and percentage on hover
This commit adds languages with their associated colour just below the
tabs on the repo index page. Hovering over the colours will display the
language name and file percentage within the repo.
Signed-off-by: BrookJeynes <jeynesbrook@gmail.com>
author
BrookJeynes
committer
Anirudh Oppiliappan
date
(Jul 10, 2025, 10:17 AM +0300)
commit
c6c77c69
c6c77c6903c411943160deed0440372b30ddf6d2
parent
033cb439
033cb4397f03b390a2139012bb58eb7a3d8e4319
change-id
tzxputrr
tzxputrrrtwmyntluuuvslxplmvztxsn
+40
-23
+26
-23
appview/pages/templates/layouts/repobase.html
+26
-23
appview/pages/templates/layouts/repobase.html
···
1
1
{{ define "title" }}{{ .RepoInfo.FullName }}{{ end }}
2
2
3
3
{{ define "content" }}
4
-
<section id="repo-header" class="mb-4 py-2 px-6 dark:text-white">
5
-
{{ if .RepoInfo.Source }}
6
-
<p class="text-sm">
7
-
<div class="flex items-center">
8
-
{{ i "git-fork" "w-3 h-3 mr-1"}}
9
-
forked from
10
-
{{ $sourceOwner := didOrHandle .RepoInfo.Source.Did .RepoInfo.SourceHandle }}
11
-
<a class="ml-1 underline" href="/{{ $sourceOwner }}/{{ .RepoInfo.Source.Name }}">{{ $sourceOwner }}/{{ .RepoInfo.Source.Name }}</a>
12
-
</div>
13
-
</p>
14
-
{{ end }}
15
-
<div class="text-lg flex items-center justify-between">
16
-
<div>
17
-
<a href="/{{ .RepoInfo.OwnerWithAt }}">{{ .RepoInfo.OwnerWithAt }}</a>
18
-
<span class="select-none">/</span>
19
-
<a href="/{{ .RepoInfo.FullName }}" class="font-bold">{{ .RepoInfo.Name }}</a>
20
-
</div>
4
+
<section id="repo-header" class="mb-4 py-2 px-6 dark:text-white">
5
+
{{ if .RepoInfo.Source }}
6
+
<p class="text-sm">
7
+
<div class="flex items-center">
8
+
{{ i "git-fork" "w-3 h-3 mr-1"}}
9
+
forked from
10
+
{{ $sourceOwner := didOrHandle .RepoInfo.Source.Did .RepoInfo.SourceHandle }}
11
+
<a class="ml-1 underline" href="/{{ $sourceOwner }}/{{ .RepoInfo.Source.Name }}">{{ $sourceOwner }}/{{ .RepoInfo.Source.Name }}</a>
12
+
</div>
13
+
</p>
14
+
{{ end }}
15
+
<div class="text-lg flex items-center justify-between">
16
+
<div>
17
+
<a href="/{{ .RepoInfo.OwnerWithAt }}">{{ .RepoInfo.OwnerWithAt }}</a>
18
+
<span class="select-none">/</span>
19
+
<a href="/{{ .RepoInfo.FullName }}" class="font-bold">{{ .RepoInfo.Name }}</a>
20
+
</div>
21
+
22
+
{{ template "repo/fragments/repoActions" .RepoInfo }}
23
+
</div>
24
+
{{ template "repo/fragments/repoDescription" . }}
25
+
</section>
21
26
22
-
{{ template "repo/fragments/repoActions" .RepoInfo }}
23
-
</div>
24
-
{{ template "repo/fragments/repoDescription" . }}
25
-
</section>
26
-
<section class="min-h-screen flex flex-col drop-shadow-sm">
27
+
<section
28
+
class="min-h-screen w-full flex flex-col drop-shadow-sm"
29
+
>
27
30
<nav class="w-full pl-4 overflow-auto">
28
31
<div class="flex z-60">
29
32
{{ $activeTabStyles := "-mb-px bg-white dark:bg-gray-800" }}
···
61
64
</div>
62
65
</nav>
63
66
<section
64
-
class="bg-white dark:bg-gray-800 p-6 rounded relative w-full mx-auto drop-shadow-sm dark:text-white"
67
+
class="bg-white dark:bg-gray-800 p-6 rounded relative w-full drop-shadow-sm dark:text-white"
65
68
>
66
69
{{ block "repoContent" . }}{{ end }}
67
70
</section>
+14
appview/pages/templates/repo/index.html
+14
appview/pages/templates/repo/index.html
···
7
7
{{ template "repo/fragments/og" (dict "RepoInfo" .RepoInfo) }}
8
8
{{ end }}
9
9
10
+
{{ define "repoLanguages" }}
11
+
<div class="flex gap-[3px] -m-6 mb-6 overflow-hidden rounded-t">
12
+
{{ range $value := .Languages }}
13
+
<div
14
+
title="{{ $value.Name }} {{ printf "%.1f" $value.Percentage }}%"
15
+
class="h-2"
16
+
style="background-color: {{ $value.Color }}; width: {{ $value.Percentage }}%"
17
+
></div>
18
+
{{ end }}
19
+
</div>
20
+
{{ end }}
10
21
11
22
{{ define "repoContent" }}
12
23
<main>
24
+
{{ if .Languages }}
25
+
{{ block "repoLanguages" . }}{{ end }}
26
+
{{ end }}
13
27
<div class="flex items-center justify-between pb-5">
14
28
{{ block "branchSelector" . }}{{ end }}
15
29
<div class="flex md:hidden items-center gap-4">