Fixed series actions wrapping to two lines

This commit is contained in:
Mark McDowall 2013-09-21 12:16:48 -07:00
parent a5528f00cb
commit 8ff34aac4d
7 changed files with 45 additions and 31 deletions

View File

@ -0,0 +1,37 @@
'use strict';
define(
[
'app',
'Cells/NzbDroneCell'
], function (App, NzbDroneCell) {
return NzbDroneCell.extend({
className: 'series-actions-cell',
events: {
'click .x-edit-series' : '_editSeries',
'click .x-remove-series': '_removeSeries'
},
render: function () {
this.$el.empty();
this.$el.html(
'<i class="icon-cog x-edit-series" title="" data-original-title="Edit Series"></i> ' +
'<i class="icon-remove x-remove-series" title="" data-original-title="Delete Series"></i>'
);
this.delegateEvents();
return this;
},
_editSeries: function () {
App.vent.trigger(App.Commands.EditSeriesCommand, {series:this.model});
},
_removeSeries: function () {
App.vent.trigger(App.Commands.DeleteSeriesCommand, {series:this.model});
}
});
});

View File

@ -87,4 +87,8 @@ td.episode-status-cell, td.quality-cell {
color: rgb(255, 255, 255);
background-color: rgb(0, 129, 194);
}
}
.series-actions-cell {
width: 40px;
}

View File

@ -11,9 +11,9 @@ define(
'Cells/TemplatedCell',
'Cells/QualityProfileCell',
'Cells/EpisodeProgressCell',
'Cells/SeriesActionsCell',
'Shared/Grid/DateHeaderCell',
'Series/Index/Table/SeriesStatusCell',
'Series/Index/Table/Row',
'Cells/SeriesStatusCell',
'Series/Index/FooterView',
'Series/Index/FooterModel',
'Shared/Toolbar/ToolbarLayout'
@ -27,9 +27,9 @@ define(
TemplatedCell,
QualityProfileCell,
EpisodeProgressCell,
SeriesActionsCell,
DateHeaderCell,
SeriesStatusCell,
SeriesIndexRow,
FooterView,
FooterModel,
ToolbarLayout) {
@ -86,8 +86,7 @@ define(
name : 'this',
label : '',
sortable: false,
template: 'Series/Index/Table/ControlsColumnTemplate',
cell : TemplatedCell
cell : SeriesActionsCell
}
],
@ -124,7 +123,6 @@ define(
_showTable: function () {
this.currentView = new Backgrid.Grid({
row : SeriesIndexRow,
collection: SeriesCollection,
columns : this.columns,
className : 'table table-hover'

View File

@ -1,2 +0,0 @@
<i class="icon-cog x-edit" title="Edit Series"/>
<i class="icon-remove x-remove" title="Delete Series"/>

View File

@ -1,22 +0,0 @@
'use strict';
define(
[
'app',
'backgrid'
], function (App, Backgrid) {
return Backgrid.Row.extend({
events: {
'click .x-edit' : 'editSeries',
'click .x-remove': 'removeSeries'
},
editSeries: function () {
App.vent.trigger(App.Commands.EditSeriesCommand, {series:this.model});
},
removeSeries: function () {
App.vent.trigger(App.Commands.DeleteSeriesCommand, {series:this.model});
},
});
});

View File

@ -1 +0,0 @@
<a href="{{route}}">{{title}}</a>