pageflow 15.7.1 → 15.8.0

data/entry_types/paged/app/assets/javascripts/pageflow_paged/dist/editor.js

@@ -6458,40 +6458,28 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     },
     startImportJob: function startImportJob(collectionName) {
       this.action = 'start_import_job';
-      var selections = state.files[collectionName].uploadable();
-      var jsonSelections = selections.toJSON();
-      jsonSelections.forEach(function (selection, index) {
-        selection['url'] = selections.at(index).get('source_url');
-      });
+      var fileType = editor.fileTypes.findByCollectionName(collectionName);
       var currentEntry = this.get('currentEntry');
-      this.fetch({
-        data: {
+      var selections = currentEntry.getFileCollection(fileType).uploadable();
+      this.sync('create', this, {
+        attrs: {
           collection: collectionName,
-          files: jsonSelections
+          files: selections.toJSON().map(function (item, index) {
+            return _objectSpread2(_objectSpread2({}, item), {}, {
+              url: selections.at(index).get('source_url')
+            });
+          })
         },
-        postData: true,
-        type: 'POST'
-      }).then(function (data) {
-        if (data && data.data) {
-          var files = data.data;
-
-          if (files && files.length > 0) {
-            files.forEach(function (file) {
-              var localFile = selections.find(function (cFile) {
-                return cFile.get('attachment_on_s3_file_name') == file.file_name && cFile.get('source_url') == file.source_url && cFile.get('state') == 'uploadable';
-              });
-
-              if (localFile) {
-                state.files[collectionName].remove(localFile);
-                var fileType = editor.fileTypes.findByUpload(file);
-                file = new fileType.model(file, {
-                  fileType: fileType
-                });
-                currentEntry.getFileCollection(fileType).add(file);
-                file.set('state', 'uploading');
-              }
+        success: function success(items) {
+          items.forEach(function (item) {
+            var file = selections.find(function (file) {
+              return file.get('source_url') == item.source_url;
             });
-          }
+
+            if (file) {
+              file.set(item.attributes);
+            }
+          });
         }
       });
     }
@@ -6864,7 +6852,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
 
     __p += '<div class="blank_slate">\n  <p>\n      ' + ((__t = I18n.t('pageflow.editor.templates.confirm_encoding.all_released')) == null ? '' : __t) + '\n  </p>\n  <p>\n      ' + ((__t = I18n.t('pageflow.editor.templates.confirm_encoding.link_to_progress', {
       link: '<a href="#/files/video_files">' + I18n.t('pageflow.editor.templates.confirm_encoding.manage_files') + '</a>'
-    })) == null ? '' : __t) + '\n  </p>\n</div>\n\n<div class="intro">\n</div>\n\n<div class="video_files_panel">\n  <h2>' + ((__t = I18n.t('pageflow.editor.templates.confirm_encoding.videos_tab')) == null ? '' : __t) + '</h2>\n</div>\n\n<div class="audio_files_panel">\n  <h2>' + ((__t = I18n.t('pageflow.editor.templates.confirm_encoding.audios_tab')) == null ? '' : __t) + '</h2>\n</div>\n\n<div class="summary">\n</div>\n<button class="confirm">' + ((__t = I18n.t('pageflow.editor.templates.confirm_encoding.confirm_button')) == null ? '' : __t) + '</button>\n';
+    })) == null ? '' : __t) + '\n  </p>\n</div>\n\n<div class="intro">\n</div>\n\n<div class="video_files_panel">\n  <h2 class="sidebar-header">\n    ' + ((__t = I18n.t('pageflow.editor.templates.confirm_encoding.videos_tab')) == null ? '' : __t) + '\n  </h2>\n</div>\n\n<div class="audio_files_panel">\n  <h2 class="sidebar-header">\n    ' + ((__t = I18n.t('pageflow.editor.templates.confirm_encoding.audios_tab')) == null ? '' : __t) + '\n  </h2>\n</div>\n\n<div class="summary">\n</div>\n<button class="confirm">' + ((__t = I18n.t('pageflow.editor.templates.confirm_encoding.confirm_button')) == null ? '' : __t) + '</button>\n';
     return __p;
   }
 
@@ -7099,6 +7087,10 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
           link.data('path', options.path);
         }
 
+        if (options.id) {
+          link.attr('data-main-menu-item', options.id);
+        }
+
         link.text(I18n$1.t(options.translationKey));
 
         if (options.click) {
@@ -7125,9 +7117,6 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     regions: {
       widgetTypeContainer: '.widget_type'
     },
-    ui: {
-      role: 'h2'
-    },
     modelEvents: {
       'change:type_name': 'update'
     },
@@ -7386,12 +7375,12 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       label: '> .label'
     },
     events: {
-      'click > a': function clickA() {
+      'click > a': function clickA(event) {
         if (!this.model.get('disabled')) {
           this.model.selected();
         }
 
-        return false;
+        event.preventDefault();
       }
     },
     modelEvents: {
@@ -7444,6 +7433,13 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
    * @param {Backbone.Collection} options.items
    *   Collection of menu items. See below for supported attributes.
    *
+   * @param {boolean} [options.fullWidth]
+   *   Make button and drop down span 100% of available width.
+   *
+   * @param {boolean} [options.openOnClick]
+   *   Require click to open menu. By default, menu opens on when the
+   *   mouse enters the button.
+   *
    * ## Item Models
    *
    * The following model attributes can be used to control the
@@ -7469,17 +7465,19 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       button: '> button',
       menu: '.drop_down_button_menu'
     },
-    events: {
-      'mouseenter': function mouseenter() {
+    events: function events() {
+      var _ref;
+
+      return _ref = {}, _defineProperty$1(_ref, this.options.openOnClick ? 'click' : 'mouseenter', function () {
         this.positionMenu();
         this.showMenu();
-      },
-      'mouseleave': function mouseleave() {
+      }), _defineProperty$1(_ref, 'mouseleave', function mouseleave() {
         this.scheduleHideMenu();
-      }
+      }), _ref;
     },
     onRender: function onRender() {
       var view = this;
+      this.$el.toggleClass('full_width', !!this.options.fullWidth);
       this.ui.button.toggleClass('has_icon_and_text', !!this.options.label);
       this.ui.button.toggleClass('has_icon_only', !this.options.label);
       this.ui.button.text(this.options.label);
@@ -7492,6 +7490,9 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
         },
         'mouseleave': function mouseleave() {
           view.scheduleHideMenu();
+        },
+        'click': function click() {
+          view.hideMenu();
         }
       });
       this.ui.menu.appendTo('#editor_menu_container');
@@ -7503,13 +7504,15 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       var offset = this.$el.offset();
       this.ui.menu.css({
         top: offset.top + this.$el.height(),
-        left: offset.left
+        left: offset.left,
+        width: this.options.fullWidth ? this.$el.width() : null
       });
     },
     showMenu: function showMenu() {
       this.ensureOnlyOneDropDownButtonShowsMenu();
       clearTimeout(this.hideMenuTimeout);
       this.ui.menu.addClass('is_visible');
+      this.ui.button.addClass('hover');
     },
     ensureOnlyOneDropDownButtonShowsMenu: function ensureOnlyOneDropDownButtonShowsMenu() {
       if (DropDownButtonView.currentlyShowingMenu) {
@@ -7522,6 +7525,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       clearTimeout(this.hideMenuTimeout);
 
       if (!this.isClosed) {
+        this.ui.button.removeClass('hover');
         this.ui.menu.removeClass('is_visible');
       }
     },
@@ -7580,24 +7584,17 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       return this.model.get(this.options.imageUrlPropertyName || 'thumbnail_url');
     }
   });
-
-  function template$f(data) {
-    var __t,
-        __p = '';
-
-    __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n<div class="file_thumbnail"></div>\n<div class="file_name"></div>\n\n<a href="" class="unset" title="' + ((__t = I18n.t('pageflow.ui.templates.inputs.file_input.reset')) == null ? '' : __t) + '"></a>\n<a href="" class="choose" title="' + ((__t = I18n.t('pageflow.ui.templates.inputs.file_input.edit')) == null ? '' : __t) + '"></a>\n';
-    return __p;
-  }
   /**
    * Input view to reference a file.
    *
    * @class
    */
 
-
   var FileInputView = Marionette.ItemView.extend({
     mixins: [inputView],
-    template: template$f,
+    template: function template() {
+      return "\n    <label>\n      <span class=\"name\"></span>\n      <span class=\"inline_help\"></span>\n    </label>\n    <div class=\"file_thumbnail\"></div>\n    <div class=\"file_name\"></div>\n\n    <a href=\"\"\n       class=\"unset\"\n       title=\"".concat(I18n$1.t('pageflow.ui.templates.inputs.file_input.reset'), "\">\n    </a>\n    <a href=\"\"\n       class=\"choose\"\n       title=\"").concat(I18n$1.t('pageflow.ui.templates.inputs.file_input.edit'), "\">\n    </a>\n  ");
+    },
     className: 'file_input',
     ui: {
       fileName: '.file_name',
@@ -7640,7 +7637,8 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
 
       if (dropDownMenuItems.length) {
         this.appendSubview(new DropDownButtonView({
-          items: dropDownMenuItems
+          items: dropDownMenuItems,
+          openOnClick: true
         }));
       }
     },
@@ -7795,14 +7793,14 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$g(data) {
+  function template$f(data) {
     var __p = '';
     __p += '<div class="spinner">\n  <div class="rect1"></div>\n  <div class="rect2"></div>\n  <div class="rect3"></div>\n  <div class="rect4"></div>\n  <div class="rect5"></div>\n</div>\n';
     return __p;
   }
 
   var LoadingView = Marionette.ItemView.extend({
-    template: template$g,
+    template: template$f,
     className: 'loading',
     tagName: 'li'
   });
@@ -7824,7 +7822,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   };
 
-  function template$h(data) {
+  function template$g(data) {
     var __t,
         __p = '';
 
@@ -7834,7 +7832,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
 
   var ThemeItemView = Marionette.ItemView.extend({
     tagName: 'li',
-    template: template$h,
+    template: template$g,
     className: 'theme_item',
     mixins: [selectableView],
     selectionAttribute: 'theme',
@@ -7865,7 +7863,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$i(data) {
+  function template$h(data) {
     var __t,
         __p = '';
 
@@ -7874,7 +7872,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var ChangeThemeDialogView = Marionette.ItemView.extend({
-    template: template$i,
+    template: template$h,
     className: 'change_theme dialog editor',
     mixins: [dialogView],
     ui: {
@@ -7942,14 +7940,14 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }).promise();
   };
 
-  function template$j(data) {
+  function template$i(data) {
     var __p = '';
     __p += '\n';
     return __p;
   }
 
   var StaticThumbnailView = Marionette.ItemView.extend({
-    template: template$j,
+    template: template$i,
     className: 'static_thumbnail',
     modelEvents: {
       'change:configuration': 'update'
@@ -8012,7 +8010,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$k(data) {
+  function template$j(data) {
     var __p = '';
     __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n<div class="title"></div>\n<button class="unset"></button>\n<button class="choose"></button>\n';
     return __p;
@@ -8028,7 +8026,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   /** @lends ReferenceInputView.prototype */
   {
     mixins: [inputView],
-    template: template$k,
+    template: template$j,
     className: 'reference_input',
     ui: {
       title: '.title',
@@ -8126,7 +8124,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$l(data) {
+  function template$k(data) {
     var __t,
         __p = '';
 
@@ -8135,7 +8133,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var EditMetaDataView = Marionette.Layout.extend({
-    template: template$l,
+    template: template$k,
     className: 'edit_meta_data',
     mixins: [failureIndicatingView],
     regions: {
@@ -8235,7 +8233,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$m(data) {
+  function template$l(data) {
     var __t,
         __p = '';
 
@@ -8244,7 +8242,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var EditWidgetView = Marionette.ItemView.extend({
-    template: template$m,
+    template: template$l,
     className: 'edit_widget',
     events: {
       'click a.back': function clickABack() {
@@ -8275,7 +8273,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$n(data) {
+  function template$m(data) {
     var __p = '';
     __p += '<span class="file_thumbnail"></span>\n\n<span class="file_name"></span>\n';
     return __p;
@@ -8283,7 +8281,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
 
   var ExplorerFileItemView = Marionette.ItemView.extend({
     tagName: 'li',
-    template: template$n,
+    template: template$m,
     mixins: [loadable, selectableView],
     selectionAttribute: 'file',
     ui: {
@@ -8320,14 +8318,14 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$o(data) {
+  function template$n(data) {
     var __p = '';
     __p += '<a href="">\n  <span class="title"></span>\n</a>\n';
     return __p;
   }
 
   var OtherEntryItemView = Marionette.ItemView.extend({
-    template: template$o,
+    template: template$n,
     className: 'other_entry_item',
     tagName: 'li',
     mixins: [selectableView],
@@ -8342,7 +8340,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$p(data) {
+  function template$o(data) {
     var __t,
         __p = '';
 
@@ -8368,7 +8366,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
           selection: this.options.selection
         },
         blankSlateViewConstructor: Marionette.ItemView.extend({
-          template: template$p,
+          template: template$o,
           tagName: 'li',
           className: 'blank_slate'
         }),
@@ -8379,7 +8377,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$q(data) {
+  function template$p(data) {
     var __t,
         __p = '';
 
@@ -8404,7 +8402,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var FilesExplorerView = Marionette.ItemView.extend({
-    template: template$q,
+    template: template$p,
     className: 'files_explorer editor dialog',
     mixins: [dialogView],
     ui: {
@@ -8491,7 +8489,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     app.dialogRegion.show(new FilesExplorerView(options));
   };
 
-  function template$r(data) {
+  function template$q(data) {
     var __p = '';
     __p += '<th></th>\n<td></td>';
     return __p;
@@ -8499,7 +8497,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
 
   var FileMetaDataItemView = Marionette.ItemView.extend({
     tagName: 'tr',
-    template: template$r,
+    template: template$q,
     ui: {
       label: 'th',
       value: 'td'
@@ -8521,7 +8519,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$s(data) {
+  function template$r(data) {
     var __p = '';
     __p += '<p class="percent"></p>\n<p class="description"></p>\n<p class="error_message"></p>';
     return __p;
@@ -8530,7 +8528,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   var FileStageItemView = Marionette.ItemView.extend({
     tagName: 'li',
     className: 'file_stage_item',
-    template: template$s,
+    template: template$r,
     ui: {
       description: '.description',
       percent: '.percent',
@@ -8571,7 +8569,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$t(data) {
+  function template$s(data) {
     var __t,
         __p = '';
 
@@ -8581,7 +8579,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
 
   var FileItemView = Marionette.ItemView.extend({
     tagName: 'li',
-    template: template$t,
+    template: template$s,
     mixins: [loadable],
     ui: {
       fileName: '.file_name',
@@ -8696,7 +8694,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$u(data) {
+  function template$t(data) {
     var __t,
         __p = '';
 
@@ -8713,7 +8711,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var FilteredFilesView = Marionette.ItemView.extend({
-    template: template$u,
+    template: template$t,
     className: 'filtered_files',
     ui: {
       banner: '.filtered_files-banner',
@@ -8777,7 +8775,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$v(data) {
+  function template$u(data) {
     var __t,
         __p = '';
 
@@ -8785,7 +8783,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     return __p;
   }
 
-  function template$w(data) {
+  function template$v(data) {
     var __t,
         __p = '';
 
@@ -8794,7 +8792,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var ImporterSelectView = Marionette.ItemView.extend({
-    template: template$w,
+    template: template$v,
     className: 'importer_select',
     tagName: 'li',
     events: {
@@ -8810,7 +8808,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
   var ChooseImporterView = Marionette.ItemView.extend({
-    template: template$v,
+    template: template$u,
     className: 'choose_importer editor dialog',
     mixins: [dialogView],
     ui: {
@@ -8845,7 +8843,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     app.dialogRegion.show(new ChooseImporterView(options).render());
   };
 
-  function template$x(data) {
+  function template$w(data) {
     var __t,
         __p = '';
 
@@ -8853,7 +8851,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     return __p;
   }
 
-  function template$y(data) {
+  function template$x(data) {
     var __t,
         __p = '';
 
@@ -8863,9 +8861,6 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
 
   var UploadableFilesView = Marionette.View.extend({
     className: 'uploadable_files',
-    ui: {
-      header: 'h2'
-    },
     initialize: function initialize() {
       this.uploadableFiles = this.collection.uploadable();
 
@@ -8909,7 +8904,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
   var ConfirmFileImportUploadView = Marionette.Layout.extend({
-    template: template$y,
+    template: template$x,
     className: 'confirm_upload editor dialog',
     mixins: [dialogView],
     regions: {
@@ -8979,7 +8974,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   };
 
   var FilesImporterView = Marionette.ItemView.extend({
-    template: template$x,
+    template: template$w,
     className: 'files_importer editor dialog',
     mixins: [dialogView],
     ui: {
@@ -9066,7 +9061,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     app.dialogRegion.show(new FilesImporterView(options).render());
   };
 
-  function template$z(data) {
+  function template$y(data) {
     var __t,
         __p = '';
 
@@ -9075,7 +9070,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var SelectButtonView = Marionette.ItemView.extend({
-    template: template$z,
+    template: template$y,
     className: 'select_button',
     ui: {
       button: 'button',
@@ -9110,7 +9105,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$A(data) {
+  function template$z(data) {
     var __t,
         __p = '';
 
@@ -9119,7 +9114,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var FilesView = Marionette.ItemView.extend({
-    template: template$A,
+    template: template$z,
     className: 'manage_files',
     events: {
       'click a.back': 'goBack',
@@ -9204,14 +9199,14 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$B(data) {
+  function template$A(data) {
     var __p = '';
     __p += '<div class="quota_state">\n</div>\n<div class="outlet">\n</div>\n<div class="exhausted_message">\n</div>\n';
     return __p;
   }
 
   var EntryPublicationQuotaDecoratorView = Marionette.Layout.extend({
-    template: template$B,
+    template: template$A,
     className: 'quota_decorator',
     regions: {
       outlet: '.outlet'
@@ -9252,16 +9247,16 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$C(data) {
+  function template$B(data) {
     var __t,
         __p = '';
 
-    __p += '<div class="files_pending notice">\n  <p>' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.files_pending_notice')) == null ? '' : __t) + '</p>\n  <p><a href="#files">' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.show_files')) == null ? '' : __t) + '</a></p>\n</div>\n\n<div>\n  <div class="published notice">\n    <p>' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.published_notice')) == null ? '' : __t) + '</p>\n    <p><a href="" target="_blank">' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.view_revisions')) == null ? '' : __t) + '</a></p>\n  </div>\n\n  <div class="not_published notice">\n      ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.not_published_notice')) == null ? '' : __t) + '\n  </div>\n\n  <h2>' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.publish_current')) == null ? '' : __t) + '</h2>\n\n  <div class="radio_input">\n    <input id="publish_entry_forever" type="radio" name="mode" value="publish_forever">\n    <label for="publish_entry_forever">' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.unlimited')) == null ? '' : __t) + '</label>\n  </div>\n\n  <div class="radio_input">\n    <input id="publish_entry_until" type="radio" name="mode" value="publish_until">\n    <label for="publish_entry_until">' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.until_including')) == null ? '' : __t) + '</label>\n  </div>\n\n  <div class="publish_until_fields disabled">\n    <label>\n      ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.date')) == null ? '' : __t) + '\n      <input type="text" name="publish_until">\n    </label>\n\n    <label>\n      ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.time')) == null ? '' : __t) + '\n      <input type="text" name="publish_until_time" value="00:00">\n    </label>\n  </div>\n\n  <div class="check_box_input">\n    <input id="publish_password_protected" type="checkbox" name="password_protected" value="1">\n    <label for="publish_password_protected">\n      <span class="name">\n        ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.password_protected')) == null ? '' : __t) + '\n      </span>\n      <span class="inline_help">\n        ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.password_help')) == null ? '' : __t) + '\n      </span>\n    </label>\n  </div>\n\n  <div class="password_fields disabled">\n    <label>\n      ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.user_name')) == null ? '' : __t) + '\n      <input type="text" name="user_name" disabled>\n    </label>\n\n    <label>\n      ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.password')) == null ? '' : __t) + '\n      <input type="text" name="password">\n    </label>\n\n    <p class="already_published_with_password">\n      ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.already_published_with_password_help')) == null ? '' : __t) + '\n    </p>\n    <p class="previously_published_with_password">\n      ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.previously_published_with_password_help')) == null ? '' : __t) + '\n    </p>\n    <p class="already_published_without_password">\n      ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.already_published_without_password_help')) == null ? '' : __t) + '\n    </p>\n  </div>\n\n  <button class="save" disabled>' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.publish')) == null ? '' : __t) + '</a>\n</div>\n\n<div class="success notice">\n  <p>' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.publish_success')) == null ? '' : __t) + '</p>\n  <p>' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.published_url_hint')) == null ? '' : __t) + '</p>\n  <p><a href="" target="_blank"></a></p>\n</div>\n';
+    __p += '<div class="files_pending notice">\n  <p>' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.files_pending_notice')) == null ? '' : __t) + '</p>\n  <p><a href="#files">' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.show_files')) == null ? '' : __t) + '</a></p>\n</div>\n\n<div>\n  <div class="published notice">\n    <p>' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.published_notice')) == null ? '' : __t) + '</p>\n    <p><a href="" target="_blank">' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.view_revisions')) == null ? '' : __t) + '</a></p>\n  </div>\n\n  <div class="not_published notice">\n      ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.not_published_notice')) == null ? '' : __t) + '\n  </div>\n\n  <h2 class="sidebar-header">\n    ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.publish_current')) == null ? '' : __t) + '\n  </h2>\n\n  <div class="radio_input">\n    <input id="publish_entry_forever" type="radio" name="mode" value="publish_forever">\n    <label for="publish_entry_forever">' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.unlimited')) == null ? '' : __t) + '</label>\n  </div>\n\n  <div class="radio_input">\n    <input id="publish_entry_until" type="radio" name="mode" value="publish_until">\n    <label for="publish_entry_until">' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.until_including')) == null ? '' : __t) + '</label>\n  </div>\n\n  <div class="publish_until_fields disabled">\n    <label>\n      ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.date')) == null ? '' : __t) + '\n      <input type="text" name="publish_until">\n    </label>\n\n    <label>\n      ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.time')) == null ? '' : __t) + '\n      <input type="text" name="publish_until_time" value="00:00">\n    </label>\n  </div>\n\n  <div class="check_box_input">\n    <input id="publish_password_protected" type="checkbox" name="password_protected" value="1">\n    <label for="publish_password_protected">\n      <span class="name">\n        ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.password_protected')) == null ? '' : __t) + '\n      </span>\n      <span class="inline_help">\n        ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.password_help')) == null ? '' : __t) + '\n      </span>\n    </label>\n  </div>\n\n  <div class="password_fields disabled">\n    <label>\n      ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.user_name')) == null ? '' : __t) + '\n      <input type="text" name="user_name" disabled>\n    </label>\n\n    <label>\n      ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.password')) == null ? '' : __t) + '\n      <input type="text" name="password">\n    </label>\n\n    <p class="already_published_with_password">\n      ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.already_published_with_password_help')) == null ? '' : __t) + '\n    </p>\n    <p class="previously_published_with_password">\n      ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.previously_published_with_password_help')) == null ? '' : __t) + '\n    </p>\n    <p class="already_published_without_password">\n      ' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.already_published_without_password_help')) == null ? '' : __t) + '\n    </p>\n  </div>\n\n  <button class="save" disabled>' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.publish')) == null ? '' : __t) + '</a>\n</div>\n\n<div class="success notice">\n  <p>' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.publish_success')) == null ? '' : __t) + '</p>\n  <p>' + ((__t = I18n.t('pageflow.editor.templates.publish_entry.published_url_hint')) == null ? '' : __t) + '</p>\n  <p><a href="" target="_blank"></a></p>\n</div>\n';
     return __p;
   }
 
   var PublishEntryView = Marionette.ItemView.extend({
-    template: template$C,
+    template: template$B,
     className: 'publish_entry',
     ui: {
       publishUntilFields: '.publish_until_fields',
@@ -9644,7 +9639,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$D(data) {
+  function template$C(data) {
     var __t,
         __p = '';
 
@@ -9653,7 +9648,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var HelpView = Marionette.ItemView.extend({
-    template: template$D,
+    template: template$C,
     className: 'help',
     ui: {
       placeholder: '.placeholder',
@@ -9729,7 +9724,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     className: 'model_thumbnail page_thumbnail'
   });
 
-  function template$E(data) {
+  function template$D(data) {
     var __t,
         __p = '';
 
@@ -9738,7 +9733,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var PageLinkItemView = Marionette.ItemView.extend({
-    template: template$E,
+    template: template$D,
     tagName: 'li',
     className: 'page_link',
     ui: {
@@ -9788,7 +9783,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$F(data) {
+  function template$E(data) {
     var __t,
         __p = '';
 
@@ -9797,7 +9792,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var PageLinksView = Marionette.ItemView.extend({
-    template: template$F,
+    template: template$E,
     className: 'page_links',
     ui: {
       links: 'ul.links',
@@ -9833,14 +9828,14 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$G(data) {
+  function template$F(data) {
     var __p = '';
     __p += '<div class="emulation_mode_button-wrapper"\n     data-tooltip-align="top center">\n  <div class="emulation_mode_button-desktop_icon"/>\n  <div class="emulation_mode_button-phone_icon"/>\n  <div class="emulation_mode_button-track" />\n  <div class="emulation_mode_button-thumb" />\n</div>\n';
     return __p;
   }
 
   var EmulationModeButtonView = Marionette.ItemView.extend({
-    template: template$G,
+    template: template$F,
     className: 'emulation_mode_button',
     mixins: [tooltipContainer],
     ui: {
@@ -9874,7 +9869,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$H(data) {
+  function template$G(data) {
     var __t,
         __p = '';
 
@@ -9883,7 +9878,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var HelpButtonView = Marionette.ItemView.extend({
-    template: template$H,
+    template: template$G,
     className: 'help_button',
     events: {
       'click': function click() {
@@ -9920,7 +9915,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$I(data) {
+  function template$H(data) {
     var __t,
         __p = '';
 
@@ -9929,7 +9924,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var ListItemView = Marionette.ItemView.extend({
-    template: template$I,
+    template: template$H,
     tagName: 'li',
     className: 'list_item',
     ui: {
@@ -10003,7 +9998,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$J(data) {
+  function template$I(data) {
     var __t,
         __p = '';
 
@@ -10012,7 +10007,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var LockedView = Marionette.ItemView.extend({
-    template: template$J,
+    template: template$I,
     className: 'locked checking',
     ui: {
       breakButton: '.break',
@@ -10052,25 +10047,12 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
   var EditorView = Backbone.View.extend({
-    scrollNavigationKeys: _.values({
-      pageUp: 33,
-      pageDown: 34,
-      end: 35,
-      home: 36,
-      left: 37,
-      up: 38,
-      right: 39,
-      down: 40
-    }),
     events: {
       'click a': function clickA(event) {
         // prevent default for all links
         if (!$(event.currentTarget).attr('target') && !$(event.currentTarget).attr('download') && !$(event.currentTarget).attr('href')) {
           return false;
         }
-      },
-      'keydown sidebar': function keydownSidebar(event) {
-        this.preventScrollingPreviewWhileFocusInSidebar(event);
       }
     },
     initialize: function initialize() {
@@ -10098,11 +10080,6 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
         model: state.editLock
       }).render().el);
       this.$el.append(new HelpView().render().el);
-    },
-    preventScrollingPreviewWhileFocusInSidebar: function preventScrollingPreviewWhileFocusInSidebar(event) {
-      if (this.scrollNavigationKeys.indexOf(event.which) >= 0) {
-        event.stopPropagation();
-      }
     }
   });
   var BackgroundImageEmbeddedView = Marionette.View.extend({
@@ -10202,7 +10179,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$K(data) {
+  function template$J(data) {
     var __t,
         __p = '';
 
@@ -10215,7 +10192,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   var NotificationsView = Marionette.ItemView.extend({
     className: 'notifications',
     tagName: 'ul',
-    template: template$K,
+    template: template$J,
     ui: {
       failedCount: '.failed .count',
       uploadingCount: '.uploading .count',
@@ -10302,9 +10279,6 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   });
   var NestedFilesView = Marionette.View.extend({
     className: 'nested_files',
-    ui: {
-      header: 'h2'
-    },
     initialize: function initialize() {
       if (!this.options.selection.has('file')) {
         this.options.selection.set('file', this.collection.first());
@@ -10376,7 +10350,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }, 200)
   });
 
-  function template$L(data) {
+  function template$K(data) {
     var __t,
         __p = '';
 
@@ -10385,7 +10359,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var TextTracksView = Marionette.Layout.extend({
-    template: template$L,
+    template: template$K,
     className: 'text_tracks',
     regions: {
       selectedFileRegion: '.selected_file_region'
@@ -10448,7 +10422,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$M(data) {
+  function template$L(data) {
     var __p = '';
     __p += '<label>\n  <span class="list_label"></span>\n</label>\n\n<ul class="list_items"></ul>\n';
     return __p;
@@ -10495,7 +10469,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
 
 
   var ListView = Marionette.ItemView.extend({
-    template: template$M,
+    template: template$L,
     className: 'list',
     ui: {
       label: '.list_label',
@@ -10524,7 +10498,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
   var ConfirmUploadView = Marionette.Layout.extend({
-    template: template$y,
+    template: template$x,
     className: 'confirm_upload editor dialog',
     mixins: [dialogView],
     regions: {
@@ -11073,6 +11047,10 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       var chapter = this.chapters.get(id);
       return chapter ? chapter.configuration.attributes : {};
     },
+    getChapterPosition: function getChapterPosition(id) {
+      var chapter = this.chapters.get(id);
+      return this.chapters.indexOf(chapter);
+    },
     getChapterPagePermaIds: function getChapterPagePermaIds(id) {
       var chapter = this.chapters.get(id);
       return chapter ? chapter.pages.pluck('perma_id') : [];
@@ -11108,7 +11086,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$N(data) {
+  function template$M(data) {
   var __t, __p = '';
   __p += '<a href="">\n  <span class="type_pictogram"></span>\n  <span class="page_thumbnail"></span>\n  <span class="title"></span>\n  <span class="failure_icon" title="' +
   ((__t = ( I18n.t('pageflow.editor.templates.page_item.save_error') )) == null ? '' : __t) +
@@ -11118,7 +11096,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
 
   var PageItemView = Marionette.ItemView.extend({
     tagName: 'li',
-    template: template$N,
+    template: template$M,
     ui: {
       title: '.title',
       pictogram: '.type_pictogram',
@@ -11183,7 +11161,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$O(data) {
+  function template$N(data) {
   var __t, __p = '';
   __p += '<a class="edit_chapter" href="">\n  <span class="drag_handle"></span>\n  <span class="number"></span>\n  <span class="title"></span>\n  <span class="failure_icon" title=' +
   ((__t = ( I18n.t('pageflow.editor.templates.chapter_item.save_error') )) == null ? '' : __t) +
@@ -11195,7 +11173,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
 
   var ChapterItemView = Marionette.ItemView.extend({
     tagName: 'li',
-    template: template$O,
+    template: template$N,
     ui: {
       title: '> a > .title',
       number: '> a > .number',
@@ -11240,18 +11218,18 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$P(data) {
+  function template$O(data) {
   var __t, __p = '';
-  __p += '<h2>' +
+  __p += '<h2 class="sidebar-header">\n  ' +
   ((__t = ( I18n.t('pageflow.editor.templates.storyline_outline.header') )) == null ? '' : __t) +
-  '</h2>\n<ul class="storyline_outline_chapters chapters outline"></ul>\n\n<a class="add_chapter" href="">' +
+  '\n</h2>\n<ul class="storyline_outline_chapters chapters outline"></ul>\n\n<a class="add_chapter" href="">' +
   ((__t = ( I18n.t('pageflow.editor.templates.storyline_outline.new_chapter') )) == null ? '' : __t) +
   '</a>\n';
   return __p
   }
 
   var StorylineOutlineView = Marionette.Layout.extend({
-    template: template$P,
+    template: template$O,
     className: 'storyline_outline',
     ui: {
       chapters: 'ul.storyline_outline_chapters'
@@ -11279,7 +11257,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$Q(data) {
+  function template$P(data) {
   var __t, __p = '';
   __p += '<div class="storyline_picker_storylines">\n  <div class="storyline_picker_select_region"></div>\n  <a href="" class="add_storyline" title="' +
   ((__t = ( I18n.t('pageflow.editor.templates.storyline_picker.add') )) == null ? '' : __t) +
@@ -11290,7 +11268,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var StorylinePickerView = Marionette.Layout.extend({
-    template: template$Q,
+    template: template$P,
     className: 'storyline_picker',
     regions: {
       selectRegion: '.storyline_picker_select_region',
@@ -11394,7 +11372,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }, options));
   };
 
-  function template$R(data) {
+  function template$Q(data) {
   var __t, __p = '';
   __p += '<h2>' +
   ((__t = ( I18n.t('pageflow.editor.blank_entry.header') )) == null ? '' : __t) +
@@ -11413,7 +11391,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var BlankEntryView = Marionette.ItemView.extend({
-    template: template$R,
+    template: template$Q,
     className: 'blank_entry'
   });
 
@@ -11510,7 +11488,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$S(data) {
+  function template$R(data) {
   var __t, __p = '';
   __p += '<div class="container">\n  <div class="header"></div>\n  <div class="overview"></div>\n\n  <div class="entry"></div>\n</div>\n<div class="navigation_disabled_hint">\n  ' +
   ((__t = ( I18n.t('pageflow.editor.templates.entry_preview.navigation_disabled_hint') )) == null ? '' : __t) +
@@ -11519,7 +11497,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var EntryPreviewView = Marionette.ItemView.extend({
-    template: template$S,
+    template: template$R,
     className: 'entry_preview',
     ui: {
       container: '> .container',
@@ -11694,7 +11672,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   };
 
-  function template$T(data) {
+  function template$S(data) {
   var __t, __p = '';
   __p += '<div class="box">\n  <h1 class="dialog-header">\n    ' +
   ((__t = ( I18n.t('pageflow.editor.templates.page_selection.title') )) == null ? '' : __t) +
@@ -11705,7 +11683,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var PageSelectionView = Marionette.ItemView.extend({
-    template: template$T,
+    template: template$S,
     className: 'page_selection dialog editor',
     mixins: [dialogView],
     ui: {
@@ -11758,7 +11736,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$U(data) {
+  function template$T(data) {
   var __t, __p = '';
   __p += '<a class="back">' +
   ((__t = ( I18n.t('pageflow.editor.templates.edit_chapter.outline') )) == null ? '' : __t) +
@@ -11773,7 +11751,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var EditChapterView = Marionette.Layout.extend({
-    template: template$U,
+    template: template$T,
     className: 'edit_chapter',
     mixins: [failureIndicatingView],
     regions: {
@@ -11815,7 +11793,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$V(data) {
+  function template$U(data) {
   var __t, __p = '';
   __p += '<a class="back">' +
   ((__t = ( I18n.t('pageflow.editor.templates.edit_page_link.back') )) == null ? '' : __t) +
@@ -11826,7 +11804,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var EditPageLinkView = Marionette.Layout.extend({
-    template: template$V,
+    template: template$U,
     regions: {
       formContainer: '.form_container'
     },
@@ -11865,7 +11843,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$W(data) {
+  function template$V(data) {
   var __t, __p = '';
   __p += '<a class="back">' +
   ((__t = ( I18n.t('pageflow.editor.templates.edit_page.outline') )) == null ? '' : __t) +
@@ -11880,7 +11858,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var EditPageView = Marionette.Layout.extend({
-    template: template$W,
+    template: template$V,
     className: 'edit_page',
     mixins: [failureIndicatingView],
     regions: {
@@ -11950,7 +11928,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  function template$X(data) {
+  function template$W(data) {
   var __t, __p = '';
   __p += '<a class="back">' +
   ((__t = ( I18n.t('pageflow.editor.templates.edit_storyline.outline') )) == null ? '' : __t) +
@@ -11965,7 +11943,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   }
 
   var EditStorylineView = Marionette.Layout.extend({
-    template: template$X,
+    template: template$W,
     className: 'edit_storyline',
     mixins: [failureIndicatingView, tooltipContainer],
     regions: {
@@ -12324,6 +12302,25 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
+  editor.addInitializer(function () {
+    var scrollNavigationKeys = _.values({
+      pageUp: 33,
+      pageDown: 34,
+      end: 35,
+      home: 36,
+      left: 37,
+      up: 38,
+      right: 39,
+      down: 40
+    });
+
+    $('sidebar').on('keydown', function (event) {
+      if (scrollNavigationKeys.indexOf(event.which) >= 0) {
+        event.stopPropagation();
+      }
+    });
+  });
+
   editor.addInitializer(function (options) {
     var KEY_A = 65;
     var KEY_X = 88;