Method update

src/View/Pipe.js:133–192

* Integrates brick view elements inside pipe structure. * @return {PipeView} Fluent interface

()

   * @return {PipeView} Fluent interface
   */
  update () {
    // Gather brick views in order
    const bricks = this.getModel().getBricks()
    const brickViews = bricks.map(brick => brick.getView())

    this.getElement()
    const $content = this._$content

    // Detach each brick subview element without breaking it (emptying parent
    // via innerHTML does not work in IE11)
    brickViews.forEach(brickView => {
      const $element = brickView.getElement()
      $element.parentNode && $element.parentNode.removeChild($element)
    })

    // Empty content element
    $content.innerHTML = ''

    // Store reference and index for each pipe part
    this._$pipeParts = []
    this._pipePartIndex = []

    // Compose pipe
    let $pipePart
    let cowards = []
    for (let i = 0; i < bricks.length; i++) {
      if (!bricks[i].isHidden()) {
        // Append brick
        $pipePart = this._createPipePart(i)
        this._$pipeParts.push($pipePart)
        this._pipePartIndex.push(i)

        $content.appendChild($pipePart)
        $content.appendChild(this._createBrickPart(brickViews[i]))
      } else {
        // Collect cowards
        cowards.push(bricks[i])

        // Append cowards group if this is the last coward in the group
        if (i + 1 === bricks.length || !bricks[i + 1].isHidden()) {
          const index = i - cowards.length + 1
          $pipePart = this._createPipePart(index)
          this._$pipeParts.push($pipePart)
          this._pipePartIndex.push(index)
          $content.appendChild($pipePart)
          $content.appendChild(this._createCollapsedPart(cowards))
          cowards = []
        }
      }
    }

    // Add end part
    $pipePart = this._createPipePart(brickViews.length)
    this._$pipeParts.push($pipePart)
    this._pipePartIndex.push(brickViews.length)
    $content.appendChild($pipePart)

    this.layout()