githaven/templates/repo/home.tmpl

{{template "base/head" .}}
<div class="repository file list {{if .IsBlame}}blame{{end}}">
	{{template "repo/header" .}}
	<div class="ui container {{if .IsBlame}}fluid padded{{end}}">
		{{template "base/alert" .}}
		<div class="ui repo-description">
			<div id="repo-desc">
				{{if .Repository.DescriptionHTML}}<span class="description">{{.Repository.DescriptionHTML}}</span>{{else if .IsRepositoryAdmin}}<span class="no-description text-italic">{{.i18n.Tr "repo.no_desc"}}</span>{{end}}
				<a class="link" href="{{.Repository.Website}}">{{.Repository.Website}}</a>
			</div>
			{{if .RepoSearchEnabled}}
				<div class="ui repo-search">
					<form class="ui form ignore-dirty" action="{{.RepoLink}}/search" method="get">
						<div class="field">
							<div class="ui action input">
								<input name="q" value="{{.Keyword}}" placeholder="{{.i18n.Tr "repo.search.search_repo"}}">
								<button class="ui icon button" type="submit">
									{{svg "octicon-search"}}
								</button>
							</div>
						</div>
					</form>
				</div>
			{{end}}
		</div>
		<div class="ui" id="repo-topics">
		{{range .Topics}}<a class="ui repo-topic small label topic" href="{{AppSubUrl}}/explore/repos?q={{.Name}}&topic=1">{{.Name}}</a>{{end}}
		{{if and .Permission.IsAdmin (not .Repository.IsArchived)}}<a id="manage_topic">{{.i18n.Tr "repo.topic.manage_topics"}}</a>{{end}}
		</div>
		{{if and .Permission.IsAdmin (not .Repository.IsArchived)}}
		<div class="ui repo-topic-edit grid form segment error" id="topic_edit" style="display:none">
			<div class="fourteen wide column">
				<div class="field">
					<div class="ui fluid multiple search selection dropdown">
						<input type="hidden" name="topics" value="{{range $i, $v := .Topics}}{{.Name}}{{if lt (Add $i 1) (len $.Topics)}},{{end}}{{end}}">
						{{range .Topics}}
						<div class="ui small label topic transition visible" data-value="{{.Name}}" style="display: inline-block !important; cursor: default;">{{.Name}}{{svg "octicon-x" 16 "delete icon ml-3 mt-1"}}</div>
						{{end}}
						<div class="text"></div>
					</div>
				</div>
			</div>
			<div class="two wide column">
				<a class="ui button primary" href="javascript:;" id="save_topic"
				data-link="{{.RepoLink}}/topics">{{.i18n.Tr "repo.topic.done"}}</a>
			</div>
		</div>
		{{end}}
		<div class="hide" id="validate_prompt">
			<span id="count_prompt">{{.i18n.Tr "repo.topic.count_prompt"}}</span>
			<span id="format_prompt">{{.i18n.Tr "repo.topic.format_prompt"}}</span>
		</div>
		{{if .Repository.IsArchived}}
			<div class="ui warning message">
				{{.i18n.Tr "repo.archive.title"}}
			</div>
		{{end}}
		{{template "repo/sub_menu" .}}
		<div class="ui stackable secondary menu mobile--margin-between-items mobile--no-negative-margins">
			{{template "repo/branch_dropdown" .}}
			{{ $n := len .TreeNames}}
			{{ $l := Subtract $n 1}}
			<!-- If home page, show new PR. If not, show breadcrumb -->
			{{if eq $n 0}}
				{{if and .CanCompareOrPull .IsViewBranch (not .Repository.IsArchived)}}
					<div class="fitted item">
						<a href="{{.BaseRepo.Link}}/compare/{{.BaseRepo.DefaultBranch | EscapePound}}...{{if ne .Repository.Owner.Name .BaseRepo.Owner.Name}}{{.Repository.Owner.Name}}:{{end}}{{.BranchName | EscapePound}}">
							<button id="new-pull-request" class="ui compact basic button">{{if .PullRequestCtx.Allowed}}{{.i18n.Tr "repo.pulls.compare_changes"}}{{else}}{{.i18n.Tr "action.compare_branch"}}{{end}}</button>
						</a>
					</div>
				{{end}}
			{{else}}
				<div class="fitted item"><span class="ui breadcrumb repo-path"><a class="section" href="{{.RepoLink}}/src/{{EscapePound .BranchNameSubURL}}" title="{{.Repository.Name}}">{{EllipsisString .Repository.Name 30}}</a>{{range $i, $v := .TreeNames}}<span class="divider">/</span>{{if eq $i $l}}<span class="active section" title="{{$v}}">{{EllipsisString $v 30}}</span>{{else}}{{ $p := index $.Paths $i}}<span class="section"><a href="{{EscapePound $.BranchLink}}/{{EscapePound $p}}" title="{{$v}}">{{EllipsisString $v 30}}</a></span>{{end}}{{end}}</span></div>
			{{end}}
			<div class="right fitted item" id="file-buttons">
				<div class="ui tiny blue buttons">
					{{if .Repository.CanEnableEditor}}
						{{if .CanAddFile}}
							<a href="{{.RepoLink}}/_new/{{EscapePound .BranchName}}/{{EscapePound .TreePath}}" class="ui button">
								{{.i18n.Tr "repo.editor.new_file"}}
							</a>
						{{end}}
						{{if .CanUploadFile}}
							<a href="{{.RepoLink}}/_upload/{{EscapePound .BranchName}}/{{EscapePound .TreePath}}" class="ui button">
								{{.i18n.Tr "repo.editor.upload_file"}}
							</a>
						{{end}}
					{{end}}
					{{if and (ne $n 0) (not .IsViewFile) (not .IsBlame) }}
						<a href="{{.RepoLink}}/commits/{{EscapePound .BranchNameSubURL}}/{{EscapePound .TreePath}}" class="ui button">
							{{.i18n.Tr "repo.file_history"}}
						</a>
					{{end}}
				</div>

			</div>
			<div class="fitted item">
				{{if eq $n 0}}
					{{if .Repository.IsTemplate}}
						<div class="ui tiny blue buttons">
							<a href="{{AppSubUrl}}/repo/create?template_id={{.Repository.ID}}" class="ui button">
								{{.i18n.Tr "repo.use_template"}}
							</a>
						</div>
					{{end}}
				{{end}}
			</div>
			<div class="fitted item">

				<!-- Only show clone panel in repository home page -->
				{{if eq $n 0}}
					<div class="ui action tiny input" id="clone-panel">
						{{if not $.DisableHTTP}}
							<button class="ui basic clone button no-transition" id="repo-clone-https" data-link="{{.CloneLink.HTTPS}}">
								{{if UseHTTPS}}HTTPS{{else}}HTTP{{end}}
							</button>
						{{end}}
						{{if and (not $.DisableSSH) (or $.IsSigned $.ExposeAnonSSH)}}
							<button class="ui basic clone button no-transition" id="repo-clone-ssh" data-link="{{.CloneLink.SSH}}">
								SSH
							</button>
						{{end}}
						{{if not $.DisableHTTP}}
							<input id="repo-clone-url" value="{{$.CloneLink.HTTPS}}" readonly>
						{{else if and (not $.DisableSSH) (or $.IsSigned $.ExposeAnonSSH)}}
							<input id="repo-clone-url" value="{{$.CloneLink.SSH}}" readonly>
						{{end}}
						<script defer>
							const isSSH = localStorage.getItem('repo-clone-protocol') === 'ssh';
							const sshButton = document.getElementById('repo-clone-ssh');
							const httpsButton = document.getElementById('repo-clone-https');
							const input = document.getElementById('repo-clone-url');
							if (input) input.value = (isSSH ? sshButton : httpsButton).dataset.link;
							if (sshButton) sshButton.classList[isSSH ? 'add' : 'remove']('primary');
							if (httpsButton) httpsButton.classList[isSSH ? 'remove' : 'add']('primary');
							setTimeout(() => {
								if (sshButton) sshButton.classList.remove('no-transition');
								if (httpsButton) httpsButton.classList.remove('no-transition');
							}, 100);
						</script>
						{{if or (not $.DisableHTTP) (and (not $.DisableSSH) (or $.IsSigned $.ExposeAnonSSH))}}
							<button class="ui basic icon button poping up clipboard" id="clipboard-btn" data-original="{{.i18n.Tr "repo.copy_link"}}" data-success="{{.i18n.Tr "repo.copy_link_success"}}" data-error="{{.i18n.Tr "repo.copy_link_error"}}" data-content="{{.i18n.Tr "repo.copy_link"}}" data-variation="inverted tiny" data-clipboard-target="#repo-clone-url">
								{{svg "octicon-clippy"}}
							</button>
						{{end}}
						<div class="ui basic jump dropdown icon button poping up" data-content="{{.i18n.Tr "repo.download_archive"}}" data-variation="tiny inverted" data-position="top right">
							{{svg "octicon-download"}}
							<div class="menu">
								<a class="item archive-link" data-url="{{$.RepoLink}}/archive/{{EscapePound $.BranchName}}.zip">{{svg "octicon-file-zip"}}&nbsp;ZIP</a>
								<a class="item archive-link" data-url="{{$.RepoLink}}/archive/{{EscapePound $.BranchName}}.tar.gz">{{svg "octicon-file-zip"}}&nbsp;TAR.GZ</a>
							</div>
						</div>
					</div>
				{{end}}
			</div>
		</div>
		{{if .IsViewFile}}
			{{template "repo/view_file" .}}
		{{else if .IsBlame}}
			{{template "repo/blame" .}}
		{{else}}
			{{template "repo/view_list" .}}
		{{end}}
	</div>
</div>
{{template "base/footer" .}}