add existing is almost done.

NzbDrone.Web/NzbDrone.Web.csproj

@@ -187,7 +187,6 @@
     <Content Include="_backboneApp\AddSeries\Existing\UnmappedFolderCompositeViewTemplatate.html" />
     <Content Include="_backboneApp\AddSeries\New\SearchResultView.js" />
     <Content Include="_backboneApp\AddSeries\Existing\ImportSeriesView.js" />
-    <Content Include="_backboneApp\AddSeries\Existing\RootFoldersCompositeView.html" />
     <Content Include="_backboneApp\AddSeries\Existing\UnmappedFolderModel.js" />
     <Content Include="_backboneApp\AddSeries\Existing\RootFolderCompositeViewTemplate.html" />
     <Content Include="_backboneApp\AddSeries\RootFolders\RootDirTemplate.html" />

NzbDrone.Web/_backboneApp/AddSeries/Existing/FolderMatchResultViewTemplatate.html

@@ -1,5 +1,5 @@
-<div class="row">
-    <a href="http://thetvdb.com/?tab=series&id={{id}}" target="_blank" class="icon-info-sign pull-left"></a>
-    <div>{{seriesName}} {{seriesYear}}</div>
-    <div class="btn btn-success x-add pull-right icon-plus"></div>
+<div class="line row folder-match-result-view">
+    <a href="http://thetvdb.com/?tab=series&id={{id}}" target="_blank" class="icon-info-sign"></a>
+    <span>{{seriesName}} {{seriesYear}}</span>
+    <span class="icon-plus pull-right btn btn-success"></span>
 </div>

NzbDrone.Web/_backboneApp/AddSeries/Existing/ImportSeriesView.js

@@ -21,14 +21,30 @@ NzbDrone.AddSeries.Existing.UnmappedFolderCompositeView = Backbone.Marionette.Co
         'click .x-search': 'search'
     },
 
+    ui: {
+        searchButton: '.x-search'
+    },
+
     initialize: function () {
         this.collection = new NzbDrone.AddSeries.SearchResultCollection();
     },
 
     search: function () {
 
+        var icon = this.ui.searchButton.find('icon');
+
+        icon.removeClass('icon-search').addClass('icon-spin icon-spinner disabled');
+
+
+
         this.collection.fetch({
-            data: $.param({ term: 'simpsons' })
+            data: $.param({ term: this.model.get('folder') }),
+            success: function () {
+                icon.removeClass('icon-spin icon-spinner disabled').addClass('icon-search');
+            },
+            fail:function() {
+                icon.removeClass('icon-spin icon-spinner disabled').addClass('icon-search');
+            }
         });
     }
 

NzbDrone.Web/_backboneApp/AddSeries/Existing/RootFolderCompositeViewTemplate.html

@@ -1,20 +1,4 @@
-<div class="accordion result-list span12 offset4 ">
-    <h2>{{path}}</h2>
-    
-    <div class="x-existing-folder-container">
-        
-    </div>
-
-    <!--    {{#each unmappedFolders}}
-    <div class="accordion-group">
-        <div class="accordion-heading">
-            <a class="accordion-toggle" data-toggle="collapse" href="#{{../id}}_{{@index}}">{{this}}</a>
-        </div>
-        <div id="{{../id}}_{{@index}}" class="accordion-body collapse">
-            <div class="accordion-inner">
-                {{this}} 
-            </div>
-        </div>
-    </div>
-    {{/each}}-->
+<div class="accordion result-list span12 offset4 existing-root-folder-view">
+    <h1>{{path}}</h1>
+    <div class="x-existing-folder-container" />
 </div>

NzbDrone.Web/_backboneApp/AddSeries/Existing/RootFoldersCompositeView.html

@@ -1,15 +0,0 @@
-<div class="accordion result-list span12 offset4 ">
-    <h2>{{path}}</h2>
-    {{#each unmappedFolders}}
-    <div class="accordion-group">
-        <div class="accordion-heading">
-            <a class="accordion-toggle" data-toggle="collapse" href="#{{../id}}_{{@index}}">{{this}}</a>
-        </div>
-        <div id="{{../id}}_{{@index}}" class="accordion-body collapse">
-            <div class="accordion-inner">
-                {{this}} 
-            </div>
-        </div>
-    </div>
-    {{/each}}
-</div>

NzbDrone.Web/_backboneApp/AddSeries/Existing/UnmappedFolderCompositeViewTemplatate.html

@@ -1,7 +1,14 @@
-<div>
-    {{folder}}
-    <div class="btn x-search"></div>    
-    <div class="x-folder-name-match-results">
-        
+<div class="row unmapped-folder-view">
+    <div class="span11">
+        <div class="row folder-header">
+            {{folder}}
+            <div class="btn btn-primary x-search pull-right">
+                <icon class="icon-search "></icon>
+            </div>
+
+        </div>
+        <div class="row">
+            <div class="x-folder-name-match-results span10 offset1" />
+        </div>
     </div>
 </div>

NzbDrone.Web/_backboneApp/AddSeries/New/AddNewSeriesView.js

@@ -35,7 +35,7 @@ NzbDrone.AddSeries.AddNewSeriesView = Backbone.Marionette.Layout.extend({
     onRender: function () {
         console.log('binding auto complete');
         var self = this;
-        
+
         this.ui.seriesSearch
             .data('timeout', null)
             .keyup(function () {
@@ -48,14 +48,16 @@ NzbDrone.AddSeries.AddNewSeriesView = Backbone.Marionette.Layout.extend({
     },
 
     search: function (context) {
-
+        
+        context.abortExistingRequest();
+        
         var term = context.ui.seriesSearch.val();
         context.collection.reset();
-
+        
         if (term !== '') {
             context.searchResult.show(new NzbDrone.Shared.SpinnerView());
 
-            context.collection.fetch({
+            context.currentSearchRequest = context.collection.fetch({
                 data: $.param({ term: term }),
                 success: function (model) {
                     context.resultUpdated(model, context);
@@ -67,6 +69,13 @@ NzbDrone.AddSeries.AddNewSeriesView = Backbone.Marionette.Layout.extend({
         }
     },
 
+    abortExistingRequest : function () {
+        if (this.currentSearchRequest && this.currentSearchRequest.readyState > 0 && this.currentSearchRequest.readyState < 4) {
+            console.log('aborting previous pending search request.');
+            this.currentSearchRequest.abort();
+        }
+    },
+
 
     resultUpdated: function (options, context) {
         _.each(options.models, function (model) {

NzbDrone.Web/_backboneApp/AddSeries/addSeries.css

@@ -52,3 +52,20 @@
 .search-item select {
     font-size: 16px;
 }
+
+/*Existing*/
+.unmapped-folder-view {
+    background: #fcf8e3;
+    margin-top: 20px;
+    padding: 20px;
+}
+
+    .unmapped-folder-view .folder-header {
+        font-size: 30px;
+        font-weight:300
+
+    }
+
+.existing-root-folder-view, h1 {
+    padding: 10px 0px 20px 0px;
+}

NzbDrone.Web/_backboneApp/Content/Bootstrap/variables.less

@@ -44,7 +44,7 @@
 
 // Typography
 // -------------------------
-@sansFontFamily:        "Segoe UI","Segoe WP", "Helvetica Neue", Helvetica, Arial, sans-serif;
+@sansFontFamily:        "open sans", "Segoe UI","Segoe WP", "Helvetica Neue", Helvetica, Arial, sans-serif;
 @serifFontFamily:       Georgia, "Times New Roman", Times, serif;
 @monoFontFamily:        Monaco, Menlo, Consolas, "Courier New", monospace;
 

NzbDrone.Web/_backboneApp/Content/base.css

@@ -67,3 +67,17 @@ body {
 #notification-region i {
     padding-right: 10px;
 }
+
+
+.line {
+    height: 4em;
+    line-height: 4em;
+}
+
+    .line > [class^="icon-"], .line > [class*=" icon-"] {
+        margin-top: 1em;
+        height: 1em;
+        line-height: 1em;
+    }
+
+

NzbDrone.Web/_backboneApp/Shared/NotificationModel.js

@@ -3,7 +3,9 @@ NzbDrone.Shared.NotificationModel = Backbone.Model.extend({
 
     mutators: {
         pre: function () {
-            return this.get('message').lines().lenght > 1;
+            if (this.get('message')) {
+                return this.get('message').lines().lenght > 1;
+            }
         },
         iconClass: function () {
 

NzbDrone.Web/_backboneApp/Shared/NotificationView.js

@@ -51,24 +51,32 @@ window.onerror = function (msg, url, line) {
         model.set('level', 'error');
         NzbDrone.Shared.NotificationCollectionView.Instance.collection.add(model);
     } catch (error) {
-        alert('Couldn\'t report JS error. ' + error);
+
+        console.log("An error occurred while reporting error. " + error);
+        console.log(msg);
+        alert('Couldn\'t report JS error.  ' + msg);
     }
 
-    var suppressErrorAlert = false;
-    return suppressErrorAlert;
+    return false; //don't suppress default alerts and logs.
 };
 
 $(document).ajaxError(function (event, xmlHttpRequest, ajaxOptions) {
 
+    //don't report 200 error codes
     if (xmlHttpRequest.status >= 200 && xmlHttpRequest.status <= 300) {
-        return;
+        return undefined;
+    }
+
+    //doesn't report aborted requests
+    if (xmlHttpRequest.statusText === 'abort') {
+        return undefined;
     }
+
     var model = new NzbDrone.Shared.NotificationModel();
     model.set('title', ajaxOptions.type + " " + ajaxOptions.url + " : " + xmlHttpRequest.statusText);
     model.set('message', xmlHttpRequest.responseText);
     model.set('level', 'error');
     NzbDrone.Shared.NotificationCollectionView.Instance.collection.push(model);
 
-    var suppressErrorAlert = false;
-    return suppressErrorAlert;
+    return false;
 });