added episode detail modal

summary tab is working.

UI/Series/Details/EpisodeStatusCell.js

@@ -5,9 +5,6 @@ define(['app', 'Episode/Layout'], function () {
 
         className: 'episode-status-cell',
 
-        events: {
-            'click': 'showDetails'
-        },
         render: function () {
             this.$el.empty();
 
@@ -32,11 +29,6 @@ define(['app', 'Episode/Layout'], function () {
             }
 
             return this;
-        },
-
-        showDetails: function () {
-            var view = new NzbDrone.Episode.Layout({ model: this.model });
-            NzbDrone.modalRegion.show(view);
         }
     });
 });

UI/Series/Details/EpisodeTitleCell.js

@@ -0,0 +1,17 @@
+"use strict";
+
+define(['app', 'Episode/Layout'], function () {
+    NzbDrone.Series.Details.EpisodeTitleCell = Backgrid.StringCell.extend({
+
+        className: 'episode-title-cell',
+
+        events: {
+            'click': 'showDetails'
+        },
+
+        showDetails: function () {
+            var view = new NzbDrone.Episode.Layout({ model: this.model });
+            NzbDrone.modalRegion.show(view);
+        }
+    });
+});

UI/Series/Details/SeasonLayout.js

@@ -1,5 +1,5 @@
 'use strict';
-define(['app', 'Series/Details/EpisodeStatusCell'], function () {
+define(['app', 'Series/Details/EpisodeStatusCell', 'Series/Details/EpisodeTitleCell'], function () {
     NzbDrone.Series.Details.SeasonLayout = Backbone.Marionette.Layout.extend({
         template: 'Series/Details/SeasonLayoutTemplate',
 
@@ -20,7 +20,7 @@ define(['app', 'Series/Details/EpisodeStatusCell'], function () {
             {
                 name : 'title',
                 label: 'Title',
-                cell : 'string'
+                cell : NzbDrone.Series.Details.EpisodeTitleCell
             },
             {
                 name : 'airDate',

UI/Series/details.less

@@ -0,0 +1,30 @@
+.series-season {
+  .episode-number-cell {
+    width: 20px;
+  }
+  .episode-air-date-cell {
+    width: 150px;
+  }
+
+  .episode-status-cell {
+    width: 100px;
+  }
+
+  .episode-title-cell {
+    cursor: pointer;
+  }
+}
+
+.episode-detail-modal {
+
+  .episode-overview {
+
+    font-style: italic;
+  }
+
+  .episode-file-info {
+
+    margin-top: 30px;
+    font-size: 12px;
+  }
+}

UI/Series/series.less

@@ -106,17 +106,4 @@
       display: none;
     }
   }
-}
-
-.series-season {
-  .episode-number-cell {
-    width: 20px;
-  }
-  .episode-air-date-cell {
-    width: 150px;
-  }
-
-  .episode-status-cell {
-    width: 100px;
-  }
-}
+}