Method newM3uPicker

html/js/menu_ts.js:1818–1863

(xmlTvFile, currentXmlTvId)

        return [container, input, datalist];
    }
    newM3uPicker(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 m3u = SERVER['xepg']['epgMapping'];
        if (m3u) {
            const programIds = getOwnObjProps(m3u);
            programIds.forEach((programId) => {
                const chanel = m3u[programId];
                if (chanel.hasOwnProperty('tvg-name')) {
                    const option = document.createElement('option');
                    option.setAttribute('value', chanel["tvg-name"]);
                    option.innerText = programId;
                    datalist.appendChild(option);
                }
                else {
                    const option = document.createElement('option');
                    option.setAttribute('value', chanel["tvg-name"]);
                    option.innerText = '-';
                    datalist.appendChild(option);
                }
            });
        }
        container.appendChild(datalist);
        return [container, input, datalist];
    }
    getPrograms(file, set, active) {
        //var fileIDs:string[] = getObjKeys(SERVER["xepg"]["xmltvMap"])
        var values = getObjKeys(SERVER["xepg"]["xmltvMap"][file]);