src/main/webapp/issue-search.js

changeset 358
e46bef1bdddd
parent 351
3720c7375146
equal deleted inserted replaced
357:8509308fbbe9 358:e46bef1bdddd
1 /*
2 * Copyright 2025 Mike Becker. All rights reserved.
3 *
4 * Redistribution and use in source and binary forms, with or without
5 * modification, are permitted provided that the following conditions are met:
6 *
7 * 1. Redistributions of source code must retain the above copyright
8 * notice, this list of conditions and the following disclaimer.
9 *
10 * 2. Redistributions in binary form must reproduce the above copyright
11 * notice, this list of conditions and the following disclaimer in the
12 * documentation and/or other materials provided with the distribution.
13 *
14 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
15 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
16 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
17 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
18 * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
19 * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
20 * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
21 * CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
22 * OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
23 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
24 */
25
26 function debounce(func){
27 let timer;
28 return () => {
29 clearTimeout(timer);
30 timer = setTimeout(() => { func.apply(this); }, 300);
31 };
32 }
33
34 const issueSearch = debounce(() => issueSearchImpl())
35 let searchBoxOldContent = '';
36 function issueSearchImpl() {
37 const searchBox = document.getElementById('search-box');
38 if (searchBoxOldContent !== searchBox.value) {
39 searchBoxOldContent = searchBox.value;
40 const req = new XMLHttpRequest();
41 req.addEventListener("load", (evt) => {
42 const dataList = document.getElementById('search-box-list');
43 dataList.innerHTML = '';
44 JSON.parse(evt.target.responseText).forEach(function(item){
45 const option = document.createElement('option');
46 option.value = item;
47 dataList.appendChild(option);
48 });
49 });
50 req.open("GET", baseHref+'issues/search?q='+encodeURIComponent(searchBox.value));
51 req.send();
52 }
53 }
54
55 // configure the search box
56 window.addEventListener('load', () => {
57 const searchBox = document.getElementById('search-box');
58 searchBox.addEventListener('change', () => issueSearch())
59 searchBox.addEventListener('keyup', (evt) => {
60 if (evt.code === 'Enter' || evt.code === 'NumpadEnter') {
61 let stext = searchBox.value.trim()
62 if (stext.length === 0) return;
63 if (stext[0] === '#') stext = stext.substring(1);
64 const snum = Number.parseInt(stext.split(' ')[0], 10);
65 if (snum !== Number.NaN) {
66 location.assign(baseHref+'issues/'+snum+'?in_project=true');
67 }
68 } else {
69 issueSearch();
70 }
71 })
72 });
73

mercurial