Series Table

UI/Mixins/backbone.Backgrid.mixin.js

@@ -1,39 +1,3 @@
-Backgrid.SeriesStatusCell = Backgrid.Cell.extend({
-    className: "series-status-cell",
-
-    render: function () {
-        this.$el.empty();
-        var monitored = this.model.get('monitored');
-        var status = this.model.get('status');
-
-        if (!monitored) {
-            this.$el.html('<i class="icon-pause grid-icon" title="Not Monitored"></i>');
-        }
-        else if (status === 0) {
-            this.$el.html('<i class="icon-play grid-icon" title="Continuing"></i>');
-        }
-
-        else {
-            this.$el.html('<i class="icon-stop grid-icon" title="Ended"></i>');
-        }
-
-        return this;
-    }
-});
-
-Backgrid.AirDateCell = Backgrid.Cell.extend({
-    className: "air-date-cell",
-
-    render: function () {
-        this.$el.empty();
-        var airDate = this.model.get(this.column.get("name"));
-
-        this.$el.html(bestDateString(airDate));
-
-        return this;
-    }
-});
-
 Backgrid.TemplateBackedCell = Backgrid.Cell.extend({
     className: '',
     template: 'Series/Index/Table/ControlsColumnTemplate',

UI/Series/Index/EmptySeriesIndexView.js

@@ -1,8 +0,0 @@
-'use strict';
-
-define(['app'], function (app) {
-
-    NzbDrone.Series.Index.EmptySeriesCollectionView = Backbone.Marionette.CompositeView.extend({
-        template: 'Series/Index/EmptySeriesIndexTemplate'
-    });
-});

UI/Series/Index/EmptyView.js

@@ -0,0 +1,8 @@
+'use strict';
+
+define(['app'], function (app) {
+
+    NzbDrone.Series.Index.EmptyView = Backbone.Marionette.CompositeView.extend({
+        template: 'Series/Index/EmptyTemplate'
+    });
+});

UI/Series/Index/List/ItemTemplate.html

@@ -1,7 +1,7 @@
 <div class="series-item">
     <div class="row">
         <div class="span2">
-            <a href="/series/details/{{id}}" target="_blank">
+            <a href="/series/details/{{titleSlug}}" target="_blank">
                 <img class="series-poster img-polaroid" src="{{poster}}">
             </a>
         </div>

UI/Series/Index/SeriesIndexLayout.js

@@ -2,7 +2,10 @@
 define([
     'app',
     'Series/Index/List/CollectionView',
-    'Config'
+    'Series/Index/EmptyView',
+    'Config',
+    'Series/Index/Table/AirDateCell',
+    'Series/Index/Table/SeriesStatusCell'
 ],
     function (app) {
         NzbDrone.Series.Index.SeriesIndexLayout = Backbone.Marionette.Layout.extend({
@@ -97,6 +100,10 @@ define([
                 this.series.show(new NzbDrone.Series.Index.List.CollectionView({ collection: this.seriesCollection }));
             },
 
+            showEmpty: function () {
+                this.series.show(new NzbDrone.Series.Index.EmptyView());
+            },
+
             initialize: function () {
                 this.viewStyle = NzbDrone.Config.SeriesViewStyle();
                 this.seriesCollection = new NzbDrone.Series.SeriesCollection();

UI/Series/Index/Table/AirDateCell.js

@@ -0,0 +1,12 @@
+Backgrid.AirDateCell = Backgrid.Cell.extend({
+    className: "air-date-cell",
+
+    render: function () {
+        this.$el.empty();
+        var airDate = this.model.get(this.column.get("name"));
+
+        this.$el.html(bestDateString(airDate));
+
+        return this;
+    }
+});

UI/Series/Index/Table/SeriesStatusCell.js

@@ -0,0 +1,22 @@
+Backgrid.SeriesStatusCell = Backgrid.Cell.extend({
+    className: "series-status-cell",
+
+    render: function () {
+        this.$el.empty();
+        var monitored = this.model.get('monitored');
+        var status = this.model.get('status');
+
+        if (!monitored) {
+            this.$el.html('<i class="icon-pause grid-icon" title="Not Monitored"></i>');
+        }
+        else if (status === 0) {
+            this.$el.html('<i class="icon-play grid-icon" title="Continuing"></i>');
+        }
+
+        else {
+            this.$el.html('<i class="icon-stop grid-icon" title="Ended"></i>');
+        }
+
+        return this;
+    }
+});