Added autocomplete to edit series path field.

UI/Series/Edit/EditSeriesTemplate.html

@@ -2,7 +2,7 @@
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
     <h3>Edit: {{title}}</h3>
 </div>
-<div class="modal-body">
+<div class="modal-body edit-series-modal">
     <div class="form-horizontal">
 
         <div class="control-group">
@@ -52,7 +52,7 @@
 
                 <select class="x-quality-profile" id="inputQualityProfile" name="qualityProfileId">
                     {{#each qualityProfiles.models}}
-                        <option value="{{id}}">{{attributes.name}}</option>
+                    <option value="{{id}}">{{attributes.name}}</option>
                     {{/each}}
                 </select>
                 <span class="help-inline">
@@ -65,7 +65,7 @@
             <label class="control-label" for="inputPath">Path</label>
 
             <div class="controls">
-                <input type="text" id="inputPath" placeholder="Path" name="path">
+                <input type="text" id="inputPath" class="x-path" placeholder="Path" name="path">
                 <span class="help-inline">
                     <i class="icon-question-sign" title="Where should NzbDrone store episodes for this series?"/>
                 </span>

UI/Series/Edit/EditSeriesView.js

@@ -1,19 +1,20 @@
-'use strict';
+'use strict';
 define(
     [
         'App',
         'marionette',
         'Series/Delete/DeleteSeriesView',
         'Quality/QualityProfileCollection',
-        'Mixins/AsModelBoundView'
+        'Mixins/AsModelBoundView',
+        'Mixins/AutoComplete'
     ], function (App, Marionette, DeleteSeriesView, QualityProfiles, AsModelBoundView) {
 
         var view = Marionette.ItemView.extend({
             template: 'Series/Edit/EditSeriesTemplate',
 
             ui: {
-                progressbar    : '.progress .bar',
+                qualityProfile: '.x-quality-profile',
-                qualityProfile : '.x-quality-profile'
+                path          : '.x-path'
             },
 
             events: {
@@ -39,10 +40,17 @@ define(
                 App.modalRegion.closeModal();
             },
 
+
+            onRender: function () {
+                this.ui.path.autoComplete('/directories');
+            },
+
             removeSeries: function () {
                 var view = new DeleteSeriesView({ model: this.model });
                 App.modalRegion.show(view);
             }
         });
+
+
         return AsModelBoundView.apply(view);
     });

UI/Series/series.less

@@ -2,6 +2,10 @@
 @import "../Shared/Styles/clickable.less";
 @import "../Content/prefixer";
 
+.edit-series-modal {
+  overflow : visible;
+}
+
 .series-item {
   padding-bottom : 30px;
 
@@ -165,16 +169,16 @@
   }
 
   .search-buttons {
-    width: 400px;
+    width        : 400px;
-    margin-left: auto;
+    margin-left  : auto;
-    margin-right: auto;
+    margin-right : auto;
   }
 }
 
 .season-grid {
   .toggle-cell {
-    width : 12px;
+    width      : 12px;
-    text-align: center;
+    text-align : center;
   }
 
   .toggle-cell {
@@ -185,8 +189,8 @@
 }
 
 .season-actions, .series-actions {
-  font-size : 24px;
+  font-size      : 24px;
-  text-transform: none;
+  text-transform : none;
 
   i {
     .clickable;