gitroast/templates/user/dashboard/dashboard.tmpl

{{template "base/head" .}}
<div class="dashboard feeds">
	{{template "user/dashboard/navbar" .}}
	<div class="ui container">
		{{template "base/alert" .}}
		<div class="ui grid">
			<div class="ten wide column">
				{{template "user/dashboard/feeds" .}}
			</div>
			<div id="app" class="six wide column">
				<repo-search :search-limit="searchLimit" :suburl="suburl" :uid="uid" inline-template v-cloak>
					<div>
						{{if not .ContextUser.IsOrganization}}
						<div class="ui two item stackable tabable menu">
							<a :class="{item: true, active: tab === 'repos'}" @click="changeTab('repos')">{{.i18n.Tr "repository"}}</a>
							<a :class="{item: true, active: tab === 'orgs'}" @click="changeTab('orgs')">{{.i18n.Tr "organization"}}</a>
						</div>
						{{end}}
						<div v-if="tab === 'repos'" class="ui tab active list">
							<h4 class="ui top attached header">
								{{.i18n.Tr "home.my_repos"}} <span class="ui grey label">${ reposTotal }</span>
								<div class="ui right">
									<a class="poping up" href="{{AppSubUrl}}/repo/create" data-content="{{.i18n.Tr "new_repo"}}" data-variation="tiny inverted" data-position="left center">
										<i class="plus icon"></i>
										<span class="sr-only">{{.i18n.Tr "new_repo"}}</span>
									</a>
								</div>
							</h4>
							<div class="ui attached secondary segment repos-search">
								<div class="ui fluid icon input" :class="{loading: isLoading}">
									<input @input="searchRepos" v-model="searchQuery" ref="search" placeholder="{{.i18n.Tr "home.search_repos"}}">
									<i class="search icon"></i>
								</div>
								<div class="ui secondary tiny pointing borderless menu center aligned grid repos-filter">
									<a class="item" :class="{active: reposFilter === 'all'}" @click="changeReposFilter('all')">{{.i18n.Tr "all"}}</a>
									<a class="item" :class="{active: reposFilter === 'sources'}" @click="changeReposFilter('sources')">{{.i18n.Tr "sources"}}</a>
									<a class="item" :class="{active: reposFilter === 'forks'}" @click="changeReposFilter('forks')">{{.i18n.Tr "forks"}}</a>
									<a class="item" :class="{active: reposFilter === 'mirrors'}" @click="changeReposFilter('mirrors')">{{.i18n.Tr "mirrors"}}</a>
									<a class="item" :class="{active: reposFilter === 'collaborative'}" @click="changeReposFilter('collaborative')">{{.i18n.Tr "collaborative"}}</a>
								</div>
							</div>
							<div class="ui attached table segment">
								<ul class="repo-owner-name-list">
									<li v-for="repo in repos" :class="{'private': repo.private}" v-show="showRepo(repo, reposFilter)">
										<a :href="'{{AppSubUrl}}/' + repo.full_name">
											<i :class="repoClass(repo)"></i>
											<strong class="text truncate item-name">${ repo.full_name }</strong>
											<span class="ui right text light grey">
												${ repo.stars_count } <i class="octicon octicon-star rear"></i>
											</span>
										</a>
									</li>
									<li v-if="repos.length < reposTotal">
										<a href="{{.ContextUser.HomeLink}}">{{.i18n.Tr "home.show_more_repos"}}</a>
									</li>
								</ul>
							</div>
						</div>

						{{if not .ContextUser.IsOrganization}}
							<div v-if="tab === 'orgs'" class="ui tab active list">
								<h4 class="ui top attached header">
									{{.i18n.Tr "home.my_orgs"}} <span class="ui grey label">{{.ContextUser.GetOrganizationCount}}</span>
									<div class="ui right">
										{{if .SignedUser.CanCreateOrganization}}
										<a class="poping up" href="{{AppSubUrl}}/org/create" data-content="{{.i18n.Tr "new_org"}}" data-variation="tiny inverted" data-position="left center">
											<i class="plus icon"></i>
											<span class="sr-only">{{.i18n.Tr "new_org"}}</span>
										</a>
										{{end}}
									</div>
								</h4>
								<div class="ui attached table segment">
									<ul class="repo-owner-name-list">
										{{range .ContextUser.Orgs}}
											<li>
												<a href="{{AppSubUrl}}/{{.Name}}">
													<i class="octicon octicon-organization"></i>
													<strong class="text truncate item-name">{{.Name}}</strong>
													<span class="ui right text light grey">
														{{.NumRepos}} <i class="octicon octicon-repo rear"></i>
													</span>
												</a>
											</li>
										{{end}}
									</ul>
								</div>
							</div>
						{{end}}
					</div>
				</repo-search>
			</div>
		</div>
	</div>
</div>
{{template "base/footer" .}}