src/main/webapp/issue-search.js

changeset 358
e46bef1bdddd
parent 351
3720c7375146
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/main/webapp/issue-search.js	Sun Mar 09 15:57:52 2025 +0100
@@ -0,0 +1,73 @@
+/*
+ * Copyright 2025 Mike Becker. All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ * 1. Redistributions of source code must retain the above copyright
+ * notice, this list of conditions and the following disclaimer.
+ *
+ * 2. Redistributions in binary form must reproduce the above copyright
+ * notice, this list of conditions and the following disclaimer in the
+ * documentation and/or other materials provided with the distribution.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+ * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+ * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+ * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+ * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+ * CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+ * OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+ * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+
+function debounce(func){
+    let timer;
+    return () => {
+        clearTimeout(timer);
+        timer = setTimeout(() => { func.apply(this); }, 300);
+    };
+}
+
+const issueSearch = debounce(() => issueSearchImpl())
+let searchBoxOldContent = '';
+function issueSearchImpl() {
+    const searchBox = document.getElementById('search-box');
+    if (searchBoxOldContent !== searchBox.value) {
+        searchBoxOldContent = searchBox.value;
+        const req = new XMLHttpRequest();
+        req.addEventListener("load", (evt) => {
+            const dataList = document.getElementById('search-box-list');
+            dataList.innerHTML = '';
+            JSON.parse(evt.target.responseText).forEach(function(item){
+                const option = document.createElement('option');
+                option.value = item;
+                dataList.appendChild(option);
+            });
+        });
+        req.open("GET", baseHref+'issues/search?q='+encodeURIComponent(searchBox.value));
+        req.send();
+    }
+}
+
+// configure the search box
+window.addEventListener('load', () => {
+    const searchBox = document.getElementById('search-box');
+    searchBox.addEventListener('change', () => issueSearch())
+    searchBox.addEventListener('keyup', (evt) => {
+        if (evt.code === 'Enter' || evt.code === 'NumpadEnter') {
+            let stext = searchBox.value.trim()
+            if (stext.length === 0) return;
+            if (stext[0] === '#') stext = stext.substring(1);
+            const snum = Number.parseInt(stext.split(' ')[0], 10);
+            if (snum !== Number.NaN) {
+                location.assign(baseHref+'issues/'+snum+'?in_project=true');
+            }
+        } else {
+            issueSearch();
+        }
+    })
+});
+

mercurial