Method newXmlTvIdPicker

html/js/menu_ts.js:1772–1817

* @param xmlTvFile XML file path to get EPG from. * @param currentXmlTvId Current XMLTV ID to set initial input value to. * @returns Array of, sequentially: * 1) Container of the picker. * 2) Input field to type at and get choice from. * 3) Datalist containing every option.

(xmlTvFile, currentXmlTvId)

   * 3) Datalist containing every option.
   */
    newXmlTvIdPicker(xmlTvFile, currentXmlTvId) {
        const container = document.createElement('div');
        const input = document.createElement('input');
        input.setAttribute('type', 'text');
        // Initially, set value to '-' if input is empty
        input.value = (currentXmlTvId) ? currentXmlTvId : '-';
        // When input is focused, remove '-' from it
        input.addEventListener('focus', (evt) => {
            const target = evt.target;
            target.value = (target.value === '-') ? '' : target.value;
        });
        // When input lose focus or take a value, if it's empty, set value to '-'
        input.addEventListener('blur', setFallbackValue);
        input.addEventListener('change', setFallbackValue);
        function setFallbackValue(evt) {
            const target = evt.target;
            target.value = (target.value) ? target.value : '-';
        }
        container.appendChild(input);
        const datalist = document.createElement('datalist');
        const option = document.createElement('option');
        option.setAttribute('value', '-');
        option.innerText = '-';
        datalist.appendChild(option);
        const epg = SERVER['xepg']['xmltvMap'][xmlTvFile];
        if (epg) {
            const programIds = getOwnObjProps(epg);
            programIds.forEach((programId) => {
                const program = epg[programId];
                if (program.hasOwnProperty('display-name')) {
                    const option = document.createElement('option');
                    option.setAttribute('value', programId);
                    option.innerText = program["display-name"];
                    datalist.appendChild(option);
                }
                else {
                    const option = document.createElement('option');
                    option.setAttribute('value', programId);
                    option.innerText = '-';
                    datalist.appendChild(option);
                }
            });
        }
        container.appendChild(datalist);
        return [container, input, datalist];
    }
    newM3uPicker(xmlTvFile, currentXmlTvId) {
        const container = document.createElement('div');
        const input = document.createElement('input');