Lidarr/UI/Release/Layout.js

'use strict';
define([
    'app',
    'Release/Collection',
    'Release/ApprovalStatusCell',
    'Shared/SpinnerView',
    'Shared/Toolbar/ToolbarLayout',
    'Cells/EpisodeNumberCell',
    'Cells/FileSizeCell',
    'Cells/IndexerCell',
    'Cells/QualityCell'
],
    function () {
        NzbDrone.Release.Layout = Backbone.Marionette.Layout.extend({
            template: 'Release/LayoutTemplate',

            regions: {
                grid   : '#x-grid',
                toolbar: '#x-toolbar'
            },

            columns: [
                {
                    name    : 'indexer',
                    label   : 'Indexer',
                    sortable: true,
                    cell    : NzbDrone.Cells.IndexerCell
                },

                {
                    name    : 'title',
                    label   : 'Title',
                    sortable: true,
                    cell    : Backgrid.StringCell
                },
                {
                    name    : 'episodeNumbers',
                    episodes: 'episodeNumbers',
                    label   : 'season',
                    cell    : NzbDrone.Cells.EpisodeNumberCell
                },
                {
                    name    : 'size',
                    label   : 'Size',
                    sortable: true,
                    cell    : NzbDrone.Cells.FileSizeCell
                },
                {
                    name    : 'quality',
                    label   : 'Quality',
                    sortable: true,
                    cell    : NzbDrone.Cells.QualityCell
                },

                {
                    name : 'rejections',
                    label: 'decision',
                    cell : NzbDrone.Release.ApprovalStatusCell
                }
            ],

            showTable: function () {
                if (!this.isClosed) {
                    this.grid.show(new Backgrid.Grid(
                        {
                            row       : Backgrid.Row,
                            columns   : this.columns,
                            collection: this.collection,
                            className : 'table table-hover'
                        }));
                }
            },

            initialize: function () {
                this.collection = new NzbDrone.Release.Collection();
                this.fetchPromise = this.collection.fetch();
            },

            onShow: function () {

                var self = this;

                this.grid.show(new NzbDrone.Shared.SpinnerView());

                this.fetchPromise.done(function () {
                    self.showTable();
                });
                //this.toolbar.show(new NzbDrone.Shared.Toolbar.ToolbarLayout({right: [ viewButtons], context: this}));
            }

        });
    });