Prowlarr/src/UI/System/Info/Health/HealthLayout.js

var Marionette = require('marionette');
var Backgrid = require('backgrid');
var HealthCollection = require('../../../Health/HealthCollection');
var HealthCell = require('./HealthCell');
var HealthWikiCell = require('./HealthWikiCell');
var HealthOkView = require('./HealthOkView');

module.exports = Marionette.Layout.extend({
    template   : 'System/Info/Health/HealthLayoutTemplate',
    regions    : {grid : '#x-health-grid'},
    columns    : [{
        name     : 'type',
        label    : '',
        cell     : HealthCell,
        sortable : false
    }, {
        name     : 'message',
        label    : 'Message',
        cell     : 'string',
        sortable : false
    }, {
        name     : 'wikiUrl',
        label    : '',
        cell     : HealthWikiCell,
        sortable : false
    }],
    initialize : function(){
        this.listenTo(HealthCollection, 'sync', this.render);
        HealthCollection.fetch();
    },
    onRender   : function(){
        if(HealthCollection.length === 0) {
            this.grid.show(new HealthOkView());
        }
        else {
            this._showTable();
        }
    },
    _showTable : function(){
        this.grid.show(new Backgrid.Grid({
            row        : Backgrid.Row,
            columns    : this.columns,
            collection : HealthCollection,
            className  : 'table table-hover'
        }));
    }
});