comparison: src/main/webapp/issue-search.js
src/main/webapp/issue-search.js
- changeset 358
- e46bef1bdddd
- parent 351
- 3720c7375146
- child 362
- 576bd8ac4d96
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 |
