diff --git a/options/locale/locale_en-US.ini b/options/locale/locale_en-US.ini
index 7fee0c2a99..b81da2bb22 100644
--- a/options/locale/locale_en-US.ini
+++ b/options/locale/locale_en-US.ini
@@ -46,6 +46,11 @@ your_profile = Your Profile
your_starred = Your Starred
your_settings = Your Settings
+all = All
+sources = Sources
+mirrors = Mirrors
+collaborative = Collaborative
+
activities = Activities
pull_requests = Pull Requests
issues = Issues
diff --git a/public/css/index.css b/public/css/index.css
index 774b559621..133af2690a 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -471,6 +471,17 @@ footer .ui.language .menu {
padding-right: 30px !important;
}
}
+[v-cloak] {
+ display: none !important;
+}
+.repos-search {
+ padding-bottom: 0 !important;
+}
+.repos-filter {
+ margin-top: 0 !important;
+ border-bottom-width: 0 !important;
+ margin-bottom: 2px !important;
+}
.markdown:not(code) {
overflow: hidden;
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
diff --git a/public/js/index.js b/public/js/index.js
index d79b94b92c..3152b2a5a4 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -1655,29 +1655,45 @@ $(function () {
});
});
-function initDashboardSearch() {
- var el = document.getElementById('dashboard-repo-search');
- if (!el) {
- return;
- }
+function initVueComponents(){
+ var vueDelimeters = ['${', '}'];
- new Vue({
- delimiters: ['${', '}'],
- el: el,
+ Vue.component('repo-search', {
+ delimiters: vueDelimeters,
+ template: '#repo-search-template',
- data: {
- tab: 'repos',
- repos: [],
- searchQuery: '',
- suburl: document.querySelector('meta[name=_suburl]').content,
- uid: document.querySelector('meta[name=_context_uid]').content
+ props: {
+ searchLimit: {
+ type: Number,
+ default: 10
+ },
+ suburl: {
+ type: String,
+ required: true
+ },
+ uid: {
+ type: Number,
+ required: true
+ },
+ },
+
+ data: function() {
+ return {
+ tab: 'repos',
+ repos: [],
+ reposTotal: 0,
+ reposFilter: 'all',
+ searchQuery: '',
+ isLoading: false
+ }
},
mounted: function() {
this.searchRepos();
+ var self = this;
Vue.nextTick(function() {
- document.querySelector('#search_repo').focus();
+ self.$refs.search.focus();
});
},
@@ -1686,19 +1702,45 @@ function initDashboardSearch() {
this.tab = t;
},
- searchKeyUp: function() {
- this.searchRepos();
+ changeReposFilter: function(filter) {
+ this.reposFilter = filter;
+ },
+
+ showRepo: function(repo, filter) {
+ switch (filter) {
+ case 'sources':
+ return repo.owner.id == this.uid && !repo.mirror && !repo.fork;
+ case 'forks':
+ return repo.owner.id == this.uid && !repo.mirror && repo.fork;
+ case 'mirrors':
+ return repo.mirror;
+ case 'collaborative':
+ return repo.owner.id != this.uid;
+ default:
+ return true;
+ }
},
searchRepos: function() {
var self = this;
- $.getJSON(this.searchURL(), function(result) {
- self.repos = result.data;
+ this.isLoading = true;
+ var searchedQuery = this.searchQuery;
+ $.getJSON(this.searchURL(), function(result, textStatus, request) {
+ if (searchedQuery == self.searchQuery) {
+ self.repos = result.data;
+ if (searchedQuery == "") {
+ self.reposTotal = request.getResponseHeader('X-Total-Count');
+ }
+ }
+ }).always(function() {
+ if (searchedQuery == self.searchQuery) {
+ self.isLoading = false;
+ }
});
},
searchURL: function() {
- return this.suburl + '/api/v1/repos/search?uid=' + this.uid + '&q=' + this.searchQuery;
+ return this.suburl + '/api/v1/repos/search?uid=' + this.uid + '&q=' + this.searchQuery + '&limit=' + this.searchLimit;
},
repoClass: function(repo) {
@@ -1713,5 +1755,25 @@ function initDashboardSearch() {
}
}
}
+ })
+}
+
+function initDashboardSearch() {
+ var el = document.getElementById('dashboard-repo-search');
+ if (!el) {
+ return;
+ }
+
+ initVueComponents();
+
+ new Vue({
+ delimiters: ['${', '}'],
+ el: el,
+
+ data: {
+ searchLimit: document.querySelector('meta[name=_search_limit]').content,
+ suburl: document.querySelector('meta[name=_suburl]').content,
+ uid: document.querySelector('meta[name=_context_uid]').content,
+ },
});
}
diff --git a/public/less/_base.less b/public/less/_base.less
index ba4821035b..572cec870e 100644
--- a/public/less/_base.less
+++ b/public/less/_base.less
@@ -464,3 +464,17 @@ footer {
padding-right: 30px !important;
}
}
+
+[v-cloak] {
+ display: none !important;
+}
+
+.repos-search {
+ padding-bottom: 0 !important;
+}
+
+.repos-filter {
+ margin-top: 0 !important;
+ border-bottom-width: 0 !important;
+ margin-bottom: 2px !important;
+}
\ No newline at end of file
diff --git a/routers/api/v1/repo/repo.go b/routers/api/v1/repo/repo.go
index edd6a72637..e44159817e 100644
--- a/routers/api/v1/repo/repo.go
+++ b/routers/api/v1/repo/repo.go
@@ -5,6 +5,7 @@
package repo
import (
+ "fmt"
"strings"
api "code.gitea.io/sdk/gitea"
@@ -91,6 +92,7 @@ func Search(ctx *context.APIContext) {
}
ctx.SetLinkHeader(int(count), setting.API.MaxResponseItems)
+ ctx.Header().Set("X-Total-Count", fmt.Sprintf("%d", count))
ctx.JSON(200, api.SearchResults{
OK: true,
Data: results,
diff --git a/routers/user/home.go b/routers/user/home.go
index b2096bc2ce..1707d9d097 100644
--- a/routers/user/home.go
+++ b/routers/user/home.go
@@ -131,6 +131,7 @@ func Dashboard(ctx *context.Context) {
ctx.Data["Title"] = ctxUser.DisplayName() + " - " + ctx.Tr("dashboard")
ctx.Data["PageIsDashboard"] = true
ctx.Data["PageIsNews"] = true
+ ctx.Data["SearchLimit"] = setting.UI.User.RepoPagingNum
// Only user can have collaborative repositories.
if !ctxUser.IsOrganization() {
diff --git a/templates/base/footer.tmpl b/templates/base/footer.tmpl
index 923f39e85b..a0c14db218 100644
--- a/templates/base/footer.tmpl
+++ b/templates/base/footer.tmpl
@@ -45,10 +45,6 @@
{{end}}
-
-
-
-
{{if .RequireHighlightJS}}
@@ -66,5 +62,9 @@
+
+
+
+