started cleaning up episode page.

UI/Series/Details/EpisodeItemTemplate.html

@@ -1 +0,0 @@
-{{title}}

UI/Series/Details/EpisodeItemView.js

@@ -1,16 +0,0 @@
-'use strict';
-define(['app', 'Series/SeasonModel'], function () {
-
-    NzbDrone.Series.Details.EpisodeItemView = Backbone.Marionette.ItemView.extend({
-        template: 'Series/Details/EpisodeItemTemplate',
-        tagName : 'tr',
-
-        ui: {
-
-        },
-
-        events: {
-
-        }
-    });
-});

UI/Series/Details/SeasonCompositeTemplate.html

@@ -1,15 +0,0 @@
-<h3>{{seasonTitle}}</h3>
-<table class="table table-hover x-season-table">
-    <thead>
-    <tr>
-        <th>#</th>
-        <th>Title</th>
-        <th>Air Date</th>
-        <th>Quality</th>
-        <th>Controls</th>
-    </tr>
-    </thead>
-    <tbody class="x-episodes">
-
-    </tbody>
-</table>

UI/Series/Details/SeasonCompositeView.js

@@ -1,16 +0,0 @@
-'use strict';
-define(['app', 'Series/Details/EpisodeItemView'], function () {
-    NzbDrone.Series.Details.SeasonCompositeView = Backbone.Marionette.CompositeView.extend({
-        itemView         : NzbDrone.Series.Details.EpisodeItemView,
-        itemViewContainer: '.x-episodes',
-        template         : 'Series/Details/SeasonCompositeTemplate',
-
-        initialize: function () {
-            this.collection = new NzbDrone.Series.EpisodeCollection();
-            this.collection.fetch({data: {
-                seriesId    : this.model.get('seriesId'),
-                seasonNumber: this.model.get('seasonNumber')
-            }});
-        }
-    });
-});

UI/Series/Details/SeasonLayout.js

@@ -0,0 +1,52 @@
+'use strict';
+define(['app'], function () {
+    NzbDrone.Series.Details.SeasonLayout = Backbone.Marionette.Layout.extend({
+        template: 'Series/Details/SeasonLayoutTemplate',
+
+        regions: {
+            episodeGrid: '#x-episode-grid'
+        },
+
+        columns: [
+            {
+                name    : 'episodeNumber',
+                label   : '#',
+                editable: false,
+                cell    : 'integer'
+            },
+
+            {
+                name    : 'title',
+                label   : 'Title',
+                editable: false,
+                cell    : 'string'
+            },
+            {
+                name     : 'airDate',
+                label    : 'Air Date',
+                editable : false,
+                cell     : 'datetime',
+                formatter: new Backgrid.AirDateFormatter()
+            }
+        ],
+
+        initialize: function () {
+            this.episodeCollection = new NzbDrone.Series.EpisodeCollection();
+            this.episodeCollection.fetch({data: {
+                seriesId    : this.model.get('seriesId'),
+                seasonNumber: this.model.get('seasonNumber')
+            }});
+        },
+
+        onShow: function () {
+
+            this.episodeGrid.show(new Backgrid.Grid(
+                {
+                    columns   : this.columns,
+                    collection: this.episodeCollection,
+                    className : 'table table-hover'
+                }));
+
+        }
+    });
+});

UI/Series/Details/SeasonLayoutTemplate.html

@@ -0,0 +1,4 @@
+<div class="series-season">
+    <h3>{{seasonTitle}}</h3>
+    <div id="x-episode-grid"/>
+</div>

UI/Series/Details/SeriesDetailsTemplate.html

@@ -1,6 +1,21 @@
-<div>
-    <div class="x-series-details">
-        {{overview}}
+<div class="row series-page-header">
+    <div class="span2">
+        <a href="{{traktUrl}}" target="_blank">
+            <img class="series-poster img-polaroid" src="{{poster}}">
+        </a>
     </div>
-    <div class="x-series-seasons"></div>
-</div>
+    <div class="span9">
+        <div class="row">
+            <h2>{{title}}</h2>
+        </div>
+        <div class="row">
+            {{overview}}
+        </div>
+        <div class="row">
+            <span class="label label-info">{{network}}</span>
+            <span class="label label-info">{{runtime}} minutes</span>
+        </div>
+    </div>
+</div>
+
+<div class="x-series-seasons"></div>

UI/Series/Details/SeriesDetailsView.js

@@ -1,14 +1,20 @@
 "use strict";
-define(['app', 'Quality/QualityProfileCollection', 'Series/Details/SeasonCompositeView', 'Series/SeasonCollection'], function () {
+define(['app', 'Quality/QualityProfileCollection', 'Series/Details/SeasonLayout', 'Series/SeasonCollection'], function () {
     NzbDrone.Series.Details.SeriesDetailsView = Backbone.Marionette.CompositeView.extend({
 
-        itemView         : NzbDrone.Series.Details.SeasonCompositeView,
+        itemView         : NzbDrone.Series.Details.SeasonLayout,
         itemViewContainer: '.x-series-seasons',
         template         : 'Series/Details/SeriesDetailsTemplate',
 
         initialize: function () {
             this.collection = new NzbDrone.Series.SeasonCollection();
             this.collection.fetch({data: { seriesId: this.model.get('id') }});
+
+            //$.backstretch(this.model.get('fanArt'));
+        },
+
+        onClose: function(){
+            $('.backstretch').remove();
         }
     });
 });