cleaned up all the cells. there is a cell for pretty much everything.

UI/Cells/AirDateCell.js

@@ -0,0 +1,15 @@
+"use strict";
+define(['app', 'Shared/FormatHelpers'], function () {
+    NzbDrone.Cells.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(NzbDrone.Shared.FormatHelpers.DateHelper(airDate));
+            return this;
+
+        }
+    });
+});

UI/Cells/EpisodeNumberCell.js

@@ -0,0 +1,34 @@
+"use strict";
+
+define(['app', 'Cells/NzbDroneCell'], function () {
+    NzbDrone.Cells.EpisodeNumberCell = NzbDrone.Cells.NzbDroneCell.extend({
+
+        className: "episode-number-cell",
+
+        render: function () {
+
+            var airDate = this.cellValue.get('airDate') || this.get(this.column.get("airDate"));
+            var seasonNumber = this.cellValue.get('seasonNumber') || this.model.get(this.column.get("seasonNumber"));
+            var episodes = this.cellValue.get('episodeNumber') || this.model.get(this.column.get("episodes"));
+
+            var result = 'Unknown';
+
+            if (airDate) {
+
+                result = new Date(airDate).toLocaleDateString();
+            }
+            else {
+
+                var paddedEpisodes = _.map(episodes, function (episodeNumber) {
+                    return episodeNumber.pad(2);
+                });
+
+                result = 'S{0}-E{1}'.format(seasonNumber, paddedEpisodes.join());
+            }
+
+            this.$el.html(result);
+            this.delegateEvents();
+            return this;
+        }
+    });
+});

UI/Cells/EpisodeStatusCell.js

@@ -0,0 +1,34 @@
+"use strict";
+
+define(['app' ], function () {
+    NzbDrone.Cells.EpisodeStatusCell = Backgrid.Cell.extend({
+
+        className: 'episode-status-cell',
+
+        render: function () {
+            this.$el.empty();
+
+            if (this.model) {
+
+                var icon;
+
+                if (this.model.get('episodeFile')) {
+                    icon = 'icon-ok';
+
+                }
+                else {
+                    if (this.model.get('hasAired')) {
+                        icon = 'icon-warning-sign';
+                    }
+                    else {
+                        icon = 'icon-time';
+                    }
+                }
+
+                this.$el.html('<i class="{0}"/>'.format(icon));
+            }
+
+            return this;
+        }
+    });
+});

UI/Cells/EpisodeTitleCell.js

@@ -0,0 +1,22 @@
+"use strict";
+
+define(['app', 'Cells/NzbDroneCell'], function () {
+    NzbDrone.Cells.EpisodeTitleCell = NzbDrone.Cells.NzbDroneCell.extend({
+
+        className: 'episode-title-cell',
+
+        events: {
+            'click': 'showDetails'
+        },
+
+        showDetails: function () {
+            var view = new NzbDrone.Episode.Layout({ model: this.cellValue });
+            NzbDrone.modalRegion.show(view);
+        },
+
+        render: function () {
+            this.$el.html(this.cellValue.get('title'));
+            return this;
+        }
+    });
+});

UI/Cells/FileSizeCell.js

@@ -0,0 +1,15 @@
+"use strict";
+
+define(['app', 'Shared/FormatHelpers'], function () {
+    NzbDrone.Cells.FileSizeCell = Backgrid.Cell.extend({
+
+        className: "file-size-cell",
+
+        render: function () {
+            var size = this.model.get(this.column.get("name"));
+            this.$el.html(NzbDrone.Shared.FormatHelpers.FileSizeHelper(size));
+            this.delegateEvents();
+            return this;
+        }
+    });
+});

UI/Cells/IndexerCell.js

@@ -0,0 +1,13 @@
+"use strict";
+define(['app'], function () {
+    NzbDrone.Cells.IndexerCell = Backgrid.Cell.extend({
+
+        class : 'indexer-cell',
+
+        render: function () {
+            var indexer = this.model.get(this.column.get('name'));
+            this.$el.html(indexer);
+            return this;
+        }
+    });
+});

UI/Cells/NzbDroneCell.js

@@ -0,0 +1,40 @@
+"use strict";
+
+define(['app'], function () {
+    NzbDrone.Cells.NzbDroneCell = Backgrid.Cell.extend({
+
+        _originalInit: Backgrid.Cell.prototype.initialize,
+
+
+        initialize: function () {
+            this._originalInit.apply(this, arguments);
+            this.cellValue = this._getValue();
+
+            this.model.on('change', this._refresh, this);
+        },
+
+        _refresh: function () {
+            this.cellValue = this._getValue();
+            this.render();
+        },
+
+        _getValue: function () {
+
+            var name = this.column.get('name');
+
+            if(name === 'this'){
+                return this.model;
+            }
+
+            var value = this.model.get(name);
+
+            //if not a model
+            if (!value.get) {
+                return value = new Backbone.Model(value);
+            }
+
+            return value;
+        }
+
+    });
+});

UI/Cells/QualityCell.js

@@ -0,0 +1,9 @@
+"use strict";
+define(['app', 'Cells/TemplatedCell'], function () {
+    NzbDrone.Cells.QualityCell = NzbDrone.Cells.TemplatedCell.extend({
+
+        className: 'quality-cell',
+        template : 'Cells/QualityTemplate'
+
+    });
+});

UI/Cells/QualityTemplate.html

@@ -0,0 +1,5 @@
+{{quality.quality.name}}
+
+{{#if quality.proper}}
+    [PROPER]
+{{/if}}

UI/Cells/RelativeDateCell.js

@@ -0,0 +1,13 @@
+"use strict";
+define(['app'], function () {
+    NzbDrone.Cells.RelativeDateCell = Backgrid.Cell.extend({
+
+        render: function () {
+
+            var date = this.model.get(this.column.get('name'));
+            this.$el.html(Date.create(date).relative());
+
+            return this;
+        }
+    });
+});

UI/Cells/SeriesTitleCell.js

@@ -0,0 +1,9 @@
+"use strict";
+define(['app', 'Cells/TemplatedCell'], function () {
+    NzbDrone.Cells.SeriesTitleCell = NzbDrone.Cells.TemplatedCell.extend({
+
+        className: 'series-title',
+        template : 'Cells/SeriesTitleTemplate'
+
+    });
+});

UI/Cells/SeriesTitleTemplate.html

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

UI/Cells/TemplatedCell.js

@@ -0,0 +1,19 @@
+"use strict";
+
+define(['app','Cells/NzbDroneCell'], function () {
+    NzbDrone.Cells.TemplatedCell = NzbDrone.Cells.NzbDroneCell.extend({
+
+
+        render: function () {
+
+            var templateName = this.column.get('template') || this.template;
+
+            this.templateFunction = Marionette.TemplateCache.get(templateName);
+            var data = this.cellValue.toJSON();
+            var html = this.templateFunction(data);
+            this.$el.html(html);
+
+            return this;
+        }
+    });
+});

UI/Cells/ToggleCell.js

@@ -0,0 +1,39 @@
+"use strict";
+
+define(['app', 'Episode/Layout'], function () {
+    NzbDrone.Cells.ToggleCell = Backgrid.Cell.extend({
+
+        className: 'toggle-cell clickable',
+
+        events: {
+            'click': '_onClick'
+        },
+
+
+        _onClick: function () {
+            var name = this.column.get('name');
+            this.model.set(name, !this.model.get(name));
+            this.render();
+
+            this.model.save();
+        },
+
+
+        render: function () {
+            this.$el.empty();
+
+
+            this.$el.html('<i />');
+
+            var name = this.column.get('name');
+
+            if (this.model.get(name)) {
+                this.$('i').addClass(this.column.get('trueClass'));
+            }
+            else {
+                this.$('i').addClass(this.column.get('falseClass'));
+            }
+            return this;
+        }
+    });
+});

UI/Cells/cells.less

@@ -0,0 +1,7 @@
+@import "../content/Bootstrap/mixins";
+@import "../content/Bootstrap/variables";
+@import "../content/Bootstrap/buttons";
+
+.episode-title-cell {
+  .btn-link;
+}