Archive-Team
/
sonarr-repo-only
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

styled log page.

This commit is contained in:
kay.one 2013-07-13 19:40:47 -07:00
parent 27c7ed1e6d
commit 8f9b9c901c
8 changed files with 1804 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
Gruntfile.js
View File

@ -64,6 +64,7 @@ module.exports = function (grunt) {
'UI/AddSeries/addSeries.less', 'UI/AddSeries/addSeries.less',
'UI/Calendar/calendar.less', 'UI/Calendar/calendar.less',
'UI/Cells/cells.less', 'UI/Cells/cells.less',
'UI/Logs/logs.less',
'UI/Settings/settings.less', 'UI/Settings/settings.less',
], ],
dest : '_output/', dest : '_output/',

1
UI/Index.html
View File

@ -11,6 +11,7 @@
<link href="/Content/base.css" rel='stylesheet' type='text/css'/> <link href="/Content/base.css" rel='stylesheet' type='text/css'/>
<link href="/Cells/Cells.css" rel='stylesheet' type='text/css'> <link href="/Cells/Cells.css" rel='stylesheet' type='text/css'>
<link href="/Series/Series.css" rel='stylesheet' type='text/css'/> <link href="/Series/Series.css" rel='stylesheet' type='text/css'/>
<link href="/Logs/logs.css" rel='stylesheet' type='text/css'/>
<link href="/Settings/settings.css" rel='stylesheet' type='text/css'/> <link href="/Settings/settings.css" rel='stylesheet' type='text/css'/>
<link href="/AddSeries/Addseries.css" rel='stylesheet' type='text/css'/> <link href="/AddSeries/Addseries.css" rel='stylesheet' type='text/css'/>
<link href="/Calendar/calendar.css" rel='stylesheet' type='text/css'/> <link href="/Calendar/calendar.css" rel='stylesheet' type='text/css'/>

1662
UI/JsLibraries/moment.js Normal file
View File

File diff suppressed because it is too large Load Diff

94
UI/Logs/Layout.js
View File

@ -1,11 +1,13 @@
'use strict'; 'use strict';
define([ define(
'marionette', [
'backgrid', 'marionette',
'Shared/Grid/Pager', 'backgrid',
'Logs/Collection' 'Logs/LogTimeCell',
], 'Logs/LogLevelCell',
function (Marionette,Backgrid, GridPager, LogCollection) { 'Shared/Grid/Pager',
'Logs/Collection'
], function (Marionette, Backgrid, LogTimeCell, LogLevelCell, GridPager, LogCollection) {
return Marionette.Layout.extend({ return Marionette.Layout.extend({
template: 'Logs/LayoutTemplate', template: 'Logs/LayoutTemplate',
@ -15,41 +17,49 @@ define([
pager : '#x-pager' pager : '#x-pager'
}, },
columns: [ attributes: {
{ id: 'logs-screen'
name : 'level', },
label : 'Level',
sortable: true, columns:
cell : Backgrid.StringCell [
}, {
{ name : 'level',
name : 'logger', label : '',
label : 'Component', sortable: true,
sortable: true, cell : LogLevelCell
cell : Backgrid.StringCell },
}, {
{ name : 'logger',
name : 'message', label : 'Component',
label : 'Message', sortable: true,
sortable: false, cell : Backgrid.StringCell.extend({
cell : Backgrid.StringCell className: 'log-logger-cell'
}, })
{ },
name : 'time', {
label: 'Time', name : 'message',
cell : Backgrid.DatetimeCell label : 'Message',
} sortable: false,
], cell : Backgrid.StringCell.extend({
className: 'log-message-cell'
})
},
{
name : 'time',
label: 'Time',
cell : LogTimeCell
}
],
showTable: function () { showTable: function () {
this.grid.show(new Backgrid.Grid( this.grid.show(new Backgrid.Grid({
{ row : Backgrid.Row,
row : Backgrid.Row, columns : this.columns,
columns : this.columns, collection: this.collection,
collection: this.collection, className : 'table table-hover'
className : 'table table-hover' }));
}));
this.pager.show(new GridPager({ this.pager.show(new GridPager({
columns : this.columns, columns : this.columns,
@ -66,7 +76,5 @@ define([
this.showTable(); this.showTable();
} }
}) });
; });
})
;

18
UI/Logs/LogLevelCell.js Normal file
View File

@ -0,0 +1,18 @@
'use strict';
define(
[
'Cells/NzbDroneCell'
], function (NzbDroneCell) {
return NzbDroneCell.extend({
className: 'log-level-cell',
render: function () {
var level = this._getValue();
this.$el.html('<i class="icon-{0}" title="{1}"/>'.format(this._getValue().toLowerCase(), level));
return this;
}
});
});

20
UI/Logs/LogTimeCell.js Normal file
View File

@ -0,0 +1,20 @@
'use strict';
define(
[
'Cells/NzbDroneCell',
'moment'
], function (NzbDroneCell, Moment) {
return NzbDroneCell.extend({
className: 'log-time-cell',
render: function () {
var date = Moment(this._getValue());
this.$el.html(date.format('LT'));
this.$el.attr('title', date.format('LLLL'));
return this;
}
});
});

50
UI/Logs/Logs.less Normal file
View File

@ -0,0 +1,50 @@
@import "../Content/icons";
#logs-screen {
.log-time-cell{
width: 80px;
}
.log-level-cell{
width: 12px;
font-size: 14px;
}
td{
font-size: 13px;
}
.icon-info:before {
.icon(@info-sign);
color : dodgerblue;
}
.icon-debug:before {
.icon(@info-sign);
color : gray;
}
.icon-trace:before {
.icon(@info-sign);
color : lightgrey;
}
.icon-warn:before {
.icon(@exclamation-sign);
color : orange;
}
.icon-error:before {
.icon(@bug);
color : red;
}
.icon-fatal:before {
.icon(@remove-sign);
color : purple;
}
}

1
UI/app.js
View File

@ -6,6 +6,7 @@ require.config({
paths: { paths: {
'backbone' : 'JsLibraries/backbone', 'backbone' : 'JsLibraries/backbone',
'sugar' : 'JsLibraries/sugar', 'sugar' : 'JsLibraries/sugar',
'moment' : 'JsLibraries/moment',
'handlebars' : 'JsLibraries/handlebars.runtime', 'handlebars' : 'JsLibraries/handlebars.runtime',
'handlebars.helpers' : 'JsLibraries/handlebars.helpers', 'handlebars.helpers' : 'JsLibraries/handlebars.helpers',
'bootstrap' : 'JsLibraries/bootstrap', 'bootstrap' : 'JsLibraries/bootstrap',