githaven-fork/templates/repo/sub_menu.tmpl

{{if and (not .HideRepoInfo) (not .IsBlame)}}
<div class="ui segments repository-summary{{if and (.Permission.CanRead $.UnitTypeCode) (not .IsEmptyRepo) .LanguageStats}} repository-summary-language-stats{{end}} gt-mt-2 gt-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>{{JsPrettyNumber .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 gt-hidden">
		<div class="ui horizontal center link list">
			{{range .LanguageStats}}
			<div class="item gt-df gt-ac gt-jc">
				<i class="color-icon gt-mr-3" style="background-color: {{.Color}}"></i>
				<span class="gt-bold gt-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-tooltip-placement="top" data-tooltip-content={{.Language}}>&nbsp;</div>
		{{end}}
	</a>
	{{end}}
</div>
{{end}}