Method setValuesFromHash

src/inputs.ts:29–82

(parsedHash: URLSearchParams)

  }

  setValuesFromHash(parsedHash: URLSearchParams): void {
    const input = this;

    const tr = document.createElement('tr');
    tr.id = 'tr' + this.id();
    input.tr = tr;

    const nameTd = document.createElement('td');
    nameTd.className = 'name';
    nameTd.textContent = this.name;
    tr.appendChild(nameTd);

    const rawValue = parsedHash.get(this.nameCamelCase());
    const defaultValue = rawValue ?? this.defaultValue;

    if (this.selectValues == null) {
      const td = document.createElement('td');
      const inputElement = document.createElement('input');
      inputElement.id = this.id();
      inputElement.title = this.tooltip;
      inputElement.value = String(defaultValue);
      inputElement.size = 4;
      inputElement.addEventListener(eventIds.input, () => input.listener.notify());
      input.formInput = inputElement;
      td.appendChild(inputElement);
      tr.appendChild(td);
    } else {
      const td = document.createElement('td');
      const selectElement = document.createElement('select');
      selectElement.id = this.id();
      this.selectValues.forEach((id) => {
        const option = document.createElement('option');
        option.value = id;
        option.textContent = id;
        selectElement.appendChild(option);
      });

      selectElement.value =
          this.selectValues.includes(String(defaultValue)) ?
          String(defaultValue) :
          String(this.defaultValue);
      selectElement.addEventListener(eventIds.input, () => input.listener.notify());
      input.formInput = selectElement;
      td.appendChild(selectElement);
      tr.appendChild(td);
    }

    if (this.units !== null) {
      const unitsTd = document.createElement('td');
      unitsTd.className = 'units';
      unitsTd.textContent = this.units;
      tr.appendChild(unitsTd);
    }
  }

  value(): string | undefined {
    return this.formInput?.value;