mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2024-11-18 11:59:27 +00:00
96a9e15dff
Each repo has a bar which shows the used programming languages. If you want to know, what language is behind a color, you need to click the bar. With this PR, you just need to hover over the color the view the name.
47 lines
2 KiB
Handlebars
47 lines
2 KiB
Handlebars
<div class="ui segments repository-summary{{if and (.Permission.CanRead $.UnitTypeCode) (not .IsEmptyRepo) .LanguageStats}} repository-summary-language-stats{{end}} mt-2 mb-0">
|
|
<div class="ui segment sub-menu repository-menu">
|
|
<div class="ui two horizontal center link list">
|
|
{{if and (.Permission.CanRead $.UnitTypeCode) (not .IsEmptyRepo)}}
|
|
<div class="item{{if .PageIsCommits}} active{{end}}">
|
|
<a class="ui" href="{{.RepoLink}}/commits/{{.BranchNameSubURL}}">{{svg "octicon-history"}} <b>{{.CommitsCount}}</b> {{.locale.TrN .CommitsCount "repo.commit" "repo.commits"}}</a>
|
|
</div>
|
|
<div class="item{{if .PageIsBranches}} active{{end}}">
|
|
<a class="ui" href="{{.RepoLink}}/branches">{{svg "octicon-git-branch"}} <b>{{.BranchesCount}}</b> {{.locale.TrN .BranchesCount "repo.branch" "repo.branches"}}</a>
|
|
</div>
|
|
{{if $.Permission.CanRead $.UnitTypeCode}}
|
|
<div class="item">
|
|
<a class="ui" href="{{.RepoLink}}/tags">{{svg "octicon-tag"}} <b>{{.NumTags}}</b> {{.locale.TrN .NumTags "repo.tag" "repo.tags"}}</a>
|
|
</div>
|
|
{{end}}
|
|
<div class="item">
|
|
<span class="ui">{{svg "octicon-database"}} <b>{{FileSize .Repository.Size}}</b></span>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
{{if and (.Permission.CanRead $.UnitTypeCode) (not .IsEmptyRepo) .LanguageStats}}
|
|
<div class="ui segment sub-menu language-stats-details" style="display: none">
|
|
<div class="ui horizontal center link list">
|
|
{{range .LanguageStats}}
|
|
<div class="item df ac jc">
|
|
<i class="color-icon mr-3" style="background-color: {{.Color}}"></i>
|
|
<span class="bold mr-3">
|
|
{{if eq .Language "other"}}
|
|
{{$.locale.Tr "repo.language_other"}}
|
|
{{else}}
|
|
{{.Language}}
|
|
{{end}}
|
|
</span>
|
|
{{.Percentage}}%
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
<a class="ui segment language-stats">
|
|
{{range .LanguageStats}}
|
|
<div class="bar tooltip" style="width: {{.Percentage}}%; background-color: {{.Color}}" data-placement="top" data-content={{ .Language }}> </div>
|
|
{{end}}
|
|
</a>
|
|
{{end}}
|
|
</div>
|