{{template "base/head" .}}
<style>
.repository.file.list #repo-desc {
    font-size: 1.0em;
    margin-bottom: 1.0rem;
}
#contributorInfo > a:nth-child(n+25){
	display:none;
}
#contributorInfo > a{
	width: 2.0em;
	float: left;
	margin: .25em;
}
.edit-link{
	vertical-align: top;
    display: inline-block;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 16.5em;
}
#contributorInfo > a.circular{
	height: 2.0em;
	padding: 0;
	overflow: hidden;
	letter-spacing:1.0em;
	text-indent: 0.6em;
	line-height: 2.0em;
	text-transform:capitalize;
	color: #FFF;
}
#contributorInfo > a.circular:nth-child(9n+1){
	background-color: #4ccdec;
}
#contributorInfo > a.circular:nth-child(9n+2){
	background-color: #e0b265;
}
#contributorInfo > a.circular:nth-child(9n+3){
	background-color: #d884b7;
}
#contributorInfo > a.circular:nth-child(9n+4){
	background-color: #8c6bdc;
}
#contributorInfo > a.circular:nth-child(9n+5){
	background-color: #3cb99f;
}
#contributorInfo > a.circular:nth-child(9n+6){
	background-color: #6995b9;
}
#contributorInfo > a.circular:nth-child(9n+7){
	background-color: #ab91a7;
}
#contributorInfo > a.circular:nth-child(9n+8){
	background-color: #bfd0aa;
}
.vue_menu {
    cursor: auto;
    position: absolute;
    outline: none;
    top: 100%;
    margin: 0em;
    padding: 0em 0em;
    background: #fff;
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    /* -webkit-box-shadow: 0px 2px 3px 0px rgb(34 36 38 / 15%); */
    box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    border: 1px solid rgba(34,36,38,0.15);
    border-radius: 0.28571429rem;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
    z-index: 11;
    will-change: transform, opacity;
    width: 100% !important;
	
	-webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

	


</style>
<div class="repository file list">
	{{template "repo/header" .}}
	<div class="ui container">
		{{template "base/alert" .}}
		
		{{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}}<i class="delete icon"></i></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>
		<div class="ui repo-description stackable grid">			

			{{if .RepoSearchEnabled}}
				<div class="ui repo-search four wide column">
					<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">
									<i class="search icon"></i>
								</button>
							</div>
						</div>
					</form>
				</div>
			{{end}}
		</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>
						{{if and .Repository.IsFork .PullRequestCtx.Allowed}}
							{{if gt .FetchUpstreamCnt 0 }}
								<a href="{{.Repository.Link}}/compare/{{.BranchName | EscapePound}}...{{.BaseRepo.Owner.Name}}:{{.BaseRepo.DefaultBranch | EscapePound}}">
									<button id="new-pull-request" class="ui compact basic button" title="{{$.i18n.Tr (TrN $.i18n.Lang .FetchUpstreamCnt "repo.pulls.commits_count_1" "repo.pulls.commits_count_n") .FetchUpstreamCnt}}">{{.i18n.Tr "repo.pulls.fetch_upstream"}}</button>
								</a>
							{{else if lt .FetchUpstreamCnt 0}}
								<a href="{{.Repository.Link}}/compare/{{.BranchName | EscapePound}}...{{.BaseRepo.Owner.Name}}:{{.BaseRepo.DefaultBranch | EscapePound}}">
									<button id="new-pull-request" class="ui compact basic button" title="{{.i18n.Tr "repo.pulls.upstream_error"}}">{{.i18n.Tr "repo.pulls.fetch_upstream"}}</button>
								</a>
							{{else}}
								<a href="{{.Repository.Link}}/compare/{{.BranchName | EscapePound}}...{{.BaseRepo.Owner.Name}}:{{.BaseRepo.DefaultBranch | EscapePound}}">
									<button id="new-pull-request" class="ui compact basic button" title="{{.i18n.Tr "repo.pulls.upstream_up_to_date"}}">{{.i18n.Tr "repo.pulls.fetch_upstream"}}</button>
								</a>
							{{end}}
						{{end}}
					</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" 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" 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}}
						{{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" 16}}
							</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">
							<i class="download icon"></i>
							<div class="menu">
								<a class="item" href="{{$.RepoLink}}/archive/{{EscapePound $.BranchName}}.zip">{{svg "octicon-file-zip" 16}}&nbsp;ZIP</a>
								<a class="item" href="{{$.RepoLink}}/archive/{{EscapePound $.BranchName}}.tar.gz">{{svg "octicon-file-zip" 16}}&nbsp;TAR.GZ</a>
							</div>
						</div>
					</div>
				{{end}}
			</div>
		</div>
		<div class="ui container">
			<div class="ui mobile reversed stackable grid">
				<div class="ui ten wide tablet twelve wide computer column">
					{{if .IsViewFile}}
						{{template "repo/view_file" .}}
					{{else if .IsBlame}}
						{{template "repo/blame" .}}
					{{else}}
						{{template "repo/view_list" .}}
					{{end}}
				</div>
				<div class="ui six wide tablet four wide computer column">					
					<div id="repo-desc">
						<h4 id="about-desc" class="ui header">简介
								<!-- <a  class="edit-icon" href="javascript:void(0)">
									<i class="gray edit outline icon"></i>
								</a> -->
						</h4>
						<p>
							{{if .Repository.DescriptionHTML}}
								<span class="description" style="word-break:break-all">{{.Repository.DescriptionHTML}}</span>
							{{else}}
								<span class="no-description text-italic">{{.i18n.Tr "repo.no_desc"}}</span>
							{{end}}
							
						</p>

					</div>

					

					{{if .Repository.Website}}
					<p class="ui">
						<i class="gray linkify icon"></i>
						<a class="link edit-link" target="_blank" title="{{.Repository.Website}}" href="{{.Repository.Website}}">{{.Repository.Website}}</a>
					</p>
					
					{{end}}		

					<div class="ui" id="repo-topics" style="display: flex;position: relative;margin-bottom: 1.0rem;">
						<i class="grey bookmark icon"></i>
						
						<div id="repo-topics1" style="flex: 1;">
							<!-- {{if not .Topics}}
							<span class="no-description text-italic">{{.i18n.Tr "repo.no_desc"}}</span>
							{{end}} -->
							{{range .Topics}}
							
								<a class="ui repo-topic small label topic" href="{{AppSubUrl}}/explore/repos?q={{.Name}}&topic=1">{{.Name}}</a>
								
								
							{{end}}
						</div>
						<div>
							{{if and .Permission.IsAdmin (not .Repository.IsArchived)}}<i id="manage_topic" style="cursor: pointer;" class="plus icon"></i>{{end}}
						</div>
						<div id="topic_edit" class="vue_menu" style="display:none">
							<div id="topic_edit1">
									
							</div>
						</div>
						
					</div>
					
					
					<p class="ui">
						<i class="grey code icon"></i>
						{{range .LanguageStats}}
							 {{.Language}}
						{{end}}
					</p>

					
					
					{{if .LICENSE}}
					<p class="ui">
						<i class="grey clone icon"></i>
							{{.LICENSE}}
					</p>
					
					{{end}}

					<div class="ui divider"></div>

					<div>
						<h4 class="ui header">
							<strong>贡献者 ({{len .ContributorInfo}})</strong>
							<div class="ui right">
								<a class="membersmore text grey" href="javascript:;">全部 {{svg "octicon-chevron-right" 16}}</a>
							</div>
						</h4>
						<div class="ui members" id="contributorInfo">
							{{range .ContributorInfo}}
								{{if .UserInfo}}
									<a href="{{AppSubUrl}}/{{.UserInfo.Name}}"><img class="ui avatar image" src="{{.UserInfo.RelAvatarLink}}"></a>
								{{else if .Email}}								    
									<a href="mailto:{{.Email}}" class="circular ui button">{{.Email}}</a>
								{{end}}
							{{end}}
						</div>						
					</div>
					
				</div>
			</div>			
		</div>
		
	</div>
</div>

<script type="text/javascript">
$(document).ready(function(){ 
    $(".membersmore").click(function(){
       $("#contributorInfo > a:nth-child(n+25)").show();
    });
});
</script>
{{template "base/footer" .}}