tdsds.com/gitea
1
1
Fork 0
mirror of https://github.com/go-gitea/gitea synced 2025-07-22 18:28:37 +00:00
Code Releases Activity

Improve dashboard repo search (#1652)

Browse Source 
* Add VueJS

* Improve dashboard search

* Fix tab switching

* Fix input autofocus
This commit is contained in:
Andrey Nering
2017-05-08 21:31:30 -03:00
committed by Lunny Xiao
parent 51d0becb42
commit ab79069dc7
6 changed files with 8654 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
templates/user/dashboard/dashboard.tmpl
View File

@@ -7,17 +7,17 @@
<div class="ten wide column">
{{template "user/dashboard/feeds" .}}
</div>
<div class="six wide column">
<div id="dashboard-repo-search" class="six wide column">
<div class="ui {{if not .ContextUser.IsOrganization}}three{{else}}two{{end}} item tabable menu">
<a class="item active" data-tab="repos">{{.i18n.Tr "repository"}}</a>
<a :class="{item: true, active: tab === 'repos'}" @click="changeTab('repos')">{{.i18n.Tr "repository"}}</a>
{{if not .ContextUser.IsOrganization}}
<a class="item" data-tab="orgs">{{.i18n.Tr "organization"}}</a>
<a :class="{item: true, active: tab === 'orgs'}" @click="changeTab('orgs')">{{.i18n.Tr "organization"}}</a>
{{end}}
<a class="item" data-tab="mirrors">{{.i18n.Tr "mirror"}}</a>
<a :class="{item: true, active: tab === 'mirrors'}" @click="changeTab('mirrors')">{{.i18n.Tr "mirror"}}</a>
</div>
<div class="ui tab active list" data-tab="repos">
<div v-if="tab === 'repos'" class="ui tab active list">
<div class="ui fluid input">
<input id="search_repo" name="q" value="" placeholder="{{.i18n.Tr "home.search_repos"}}" autofocus="">
<input @keyUp="searchKeyUp" v-model="searchQuery" id="search_repo" placeholder="{{.i18n.Tr "home.search_repos"}}">
</div>
<h4 class="ui top attached header">
{{.i18n.Tr "home.my_repos"}} <span class="ui grey label">{{.ContextUser.NumRepos}}</span>
@@ -29,18 +29,16 @@
</div>
</h4>
<div class="ui attached table segment">
<ul class="repo-owner-name-list search-list">
{{range .Repos}}
<li {{if .IsPrivate}}class="private"{{end}} data-title="{{.Name}}">
<a href="{{AppSubUrl}}/{{$.ContextUser.Name}}/{{.Name}}">
<i class="octicon octicon-{{if .IsFork}}repo-forked{{else if .IsPrivate}}lock{{else if .IsMirror}}repo-clone{{else}}repo{{end}}"></i>
<strong class="text truncate item-name">{{.Name}}</strong>
<span class="ui right text light grey">
{{.NumStars}} <i class="octicon octicon-star rear"></i>
</span>
</a>
</li>
{{end}}
<ul class="repo-owner-name-list">
<li v-for="repo in repos" :class="{'private': repo.private}">
<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>
{{if gt .ContextUser.NumRepos .MaxShowRepoNum}}
<li>
<a href="{{.ContextUser.HomeLink}}">{{.i18n.Tr "home.show_more_repos"}}</a>
@@ -54,9 +52,9 @@
{{.i18n.Tr "home.collaborative_repos"}}
</h4>
<div class="ui attached table segment">
<ul id="collaborative-repo-list" class="search-list">
<ul id="collaborative-repo-list">
{{range .CollaborativeRepos}}
<li {{if .IsPrivate}}class="private"{{end}} data-title="{{.Name}}">
<li {{if .IsPrivate}}class="private"{{end}}>
<a href="{{AppSubUrl}}/{{.Owner.Name}}/{{.Name}}">
<i class="octicon octicon-{{if .IsPrivate}}lock{{else if .IsFork}}repo-forked{{else if .IsMirror}}repo-clone{{else}}repo{{end}}"></i>
<span class="text truncate owner-and-repo">
@@ -74,7 +72,7 @@
</div>
{{if not .ContextUser.IsOrganization}}
<div class="ui tab list" data-tab="orgs">
<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">
@@ -102,7 +100,7 @@
</div>
{{end}}
<div class="ui tab list" data-tab="mirrors">
<div v-if="tab === 'mirrors'" class="ui tab active list">
<h4 class="ui top attached header">
{{.i18n.Tr "home.my_mirrors"}} <span class="ui grey label">{{.MirrorCount}}</span>
<div class="ui right">