Method renderField

src/View/Field/Enum.js:71–140

* Renders field. * @protected * @return {?HTMLElement}

()

   * @return {?HTMLElement}
   */
  renderField () {
    // Collect labels
    const elementLabels = this.getModel().getElementLabels()
    const elementDescriptions = this.getModel().getElementDescriptions()

    // Prepare field
    const $field = super.renderField()
    $field.classList.remove('field__field')
    $field.classList.add('field-enum__field')

    if (this.getStyle() === 'radio') {
      this._$$radio = []

      // Prepare radio group
      const $radioGroup = View.createElement('div', {
        className: 'field-enum__options',
        role: 'radiogroup',
        id: this.getId()
      })

      $field.appendChild($radioGroup)

      // Render each option
      elementLabels.forEach((label, index) => {
        const optionId = `${this.getId()}-${index + 1}`

        const $radio = View.createElement('input', {
          type: 'radio',
          className: 'field-enum__option-radio',
          id: optionId,
          onChange: this.valueDidChange.bind(this),
          name: this.getId()
        })

        const $option = View.createElement('div', {
          className: 'field-enum__option'
        }, [
          $radio,
          View.createElement('label', {
            htmlFor: optionId,
            className: 'field-enum__option-label'
          }, label)
        ])

        this._$$radio.push($radio)
        $radioGroup.appendChild($option)
      })
    } else {
      // Create option for each element
      const $options = elementLabels.map((label, index) =>
        View.createElement('option', {
          value: index,
          title: elementDescriptions[index] || ''
        }, label))

      // Create select element
      this._$select = View.createElement('select', {
        className: 'field-enum__select',