Method newM3uPicker

ts/menu_ts.ts:2218–2273

(xmlTvFile: string, currentXmlTvId: string)

  }

  newM3uPicker(xmlTvFile: string, currentXmlTvId: string): [HTMLDivElement, HTMLInputElement, HTMLDataListElement] {
    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 as HTMLInputElement;
      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: Event) {
      const target = evt.target as HTMLInputElement;
      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: Object = SERVER['xepg']['epgMapping'];

    if (m3u) {
      const programIds = getOwnObjProps(m3u);

      programIds.forEach((programId) => {
        const chanel: Object = 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: string, set: string, active: boolean): any {