Merge branch 'pr-386'

tuna · Aug 21, 2023 · c31baf0 · c31baf0
2 parents f30297b + 40e2b65
commit c31baf0
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/_layouts/index.html b/_layouts/index.html
@@ -35,7 +35,7 @@ <h3>暂时无法提供服务</h3>
 						<div class="row">
 							<h3 id="mirror-title">{% fa_svg fas.fa-cube %} 镜像列表 </h3>
 							{% unless page.legacy %}
-							<input type="search" v-model.trim="filter" id="search" placeholder="搜索" autocomplete="off">
+							<input type="search" v-model.trim="filter" id="search" ref="search" placeholder="按 / 搜索" autocomplete="off">
 							{% endunless %}
 						</div>
 						<table class="table" v-if="mirrorList.length">

diff --git a/static/js/index.es6 b/static/js/index.es6
@@ -27,10 +27,24 @@ var vmMirList = new Vue({
 		filter: "",
 		rawMirrorList: [],
 		dateTooltip: localStorage.getItem('DateTooltip') !== 'false',
+		haveSearchBox: false,
 	},
 	created () {
 		this.refreshMirrorList();
 	},
+	mounted () {
+		if(this.$refs.search){
+			this.haveSearchBox = true;
+		}
+		if(this.haveSearchBox){
+			window.addEventListener("keypress", this.onKeyPress);
+		}
+	},
+	beforeDestroy() {
+		if(this.haveSearchBox){
+			window.removeEventListener("keypress", this.onKeyPress);
+		}
+	},
 	updated () {
 		$('.mirror-item-label').popover();
 	},
@@ -76,6 +90,12 @@ var vmMirList = new Vue({
 				self.rawMirrorList = status_data;
 				setTimeout(() => {self.refreshMirrorList()}, 10000);
 			});
+		},
+		onKeyPress(event) {
+			if (event.key === '/' && document.activeElement !== this.$refs.search) {
+				event.preventDefault();
+				this.$refs.search.focus();
+			}
 		}
 	}
 })