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.0 KiB
Handlebars
47 lines
2.0 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>
|