feat: add search repository on dashboard. (#773)

7 years ago · d078aa30d6
parent 7765593018
commit d078aa30d6
6 changed files with 20 additions and 4 deletions
--- a/options/locale/locale_en-US.ini
+++ b/options/locale/locale_en-US.ini
@ -142,6 +142,7 @@ collaborative_repos = Collaborative Repositories
 my_orgs = My Organizations
 my_mirrors = My Mirrors
 view_home = View %s
+search_repos = Find a repository ...

 issues.in_your_repos = In your repositories

--- a/options/locale/locale_zh-HK.ini
+++ b/options/locale/locale_zh-HK.ini
@ -133,6 +133,7 @@ collaborative_repos=參與協作的儲存庫
 my_orgs=我的組織
 my_mirrors=我的鏡像
 view_home=訪問 %s
+search_repos = 搜尋儲存庫 ...

 issues.in_your_repos=屬於該用戶儲存庫的

--- a/options/locale/locale_zh-TW.ini
+++ b/options/locale/locale_zh-TW.ini
@ -133,6 +133,7 @@ collaborative_repos=參與協作的儲存庫
 my_orgs=我的組織
 my_mirrors=我的鏡像
 view_home=訪問 %s
+search_repos = 搜尋儲存庫 ...

 issues.in_your_repos=屬於該用戶儲存庫的

--- a/public/js/index.js
+++ b/public/js/index.js
@ -1464,4 +1464,13 @@ function selectRange($list, $select, $from) {
 $(function () {
    if ($('.user.signin').length > 0) return;
    $('form').areYouSure();
+
+    $("#search_repo").on('change paste keyup',function(){
+        var value = $(this).val();
+        if(!value){
+            $('.list-search-style').html('');
+        } else{
+            $('.list-search-style').html('.search-list li:not([data-title*="' + value + '"]) {display: none;}');
+        }
+    });
 });
--- a/templates/base/head.tmpl
+++ b/templates/base/head.tmpl
@ -45,6 +45,7 @@
 {{if .RequireDropzone}}
 	<link rel="stylesheet" href="{{AppSubUrl}}/plugins/dropzone-4.2.0/dropzone.css">
 {{end}}
+	<style class="list-search-style"></style>
 </head>
 <body>
 	<div class="full height">
--- a/templates/user/dashboard/dashboard.tmpl
+++ b/templates/user/dashboard/dashboard.tmpl
@ -15,6 +15,9 @@
 					<a class="item" data-tab="mirrors">{{.i18n.Tr "mirror"}}</a>
 				</div>
 				<div class="ui tab active list" data-tab="repos">
+					<div class="ui fluid input">
+						<input id="search_repo" name="q" value="" placeholder="{{.i18n.Tr "home.search_repos"}}" autofocus="">
+					</div>
 					<h4 class="ui top attached header">
 						{{.i18n.Tr "home.my_repos"}} <span class="ui grey label">{{.ContextUser.NumRepos}}</span>
 						<div class="ui right">
@ -25,9 +28,9 @@
 						</div>
 					</h4>
 					<div class="ui attached table segment">
-						<ul class="repo-owner-name-list">
+						<ul class="repo-owner-name-list search-list">
 							{{range .Repos}}
-								<li {{if .IsPrivate}}class="private"{{end}}>
+								<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>
@ -50,9 +53,9 @@
 							{{.i18n.Tr "home.collaborative_repos"}}
 						</h4>
 						<div class="ui attached table segment">
-							<ul id="collaborative-repo-list">
+							<ul id="collaborative-repo-list" class="search-list">
 								{{range .CollaborativeRepos}}
-									<li {{if .IsPrivate}}class="private"{{end}}>
+									<li {{if .IsPrivate}}class="private"{{end}} data-title="{{.Name}}">
 										<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">