guvnor/web/client/views/apps/console.js

A node process manager that isn't spanners all the way down

var View = require('ampersand-view')
var templates = require('../../templates')
var CollectionView = require('ampersand-collection-view')
var LineView = require('./line')

module.exports = View.extend({
  template: templates.includes.apps.console,
  initialize: function () {
    this.listenTo(this.model.logs, 'add', this.scrollLogs.bind(this))
  },
  scrollLogs: function () {
    setTimeout(function () {
      var list = this.query('[data-hook=log]')

      list.scrollTop = list.scrollHeight
    }.bind(this), 100)
  },
  subviews: {
    lines: {
      container: '[data-hook=log]',
      prepareView: function (el) {
        return new CollectionView({
          el: el,
          collection: this.model.logs,
          view: LineView
        })
      }
    }
  }
})