From d0e429ed5c5a5c38009f25f34af68223a7c34a0a Mon Sep 17 00:00:00 2001
From: lukas <lukas.walter@aceart.de>
Date: Tue, 29 Nov 2022 13:27:13 +0100
Subject: [PATCH] Open result repository on search enter

---
 templates/user/dashboard/repolist.tmpl     |  2 +-
 web_src/js/components/DashboardRepoList.js | 29 ++++++++++++++++++++++
 web_src/less/_dashboard.less               |  4 +++
 3 files changed, 34 insertions(+), 1 deletion(-)

diff --git a/templates/user/dashboard/repolist.tmpl b/templates/user/dashboard/repolist.tmpl
index 620cc322f0d39..64918f73984a9 100644
--- a/templates/user/dashboard/repolist.tmpl
+++ b/templates/user/dashboard/repolist.tmpl
@@ -41,7 +41,7 @@
 			</h4>
 			<div class="ui attached segment repos-search">
 				<div class="ui fluid right action left icon input" :class="{loading: isLoading}">
-					<input @input="changeReposFilter(reposFilter)" v-model="searchQuery" ref="search" placeholder="{{.locale.Tr "home.search_repos"}}">
+					<input @input="changeReposFilter(reposFilter)" v-on:keyup.enter="onSearchEnter" v-on:keyup.down="onSearchDown" v-on:keyup.up="onSearchUp" v-model="searchQuery" ref="search" placeholder="{{.locale.Tr "home.search_repos"}}">
 					<i class="icon df ac jc">{{svg "octicon-search" 16}}</i>
 					<div class="ui dropdown icon button" title="{{.locale.Tr "home.filter"}}">
 						<i class="icon df ac jc m-0">{{svg "octicon-filter" 16}}</i>
diff --git a/web_src/js/components/DashboardRepoList.js b/web_src/js/components/DashboardRepoList.js
index 0a009e78d1516..f12a830022423 100644
--- a/web_src/js/components/DashboardRepoList.js
+++ b/web_src/js/components/DashboardRepoList.js
@@ -189,12 +189,41 @@ function initVueComponents(app) {
         }
       },
 
+      onSearchEnter() {
+        if (this.searchQuery.length > 0) {
+          const items = document.getElementsByClassName('repo-list-link');
+          items[this.repoIndex].click();
+        }
+      },
+
+      onSearchDown() {
+        if (this.repoIndex + 1 < this.repos.length) {
+          const items = document.getElementsByClassName('repo-list-link');
+          items[this.repoIndex].classList.remove('selected');
+          this.repoIndex++;
+          items[this.repoIndex].classList.add('selected');
+        }
+      },
+
+      onSearchUp() {
+        if (this.repoIndex > 0) {
+          const items = document.getElementsByClassName('repo-list-link');
+          items[this.repoIndex].classList.remove('selected');
+          this.repoIndex--;
+          items[this.repoIndex].classList.add('selected');
+        }
+      },
+
       changeReposFilter(filter) {
         this.reposFilter = filter;
         this.repos = [];
         this.page = 1;
         this.counts[`${filter}:${this.archivedFilter}:${this.privateFilter}`] = 0;
         this.searchRepos();
+        setTimeout(() => {
+          const items = document.getElementsByClassName('repo-list-link');
+          items[0].classList.add('selected');
+        }, 100);
       },
 
       updateHistory() {
diff --git a/web_src/less/_dashboard.less b/web_src/less/_dashboard.less
index 4ba0788af1086..d8acc14871429 100644
--- a/web_src/less/_dashboard.less
+++ b/web_src/less/_dashboard.less
@@ -178,6 +178,10 @@
           .star-num {
             font-size: 12px;
           }
+
+          &.selected {
+            outline: solid 1px grey;
+          }
         }
       }
     }