New: Rename all selected series from the series editor

src/UI/Series/Editor/Rename/RenameSeriesView.js

@@ -0,0 +1,36 @@
+'use strict';
+define(
+    [
+        'underscore',
+        'vent',
+        'backbone',
+        'marionette',
+        'Commands/CommandController'
+    ], function (_, vent, Backbone, Marionette, CommandController) {
+
+        return  Marionette.ItemView.extend({
+            template: 'Series/Editor/Rename/RenameSeriesViewTemplate',
+
+            events: {
+                'click .x-confirm-rename': '_rename'
+            },
+
+            initialize: function (options) {
+                this.series = options.series;
+
+                this.templateHelpers = { numberOfSeries: this.series.length, series: new Backbone.Collection(this.series).toJSON() };
+            },
+
+            _rename: function () {
+                var seriesIds = _.pluck(this.series, 'id');
+
+                CommandController.Execute('renameSeries', {
+                    name      : 'renameSeries',
+                    seriesIds : seriesIds
+                });
+
+                this.trigger('seriesRenamed');
+                vent.trigger(vent.Commands.CloseModalCommand);
+            }
+        });
+    });

src/UI/Series/Editor/Rename/RenameSeriesViewTemplate.html

@@ -0,0 +1,23 @@
+<div class="modal-header">
+    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+    <h3>Rename Selected Series</h3>
+</div>
+<div class="modal-body rename-series-modal">
+    <div class="alert alert-info">
+        <button type="button" class="close" data-dismiss="alert">&times;</button>
+        You can use the rename function for an individual series to preview the rename
+    </div>
+
+    Are you sure you want to rename all files in the {{numberOfSeries}} selected series?
+
+    {{debug}}
+    <ul class="selected-series">
+        {{#each series}}
+            <li>{{title}}</li>
+        {{/each}}
+    </ul>
+</div>
+<div class="modal-footer">
+    <button class="btn" data-dismiss="modal">cancel</button>
+    <button class="btn btn-danger x-confirm-rename">rename</button>
+</div>

src/UI/Series/Editor/SeriesEditorFooterView.js

@@ -10,6 +10,7 @@ define(
         'AddSeries/RootFolders/RootFolderCollection',
         'Shared/Toolbar/ToolbarLayout',
         'AddSeries/RootFolders/RootFolderLayout',
+        'Series/Editor/Rename/RenameSeriesView',
         'Config'
     ], function (_,
                  Marionette,
@@ -20,6 +21,7 @@ define(
                  RootFolders,
                  ToolbarLayout,
                  RootFolderLayout,
+                 RenameSeriesView,
                  Config) {
         return Marionette.ItemView.extend({
             template: 'Series/Editor/SeriesEditorFooterViewTemplate',
@@ -31,12 +33,14 @@ define(
                 rootFolder    : '.x-root-folder',
                 selectedCount : '.x-selected-count',
                 saveButton    : '.x-save',
+                renameButton  : '.x-rename',
                 container     : '.series-editor-footer'
             },
 
             events: {
                 'click .x-save'        : '_updateAndSave',
-                'change .x-root-folder': '_rootFolderChanged'
+                'change .x-root-folder': '_rootFolderChanged',
+                'click .x-rename'      : '_rename'
             },
 
             templateHelpers: function () {
@@ -115,6 +119,7 @@ define(
                     this.ui.seasonFolder.attr('disabled', '');
                     this.ui.rootFolder.attr('disabled', '');
                     this.ui.saveButton.attr('disabled', '');
+                    this.ui.renameButton.attr('disabled', '');
                 }
 
                 else {
@@ -123,6 +128,7 @@ define(
                     this.ui.seasonFolder.removeAttr('disabled', '');
                     this.ui.rootFolder.removeAttr('disabled', '');
                     this.ui.saveButton.removeAttr('disabled', '');
+                    this.ui.renameButton.removeAttr('disabled', '');
                 }
             },
 
@@ -154,6 +160,14 @@ define(
                     model.trigger('backgrid:select', model, false);
                     model.edited = false;
                 });
+            },
+
+            _rename: function () {
+                var selected = this.editorGrid.getSelectedModels();
+                var renameSeriesView = new RenameSeriesView({ series: selected });
+                this.listenToOnce(renameSeriesView, 'seriesRenamed', this._afterSave);
+
+                vent.trigger(vent.Commands.OpenModalCommand, renameSeriesView);
             }
         });
     });

src/UI/Series/Editor/SeriesEditorFooterViewTemplate.html

@@ -45,6 +45,7 @@
         <span class="pull-right">
             <span class="selected-count x-selected-count">0  series selected</span>
             <button class="btn btn-primary x-save">Save</button>
+            <button class="btn btn-danger x-rename">Rename</button>
         </span>
     </div>
 </div>

src/UI/Series/series.less

@@ -302,7 +302,7 @@
 //Editor
 
 .series-editor-footer {
-  width: 1100px;
+  width: 1160px;
   color: #f5f5f5;
   margin-left: auto;
   margin-right: auto;
@@ -310,6 +310,16 @@
   .selected-count {
     margin-right: 10px;
   }
+
+  .row {
+    margin-left: -40px;
+  }
+}
+
+.rename-series-modal {
+  .selected-series {
+    margin-top: 15px;
+  }
 }
 
 //Series Details