tip/src/main/webapp/issue-search.js

/*
 * 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();
        }
    })
});