Filter based on different things

Author: pabs3

dashboard/assets/scripts/dashboard.js

@@ -655,8 +655,11 @@ class JobsRenderer {
 		this.firstFilterMatch = null;
 		for (const job of this.jobs.sorted) {
 			const w = this.renderInfo[job.ident].logWindow;
-			const show = query.test(job.url) ||
-			(this.showNicks && query.test(job.started_by));
+			const show =
+			(byId("filter-job-id").checked && query.test(job.ident)) ||
+			(byId("filter-job-url").checked && query.test(job.url)) ||
+			(byId("filter-job-note").checked && query.test(job.note)) ||
+			(this.showNicks && byId("filter-job-nick").checked && query.test(job.started_by));
 			if (!show) {
 				w.classList.add("log-window-hidden");
 
@@ -1106,6 +1109,22 @@ class Dashboard {
 
 		if (!showNicks) {
 			addPageStyles(".job-nick-aligned { width: 0; }");
+		} else {
+			byId("filter-types").lastChild.after(
+				h("input", {
+					type: "checkbox",
+					id: "filter-job-nick",
+					onclick: () => { ds.jobsRenderer.applyFilter(); },
+					checked: true,
+				})
+			);
+			byId("filter-types").lastChild.after("\n");
+			byId("filter-types").lastChild.after("\t\t\t");
+			byId("filter-types").lastChild.after(
+				h("label", { className: "filter-job", htmlFor: "filter-job-nick", textContent: "Nick" }),
+			);
+			byId("filter-types").lastChild.after(h("br"));
+			byId("filter-types").lastChild.after("\n");
 		}
 
 		if (args.initialFilter != null) {

dashboard/dashboard.html

@@ -65,6 +65,14 @@
        float: inline-start;
 }
 
+#filter-details {
+	display: inline flex;
+}
+
+#filter-types {
+       float: inline-start;
+}
+
 .padded-page {
 	padding: 20px 27px 20px 27px;
 }
@@ -451,7 +459,19 @@
 			<a href="https://wiki.archiveteam.org/index.php?title=ArchiveBot" class="underlined-a">ArchiveBot</a>
 			tracking <span id="num-crawls">0</span> crawls.
 			See also <a href="pipelines" class="underlined-a">pipeline</a> or <a href="logs/recent" class="underlined-a">job</a> reports.
-			Logs <input id="filter-box" type="text" size="21" title="Show logs for jobs matching this regular expression. For example ^https?://.*">
+			<details id="filter-details">
+			<summary>Logs</summary>
+			<div id="filter-types">
+			Search:<br>
+			<input type="checkbox" id="filter-job-id" onclick="ds.jobsRenderer.applyFilter();" accesskey="i">
+			<label class="filter-job" for="filter-job-id">IDs</label><br>
+			<input type="checkbox" id="filter-job-url" onclick="ds.jobsRenderer.applyFilter();" accesskey="u" checked>
+			<label class="filter-job" for="filter-job-url">URLs</label><br>
+			<input type="checkbox" id="filter-job-note" onclick="ds.jobsRenderer.applyFilter();" accesskey="e">
+			<label class="filter-job" for="filter-job-note">Note</label><br>
+			</div>
+			</details>
+			<input id="filter-box" type="text" size="21" title="Show logs for jobs matching this regular expression. For example ^https?://.*">
 			<input id="set-filter-all" onclick="ds.setFilter('');" type="button" value="All"  class="button">
 			<input id="set-filter-none" onclick="ds.setFilter('^$');" type="button" value="None" class="button">
 			<input type="checkbox" id="show-all-headers" onclick="ds.showAllHeaders(this.checked);">