Method renderField

src/View/Field/Boolean.js:41–68

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

()

   * @return {?HTMLElement}
   */
  renderField () {
    this._$input = View.createElement('input', {
      className: 'field-boolean__input',
      type: 'checkbox',
      id: this.getId(),
      onChange: this.inputValueDidChange.bind(this),
      checked: this.getModel().getValue(),
      onFocus: evt => this.focus(),
      onBlur: evt => this.blur()
    })

    const $toggle = View.createElement('label', {
      className: 'field-boolean__toggle',
      htmlFor: this.getId()
    }, [
      View.createElement('span', {
        className: 'field-boolean__choice'
      }, this.getModel().getTrueLabel()),
      View.createElement('span', {
        className: 'field-boolean__choice'
      }, this.getModel().getFalseLabel())
    ])

    const $field = super.renderField()
    $field.appendChild(this._$input)
    $field.appendChild($toggle)
    return $field
  }

  /**
   * Triggered when input value has been changed.