Method renderHeader

src/View/Brick.js:64–98

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

()

   * @return {?HTMLElement}
   */
  renderHeader () {
    this._$menu = this.renderMenu()

    const $menuButton = View.createElement('button', {
      className: 'brick__btn-menu',
      onClick: evt => {
        evt.preventDefault()
        this.toggleMenu()
      }
    })
    $menuButton.innerHTML = menuIconSvg

    const $caretIcon = View.createElement('div', {
      className: 'brick__title-caret'
    })
    $caretIcon.innerHTML = caretIconSvg

    return View.createElement('header', {
      className: 'brick__header'
    }, [
      View.createElement('button', {
        className: 'brick__title',
        onClick: evt => {
          evt.preventDefault()
          this.getModel().viewReplaceButtonDidClick(this)
        }
      }, [
        View.createElement('h3', {
          className: 'brick__title-inner'
        }, this.getModel().getTitle()),
        $caretIcon
      ]),
      $menuButton
    ])
  }

  /**
   * Renders menu.