You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
135 lines
4.3 KiB
135 lines
4.3 KiB
'use strict';
|
|
define(
|
|
[
|
|
'app',
|
|
'marionette',
|
|
'backgrid',
|
|
'System/Logs/Table/LogTimeCell',
|
|
'System/Logs/Table/LogLevelCell',
|
|
'Shared/Grid/Pager',
|
|
'System/Logs/LogsCollection',
|
|
'Shared/Toolbar/ToolbarLayout',
|
|
'Shared/LoadingView'
|
|
], function (App, Marionette, Backgrid, LogTimeCell, LogLevelCell, GridPager, LogCollection, ToolbarLayout, LoadingView) {
|
|
return Marionette.Layout.extend({
|
|
template: 'System/Logs/Table/LogsTableLayoutTemplate',
|
|
|
|
regions: {
|
|
grid : '#x-grid',
|
|
toolbar: '#x-toolbar',
|
|
pager : '#x-pager'
|
|
},
|
|
|
|
attributes: {
|
|
id: 'logs-screen'
|
|
},
|
|
|
|
columns:
|
|
[
|
|
{
|
|
name : 'level',
|
|
label : '',
|
|
sortable: true,
|
|
cell : LogLevelCell
|
|
},
|
|
{
|
|
name : 'logger',
|
|
label : 'Component',
|
|
sortable: true,
|
|
cell : Backgrid.StringCell.extend({
|
|
className: 'log-logger-cell'
|
|
})
|
|
},
|
|
{
|
|
name : 'message',
|
|
label : 'Message',
|
|
sortable: false,
|
|
cell : Backgrid.StringCell.extend({
|
|
className: 'log-message-cell'
|
|
})
|
|
},
|
|
{
|
|
name : 'time',
|
|
label: 'Time',
|
|
cell : LogTimeCell
|
|
}
|
|
],
|
|
|
|
initialize: function () {
|
|
this.collection = new LogCollection();
|
|
this.collectionPromise = this.collection.fetch();
|
|
|
|
App.vent.on(App.Events.CommandComplete, this._commandComplete, this);
|
|
},
|
|
|
|
onRender: function () {
|
|
this.grid.show(new LoadingView());
|
|
},
|
|
|
|
onShow: function () {
|
|
var self = this;
|
|
this._showToolbar();
|
|
|
|
this.collectionPromise.done(function () {
|
|
self._showTable();
|
|
});
|
|
},
|
|
|
|
_showTable: function () {
|
|
this.grid.show(new Backgrid.Grid({
|
|
row : Backgrid.Row,
|
|
columns : this.columns,
|
|
collection: this.collection,
|
|
className : 'table table-hover'
|
|
}));
|
|
|
|
this.pager.show(new GridPager({
|
|
columns : this.columns,
|
|
collection: this.collection
|
|
}));
|
|
},
|
|
|
|
_showToolbar: function () {
|
|
var rightSideButtons = {
|
|
type : 'default',
|
|
storeState: false,
|
|
items :
|
|
[
|
|
{
|
|
title : 'Refresh',
|
|
icon : 'icon-refresh',
|
|
ownerContext : this,
|
|
callback : this._refreshLogs
|
|
},
|
|
|
|
{
|
|
title : 'Clear Logs',
|
|
icon : 'icon-trash',
|
|
command : 'clearLog'
|
|
}
|
|
]
|
|
};
|
|
|
|
this.toolbar.show(new ToolbarLayout({
|
|
right :
|
|
[
|
|
rightSideButtons
|
|
],
|
|
context: this
|
|
}));
|
|
},
|
|
|
|
_refreshLogs: function () {
|
|
this.collection.state.currentPage = 1;
|
|
this.collection.fetch({ reset: true });
|
|
this._showTable();
|
|
},
|
|
|
|
_commandComplete: function (options) {
|
|
if (options.command.get('name') === 'clearlog') {
|
|
this._refreshLogs();
|
|
}
|
|
}
|
|
});
|
|
});
|