much nicer add new series.

UI/AddSeries/New/AddNewSeriesView.js

@@ -12,7 +12,7 @@ define(['app', 'AddSeries/RootFolders/RootFolderCollection', 'AddSeries/New/Sear
             searchResult: '#search-result'
         },
 
-        collection: new NzbDrone.AddSeries.SearchResultCollection(),
+        collection: new NzbDrone.Series.SeriesCollection(),
 
         onRender: function () {
             console.log('binding auto complete');
@@ -25,6 +25,7 @@ define(['app', 'AddSeries/RootFolders/RootFolderCollection', 'AddSeries/New/Sear
                     self.$el.data('timeout', window.setTimeout(self.search, 500, self));
                 });
 
+            this.collection.url = NzbDrone.Constants.ApiRoot + '/series/lookup';
             this.resultView = new NzbDrone.AddSeries.SearchResultView({ collection: this.collection });
         },
 

UI/AddSeries/New/SearchResultTemplate.html

@@ -1,11 +1,13 @@
-<div class="accordion-group">
-    <div class="accordion-heading">
-        <a href="http://thetvdb.com/?tab=series&id={{tvDbId}}" target="_blank" class="icon-info-sign pull-left"></a>
-        <a class="accordion-toggle" data-toggle="collapse" href="#{{tvDbId}}">{{title}} {{seriesYear}}</a>
+<div class="row">
+    <div class="span2">
+        <a href="{{traktUrl}}" target="_blank">
+            <img class="series-poster img-polaroid" src="{{banner}}">
+        </a>
     </div>
-    <div id="{{tvDbId}}" class="accordion-body collapse">
-        <div class="accordion-inner">
-            <select class="span7 x-root-folder">
+    <div class="span9">
+
+        <div class="row">
+            <select class="span6 x-root-folder">
                 {{#each rootFolders.models}}
                     <option value="{{id}}">{{attributes.path}}</option>
                 {{/each}}
@@ -16,8 +18,13 @@
                 {{/each}}
             </select>
 
-            <div class="btn btn-success pull-right icon-plus x-add">
-            </div>
+            <div class="btn btn-success icon-plus x-add pull-right"/>
+        </div>
+        <div class="row">
+            <h2>{{title}}</h2>
+        </div>
+        <div class="row">
+            {{overview}}
         </div>
     </div>
 </div>

UI/AddSeries/New/SearchResultView.js

@@ -22,32 +22,22 @@ define(['app', 'Shared/NotificationCollection', 'AddSeries/SearchResultCollectio
 
         add: function () {
 
-            var seriesId = this.model.get('tvDbId');
-            var title = this.model.get('title');
             var quality = this.ui.qualityProfile.val();
-            var rootFolderId = this.ui.rootFolder.val();
 
             //Todo: This will create an invalid path on linux...
-            var rootPath = this.model.get('rootFolders').get(rootFolderId).get('path');
-            var path = rootPath + "\\" + title;
+            var rootPath = this.ui.rootFolder.find(":selected").text();
+            var path = rootPath + "\\" + this.model.get('title');
 
-            var model = new NzbDrone.Series.SeriesModel({
-                tvdbId          : seriesId,
-                title           : title,
-                qualityProfileId: quality,
-                path            : path
-            });
+            this.model.set('qualityProfileId', quality);
+            this.model.set('path', path);
 
             var self = this;
 
-            var seriesCollection = new NzbDrone.Series.SeriesCollection();
-            seriesCollection.push(model);
-
-            model.save(undefined, {
+            this.model.save(undefined, {
                 success: function () {
                     var notificationModel = new NzbDrone.Shared.NotificationModel({
                         title  : 'Added',
-                        message: title,
+                        message: self.model.get('title'),
                         level  : 'success'
                     });
 

UI/AddSeries/SearchResultModel.js

@@ -13,6 +13,16 @@ define(['app', 'AddSeries/RootFolders/RootFolderCollection', 'Quality/QualityPro
                     } else {
                         return date;
                     }
+                },
+                banner    : function () {
+                    var banner = _.find(this.get('images'), function (image) {
+                        return image.coverType === 1;
+                    });
+
+                    return banner.url;
+                },
+                traktUrl  : function () {
+                    return "http://trakt.tv/show/" + this.get('titleSlug');
                 }
             },
 

UI/AddSeries/addSeries.css

@@ -16,26 +16,14 @@
 }
 
 .result-list {
-    font-size: 18px;
+    font-size: 14px;
     text-align: left;
+    padding-bottom: 30px;
 }
 
-.result-list .accordion-heading:hover {
-    background-color: #fcf8e3;
-}
-
-.search-item .accordion-heading *[class*='icon-'] {
+.search-item {
     padding-right: 5px;
-    padding-top: 10px;
-    padding-left: 10px;
-}
-
-.search-item .accordion-body .in {
-    background-color: #fcf8e3;
-}
-
-.result-list .result-item a {
-    font-size: 20px;
+    padding-bottom: 20px;
 }
 
 .search-item a:hover {
@@ -79,3 +67,7 @@
     padding-left: 20px;
     padding-top: 10px;
 }
+
+.series-poster {
+    height: 200px;
+}