|
|
@@ -1,31 +1,9 @@ |
|
|
|
<h2 class="ui left floated medium header"> |
|
|
|
{{.i18n.Tr "explore.repos"}} |
|
|
|
</h2> |
|
|
|
<div class="ui right floated secondary filter menu"> |
|
|
|
<!-- Sort --> |
|
|
|
<div class="ui right dropdown type jump item"> |
|
|
|
<span class="text"> |
|
|
|
{{.i18n.Tr "repo.issues.filter_sort"}} |
|
|
|
<i class="dropdown icon"></i> |
|
|
|
</span> |
|
|
|
<div class="menu"> |
|
|
|
<a class="{{if eq .SortType "newest"}}active{{end}} item" href="{{$.Link}}?sort=newest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.latest"}}</a> |
|
|
|
<a class="{{if eq .SortType "oldest"}}active{{end}} item" href="{{$.Link}}?sort=oldest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.oldest"}}</a> |
|
|
|
<a class="{{if eq .SortType "alphabetically"}}active{{end}} item" href="{{$.Link}}?sort=alphabetically&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.label.filter_sort.alphabetically"}}</a> |
|
|
|
<a class="{{if eq .SortType "reversealphabetically"}}active{{end}} item" href="{{$.Link}}?sort=reversealphabetically&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.label.filter_sort.reverse_alphabetically"}}</a> |
|
|
|
<a class="{{if eq .SortType "recentupdate"}}active{{end}} item" href="{{$.Link}}?sort=recentupdate&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.recentupdate"}}</a> |
|
|
|
<a class="{{if eq .SortType "leastupdate"}}active{{end}} item" href="{{$.Link}}?sort=leastupdate&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.leastupdate"}}</a> |
|
|
|
<a class="{{if eq .SortType "moststars"}}active{{end}} item" href="{{$.Link}}?sort=moststars&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.moststars"}}</a> |
|
|
|
<a class="{{if eq .SortType "feweststars"}}active{{end}} item" href="{{$.Link}}?sort=feweststars&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.feweststars"}}</a> |
|
|
|
<a class="{{if eq .SortType "mostforks"}}active{{end}} item" href="{{$.Link}}?sort=mostforks&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.mostforks"}}</a> |
|
|
|
<a class="{{if eq .SortType "fewestforks"}}active{{end}} item" href="{{$.Link}}?sort=fewestforks&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.fewestforks"}}</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="ui clearing divider"></div> |
|
|
|
<div id="app" class="six wide column"> |
|
|
|
<repo-search |
|
|
|
<repo-search |
|
|
|
:search-limit="searchLimit" |
|
|
|
:suburl="suburl" |
|
|
|
:uid="uid" |
|
|
@@ -43,132 +21,111 @@ |
|
|
|
inline-template |
|
|
|
v-cloak |
|
|
|
> |
|
|
|
|
|
|
|
<h4 class="ui top attached header"> |
|
|
|
{{.i18n.Tr "home.my_repos"}} <span class="ui grey label">${reposTotalCount}</span> |
|
|
|
{{if or (not .ContextUser.IsOrganization) .IsOrganizationOwner}} |
|
|
|
<div class="ui right"> |
|
|
|
<a class="poping up" :href="suburl + '/repo/create{{if .ContextUser.IsOrganization}}?org={{.ContextUser.ID}}{{end}}'" 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> |
|
|
|
{{end}} |
|
|
|
</h4> |
|
|
|
<div class="ui attached secondary segment repos-search"> |
|
|
|
<div class="ui fluid right action left icon input" :class="{loading: isLoading}"> |
|
|
|
<input @input="searchRepos(reposFilter)" v-model="searchQuery" ref="search" placeholder="{{.i18n.Tr "home.search_repos"}}"> |
|
|
|
<i class="search icon"></i> |
|
|
|
<div class="ui dropdown button" title="{{.i18n.Tr "home.filter"}}"> |
|
|
|
<i class="icon filter"></i> |
|
|
|
<div class="menu"> |
|
|
|
<div class="item"> |
|
|
|
<a @click="toggleArchivedFilter()"> |
|
|
|
<div class="ui checkbox" id="archivedFilterCheckbox" title="{{.i18n.Tr "home.show_both_archived_unarchived"}}" v-if="archivedFilter === 'both'"> |
|
|
|
<input type="checkbox"> |
|
|
|
<label><i class="archive icon archived-icon"></i>{{.i18n.Tr "home.show_archived"}}</label> |
|
|
|
</div> |
|
|
|
<div class="ui checkbox" id="archivedFilterCheckbox" title="{{.i18n.Tr "home.show_only_unarchived"}}" v-if="archivedFilter === 'unarchived'"> |
|
|
|
<input type="checkbox"> |
|
|
|
<label><i class="archive icon archived-icon"></i>{{.i18n.Tr "home.show_archived"}}</label> |
|
|
|
</div> |
|
|
|
<div class="ui checkbox" id="archivedFilterCheckbox" title="{{.i18n.Tr "home.show_only_archived"}}" v-if="archivedFilter === 'archived'"> |
|
|
|
<input type="checkbox"> |
|
|
|
<label><i class="archive icon archived-icon"></i>{{.i18n.Tr "home.show_archived"}}</label> |
|
|
|
<div> |
|
|
|
<div v-show="tab === 'repos'" class="ui tab active list dashboard-repos"> |
|
|
|
<div class="ui attached secondary segment repos-search"> |
|
|
|
<div class="ui fluid right action left icon input" :class="{loading: isLoading}"> |
|
|
|
<input @input="searchRepos(reposFilter)" v-model="searchQuery" ref="search" placeholder="{{.i18n.Tr "home.search_repos"}}"> |
|
|
|
<i class="search icon"></i> |
|
|
|
<div class="ui dropdown button" title="{{.i18n.Tr "home.filter"}}"> |
|
|
|
<i class="icon filter"></i> |
|
|
|
<div class="menu"> |
|
|
|
<div class="item"> |
|
|
|
<a @click="toggleArchivedFilter()"> |
|
|
|
<div class="ui checkbox" id="archivedFilterCheckbox" title="{{.i18n.Tr "home.show_both_archived_unarchived"}}" v-if="archivedFilter === 'both'"> |
|
|
|
<input type="checkbox"> |
|
|
|
<label><i class="archive icon archived-icon"></i>{{.i18n.Tr "home.show_archived"}}</label> |
|
|
|
</div> |
|
|
|
<div class="ui checkbox" id="archivedFilterCheckbox" title="{{.i18n.Tr "home.show_only_unarchived"}}" v-if="archivedFilter === 'unarchived'"> |
|
|
|
<input type="checkbox"> |
|
|
|
<label><i class="archive icon archived-icon"></i>{{.i18n.Tr "home.show_archived"}}</label> |
|
|
|
</div> |
|
|
|
<div class="ui checkbox" id="archivedFilterCheckbox" title="{{.i18n.Tr "home.show_only_archived"}}" v-if="archivedFilter === 'archived'"> |
|
|
|
<input type="checkbox"> |
|
|
|
<label><i class="archive icon archived-icon"></i>{{.i18n.Tr "home.show_archived"}}</label> |
|
|
|
</div> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<a @click="togglePrivateFilter()"> |
|
|
|
<div class="ui checkbox" id="privateFilterCheckbox" title="{{.i18n.Tr "home.show_both_private_public"}}" v-if="privateFilter === 'both'"> |
|
|
|
<input type="checkbox"> |
|
|
|
<label><svg class="svg octicon-lock" width="16" height="16" aria-hidden="true"><use xlink:href="#octicon-lock" /></svg>{{.i18n.Tr "home.show_private"}}</label> |
|
|
|
</div> |
|
|
|
<div class="ui checkbox" id="privateFilterCheckbox" title="{{.i18n.Tr "home.show_only_public"}}" v-if="privateFilter === 'public'"> |
|
|
|
<input type="checkbox"> |
|
|
|
<label><svg class="svg octicon-lock" width="16" height="16" aria-hidden="true"><use xlink:href="#octicon-lock" /></svg>{{.i18n.Tr "home.show_private"}}</label> |
|
|
|
</div> |
|
|
|
<div class="ui checkbox" id="privateFilterCheckbox" title="{{.i18n.Tr "home.show_only_private"}}" v-if="privateFilter === 'private'"> |
|
|
|
<input type="checkbox"> |
|
|
|
<label><svg class="svg octicon-lock" width="16" height="16" aria-hidden="true"><use xlink:href="#octicon-lock" /></svg>{{.i18n.Tr "home.show_private"}}</label> |
|
|
|
</div> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<a @click="togglePrivateFilter()"> |
|
|
|
<div class="ui checkbox" id="privateFilterCheckbox" title="{{.i18n.Tr "home.show_both_private_public"}}" v-if="privateFilter === 'both'"> |
|
|
|
<input type="checkbox"> |
|
|
|
<label><svg class="svg octicon-lock" width="16" height="16" aria-hidden="true"><use xlink:href="#octicon-lock" /></svg>{{.i18n.Tr "home.show_private"}}</label> |
|
|
|
</div> |
|
|
|
<div class="ui checkbox" id="privateFilterCheckbox" title="{{.i18n.Tr "home.show_only_public"}}" v-if="privateFilter === 'public'"> |
|
|
|
<input type="checkbox"> |
|
|
|
<label><svg class="svg octicon-lock" width="16" height="16" aria-hidden="true"><use xlink:href="#octicon-lock" /></svg>{{.i18n.Tr "home.show_private"}}</label> |
|
|
|
</div> |
|
|
|
<div class="ui checkbox" id="privateFilterCheckbox" title="{{.i18n.Tr "home.show_only_private"}}" v-if="privateFilter === 'private'"> |
|
|
|
<input type="checkbox"> |
|
|
|
<label><svg class="svg octicon-lock" width="16" height="16" aria-hidden="true"><use xlink:href="#octicon-lock" /></svg>{{.i18n.Tr "home.show_private"}}</label> |
|
|
|
</div> |
|
|
|
<div class="ui secondary pointing borderless menu center aligned grid repos-filter"> |
|
|
|
<a class="item" :class="{active: reposFilter === 'all'}" @click="changeReposFilter('all')"> |
|
|
|
{{.i18n.Tr "all"}} |
|
|
|
<div v-show="reposFilter === 'all'" class="ui circular mini grey label">${repoTypeCount}</div> |
|
|
|
</a> |
|
|
|
<a class="item" :class="{active: reposFilter === 'sources'}" @click="changeReposFilter('sources')"> |
|
|
|
{{.i18n.Tr "sources"}} |
|
|
|
<div v-show="reposFilter === 'sources'" class="ui circular mini grey label">${repoTypeCount}</div> |
|
|
|
</a> |
|
|
|
<a class="item" :class="{active: reposFilter === 'forks'}" @click="changeReposFilter('forks')"> |
|
|
|
{{.i18n.Tr "forks"}} |
|
|
|
<div v-show="reposFilter === 'forks'" class="ui circular mini grey label">${repoTypeCount}</div> |
|
|
|
</a> |
|
|
|
<a class="item" :class="{active: reposFilter === 'mirrors'}" @click="changeReposFilter('mirrors')"> |
|
|
|
{{.i18n.Tr "mirrors"}} |
|
|
|
<div v-show="reposFilter === 'mirrors'" class="ui circular mini grey label">${repoTypeCount}</div> |
|
|
|
</a> |
|
|
|
<a class="item" :class="{active: reposFilter === 'collaborative'}" @click="changeReposFilter('collaborative')"> |
|
|
|
{{.i18n.Tr "collaborative"}} |
|
|
|
<div v-show="reposFilter === 'collaborative'" class="ui circular mini grey label">${repoTypeCount}</div> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="ui secondary pointing borderless menu center aligned grid repos-filter"> |
|
|
|
<a class="item" :class="{active: reposFilter === 'all'}" @click="changeReposFilter('all')"> |
|
|
|
{{.i18n.Tr "all"}} |
|
|
|
<div v-show="reposFilter === 'all'" class="ui circular mini grey label">${repoTypeCount}</div> |
|
|
|
</a> |
|
|
|
<a class="item" :class="{active: reposFilter === 'sources'}" @click="changeReposFilter('sources')"> |
|
|
|
{{.i18n.Tr "sources"}} |
|
|
|
<div v-show="reposFilter === 'sources'" class="ui circular mini grey label">${repoTypeCount}</div> |
|
|
|
</a> |
|
|
|
<a class="item" :class="{active: reposFilter === 'forks'}" @click="changeReposFilter('forks')"> |
|
|
|
{{.i18n.Tr "forks"}} |
|
|
|
<div v-show="reposFilter === 'forks'" class="ui circular mini grey label">${repoTypeCount}</div> |
|
|
|
</a> |
|
|
|
<a class="item" :class="{active: reposFilter === 'mirrors'}" @click="changeReposFilter('mirrors')"> |
|
|
|
{{.i18n.Tr "mirrors"}} |
|
|
|
<div v-show="reposFilter === 'mirrors'" class="ui circular mini grey label">${repoTypeCount}</div> |
|
|
|
</a> |
|
|
|
<a class="item" :class="{active: reposFilter === 'collaborative'}" @click="changeReposFilter('collaborative')"> |
|
|
|
{{.i18n.Tr "collaborative"}} |
|
|
|
<div v-show="reposFilter === 'collaborative'" class="ui circular mini grey label">${repoTypeCount}</div> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</repo-search> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="ui repository list"> |
|
|
|
{{range .Repos}} |
|
|
|
<div class="item"> |
|
|
|
<div class="ui header"> |
|
|
|
{{if .RelAvatarLink}} |
|
|
|
<img class="ui avatar image" src="{{.RelAvatarLink}}"> |
|
|
|
{{end}} |
|
|
|
<a class="name" href="{{.Link}}"> |
|
|
|
{{if or $.PageIsExplore $.PageIsProfileStarList }}{{if .Owner}}{{.Owner.Name}} / {{end}}{{end}}{{.Name}} |
|
|
|
{{if .IsArchived}}<i class="archive icon archived-icon"></i>{{end}} |
|
|
|
</a> |
|
|
|
{{if .IsPrivate}} |
|
|
|
<span class="middle text gold">{{svg "octicon-lock" 16}}</span> |
|
|
|
{{else if .IsFork}} |
|
|
|
<span class="middle">{{svg "octicon-repo-forked" 16}}</span> |
|
|
|
{{else if .IsMirror}} |
|
|
|
<span class="middle">{{svg "octicon-repo-clone" 16}}</span> |
|
|
|
{{else if .Owner}} |
|
|
|
{{if .Owner.Visibility.IsPrivate}} |
|
|
|
<span class="text gold">{{svg "octicon-lock" 16}}</span> |
|
|
|
{{end}} |
|
|
|
{{end}} |
|
|
|
<div class="ui right metas"> |
|
|
|
{{if .PrimaryLanguage }} |
|
|
|
<span class="text grey"><i class="color-icon" style="background-color: {{.PrimaryLanguage.Color}}"></i>{{ .PrimaryLanguage.Language }}</span> |
|
|
|
{{end}} |
|
|
|
<span class="text grey">{{svg "octicon-star" 16}} {{.NumStars}}</span> |
|
|
|
<span class="text grey">{{svg "octicon-git-branch" 16}} {{.NumForks}}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="description"> |
|
|
|
{{if .DescriptionHTML}}<p class="has-emoji">{{.DescriptionHTML}}</p>{{end}} |
|
|
|
{{if .Topics }} |
|
|
|
<div class="ui tags"> |
|
|
|
{{range .Topics}} |
|
|
|
{{if ne . "" }}<a href="{{AppSubUrl}}/explore/repos?q={{.}}&topic=1"><div class="ui small label topic">{{.}}</div></a>{{end}} |
|
|
|
{{end}} |
|
|
|
</div> |
|
|
|
{{end}} |
|
|
|
<p class="time">{{$.i18n.Tr "org.repo_updated"}} {{TimeSinceUnix .UpdatedUnix $.i18n.Lang}}</p> |
|
|
|
<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)"> |
|
|
|
<a :href="suburl + '/' + repo.full_name"> |
|
|
|
<svg :class="'svg ' + repoClass(repo)" width="16" height="16" aria-hidden="true"><use :xlink:href="'#' + repoClass(repo)" /></svg> |
|
|
|
<strong class="text truncate item-name">${repo.full_name}</strong> |
|
|
|
<i v-if="repo.archived" class="archive icon archived-icon"></i> |
|
|
|
<span class="ui right text light grey"> |
|
|
|
${repo.stars_count} <span class="rear">{{svg "octicon-star" 16}}</span> |
|
|
|
</span> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
<li v-if="showMoreReposLink"> |
|
|
|
<div class="center"> |
|
|
|
<div class="ui borderless pagination menu narrow"> |
|
|
|
<a class="item navigation" :class="{'disabled': page === 1}" |
|
|
|
@click="changePage(1)" title="{{$.i18n.Tr "admin.first_page"}}"> |
|
|
|
<i class="angle double left icon"></i> |
|
|
|
</a> |
|
|
|
<a class="item navigation" :class="{'disabled': page === 1}" |
|
|
|
@click="changePage(page - 1)" title="{{$.i18n.Tr "repo.issues.previous"}}"> |
|
|
|
<i class="left arrow icon"></i> |
|
|
|
</a> |
|
|
|
<a class="active item">${page}</a> |
|
|
|
<a class="item navigation" :class="{'disabled': page === finalPage}" |
|
|
|
@click="changePage(page + 1)" title="{{$.i18n.Tr "repo.issues.next"}}"> |
|
|
|
<i class="icon right arrow"></i> |
|
|
|
</a> |
|
|
|
<a class="item navigation" :class="{'disabled': page === finalPage}" |
|
|
|
@click="changePage(finalPage)" title="{{$.i18n.Tr "admin.last_page"}}"> |
|
|
|
<i class="angle double right icon"></i> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{{else}} |
|
|
|
<div> |
|
|
|
{{$.i18n.Tr "explore.repo_no_results"}} |
|
|
|
</div> |
|
|
|
{{end}} |
|
|
|
</repo-search> |
|
|
|
</div> |