Added search UI

scripts/AnimeNotifier.ts

@@ -56,6 +56,19 @@ export class AnimeNotifier {
 		}
 	}
 
+	onKeyDown(e: KeyboardEvent) {
+		// Ctrl + Q = Search
+		if(e.ctrlKey && e.keyCode == 81) {
+			let search = this.app.find("search") as HTMLInputElement
+
+			search.focus()
+			search.select()
+
+			e.preventDefault()
+			e.stopPropagation()
+		}
+	}
+
 	updateAvatars() {
 		for(let element of findAll(".user-image")) {
 			let img = element as HTMLImageElement

scripts/main.ts

@@ -6,6 +6,7 @@ let arn = new AnimeNotifier(app)
 
 document.addEventListener("DOMContentLoaded", arn.onContentLoaded.bind(arn))
 document.addEventListener("readystatechange", arn.onReadyStateChange.bind(arn))
+document.addEventListener("keydown", arn.onKeyDown.bind(arn), false)
 
 window.addEventListener("popstate", arn.onPopState.bind(arn))
 // window.addEventListener("resize", arn.onResize.bind(arn))