Method newXmlTvIdPicker

ts/menu_ts.ts:2161–2216

* @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: string, currentXmlTvId: string)

   * 3) Datalist containing every option.
   */
  newXmlTvIdPicker(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 epg: Object = SERVER['xepg']['xmltvMap'][xmlTvFile];

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

      programIds.forEach((programId) => {
        const program: Object = 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: string, currentXmlTvId: string): [HTMLDivElement, HTMLInputElement, HTMLDataListElement] {