pageflow 15.6.1 → 15.7.1

data/package/editor.js

@@ -332,10 +332,14 @@ var EditFileView = Marionette.ItemView.extend({
       model: this.model.configuration,
       attributeTranslationKeyPrefixes: ['pageflow.editor.files.attributes.' + fileType.collectionName, 'pageflow.editor.files.common_attributes', 'pageflow.editor.nested_files.' + fileType.collectionName, 'pageflow.editor.nested_files.common_attributes']
     });
-    tab.input('file_name', TextInputView, {
-      model: this.model,
-      disabled: true
-    });
+
+    if (this.options.displayFileName) {
+      tab.input('file_name', TextInputView, {
+        model: this.model,
+        disabled: true
+      });
+    }
+
     tab.input('rights', TextInputView, {
       model: this.model,
       placeholder: entry.get('default_file_rights')
@@ -380,7 +384,7 @@ var dialogView = {
 
 function template$1(data) {
 var __t, __p = '';
-__p += '<div class="box">\n  <div class="content">\n  </div>\n\n  <div class="footer">\n    <a href="" class="close">\n      ' +
+__p += '<div class="box">\n  <div class="content">\n    <h1 class="dialog-header"></h1>\n  </div>\n\n  <div class="footer">\n    <a href="" class="close">\n      ' +
 ((__t = ( I18n.t('pageflow.editor.templates.file_settings_dialog.close') )) == null ? '' : __t) +
 '\n    </a>\n  </div>\n</div>\n';
 return __p
@@ -391,9 +395,11 @@ var FileSettingsDialogView = Marionette.ItemView.extend({
   className: 'file_settings_dialog editor dialog',
   mixins: [dialogView],
   ui: {
-    content: '.content'
+    content: '.content',
+    header: '.dialog-header'
   },
   onRender: function onRender() {
+    this.ui.header.text(this.model.title());
     this.tabsView = new TabsView({
       model: this.model,
       i18n: 'pageflow.editor.files.settings_dialog_tabs',
@@ -2354,8 +2360,8 @@ var EntryMetadata = Configuration.extend({
   initialize: function initialize(attributes, options) {
     Configuration.prototype.initialize.apply(this, attributes, options);
     this.configuration = new EntryMetadataConfiguration(_.clone(attributes.configuration) || {});
-    this.listenTo(this.configuration, 'change', function () {
-      this.trigger('change');
+    this.listenTo(this.configuration, 'change', function (model, options) {
+      this.trigger('change', model, options);
       this.parent.save();
     });
   },
@@ -3909,7 +3915,7 @@ __p += '<div class="blank_slate">\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="video_files_panel">\n  <h2>' +
+'\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) +
@@ -3927,6 +3933,7 @@ var ConfirmEncodingView = Marionette.ItemView.extend({
     videoFilesPanel: '.video_files_panel',
     audioFilesPanel: '.audio_files_panel',
     summary: '.summary',
+    intro: '.intro',
     confirmButton: 'button'
   },
   events: {
@@ -3968,10 +3975,12 @@ var ConfirmEncodingView = Marionette.ItemView.extend({
   },
   updateBlankSlate: function updateBlankSlate() {
     this.ui.blankSlate.toggle(!this.confirmableVideoFiles.length && !this.confirmableAudioFiles.length);
+    this.ui.intro.toggle(!!this.confirmableVideoFiles.length || !!this.confirmableAudioFiles.length);
     this.ui.videoFilesPanel.toggle(!!this.confirmableVideoFiles.length);
     this.ui.audioFilesPanel.toggle(!!this.confirmableAudioFiles.length);
   },
   updateSummary: function updateSummary(enabled) {
+    this.ui.intro.html(this.model.get('intro_html'));
     this.ui.summary.html(this.model.get('summary_html'));
     this.ui.confirmButton.toggleClass('checking', !!this.model.get('checking'));
 
@@ -4366,13 +4375,13 @@ var BackgroundPositioningSlidersView = Marionette.ItemView.extend({
 
 function template$b(data) {
 var __t, __p = '';
-__p += '<div class="box">\n  <h2>' +
+__p += '<div class="box">\n  <div class="content">\n    <h2 class="dialog-header">' +
 ((__t = ( I18n.t('pageflow.editor.templates.background_positioning.title') )) == null ? '' : __t) +
-'</h2>\n  <p>' +
+'</h2>\n    <p class="dialog-hint">' +
 ((__t = ( I18n.t('pageflow.editor.templates.background_positioning.help') )) == null ? '' : __t) +
-'</p>\n\n  <div class="wrapper">\n  </div>\n\n  <h3>' +
+'</p>\n\n    <div class="wrapper">\n    </div>\n\n    <h3>' +
 ((__t = ( I18n.t('pageflow.editor.templates.background_positioning.preview_title') )) == null ? '' : __t) +
-'</h3>\n  <div class="previews">\n    <div>\n    </div>\n  </div>\n\n  <div class="footer">\n    <a href="" class="save">' +
+'</h3>\n    <div class="previews">\n      <div>\n      </div>\n    </div>\n  </div>\n\n  <div class="footer">\n    <a href="" class="save">' +
 ((__t = ( I18n.t('pageflow.editor.templates.background_positioning.save') )) == null ? '' : __t) +
 '</a>\n    <a href="" class="close">' +
 ((__t = ( I18n.t('pageflow.editor.templates.background_positioning.cancel') )) == null ? '' : __t) +
@@ -4382,7 +4391,7 @@ return __p
 
 var BackgroundPositioningView = Marionette.ItemView.extend({
   template: template$b,
-  className: 'background_positioning dialog',
+  className: 'background_positioning editor dialog',
   mixins: [dialogView],
   ui: {
     previews: '.previews > div',
@@ -4934,13 +4943,13 @@ var ThemeItemView = Marionette.ItemView.extend({
 
 function template$i(data) {
 var __t, __p = '';
-__p += '<div class="box">\n  <div class="content">\n    <div>\n      <h2 class="themes_header">' +
+__p += '<div class="box">\n  <h1 class="dialog-header">\n    ' +
 ((__t = ( I18n.t('pageflow.editor.templates.change_theme_dialog.header') )) == null ? '' : __t) +
-'</h2>\n      <div class="themes_panel">\n      </div>\n      <div class="preview_panel">\n        <h2 class="preview_header">' +
+'\n  </h1>\n  <div class="panels">\n    <div class="themes_panel">\n    </div>\n    <div class="preview_panel">\n      <h2 class="dialog-sub_header">\n        ' +
 ((__t = ( I18n.t('pageflow.editor.templates.change_theme_dialog.preview_header_prefix') )) == null ? '' : __t) +
-'\n          <span class="preview_header_theme_name"></span>' +
+'\n        <span class="preview_header_theme_name"></span>\n        ' +
 ((__t = ( I18n.t('pageflow.editor.templates.change_theme_dialog.preview_header_suffix') )) == null ? '' : __t) +
-'\n        </h2>\n        <div class="preview_image_region">\n          <img class="preview_image" src="default_template.png">\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class="footer">\n    <a href="" class="close">\n      ' +
+'\n      </h2>\n      <div class="preview_image_region">\n        <img class="preview_image" src="default_template.png">\n      </div>\n    </div>\n  </div>\n  <div class="footer">\n    <a href="" class="close">\n      ' +
 ((__t = ( I18n.t('pageflow.editor.templates.change_theme_dialog.close') )) == null ? '' : __t) +
 '\n    </a>\n  </div>\n</div>\n';
 return __p
@@ -4951,7 +4960,6 @@ var ChangeThemeDialogView = Marionette.ItemView.extend({
   className: 'change_theme dialog editor',
   mixins: [dialogView],
   ui: {
-    content: '.content',
     themesPanel: '.themes_panel',
     previewPanel: '.preview_panel',
     previewImageRegion: '.preview_image_region',
@@ -5462,9 +5470,9 @@ var OtherEntriesCollectionView = Marionette.View.extend({
 
 function template$q(data) {
 var __t, __p = '';
-__p += '<div class="box">\n  <h2>' +
+__p += '<div class="box">\n  <h1 class="dialog-header">\n    ' +
 ((__t = ( I18n.t('pageflow.editor.templates.files_explorer.reuse_files') )) == null ? '' : __t) +
-'</h2>\n\n  <div class="panels">\n    <ul class="entries_panel">\n    </ul>\n\n    <div class="files_panel">\n    </div>\n  </div>\n\n  <div class="footer">\n    <button class="ok">' +
+'\n  </h1>\n\n  <div class="panels">\n    <ul class="entries_panel">\n    </ul>\n\n    <div class="files_panel">\n    </div>\n  </div>\n\n  <div class="footer">\n    <button class="ok">' +
 ((__t = ( I18n.t('pageflow.editor.templates.files_explorer.ok') )) == null ? '' : __t) +
 '</button>\n    <button class="close">' +
 ((__t = ( I18n.t('pageflow.editor.templates.files_explorer.cancel') )) == null ? '' : __t) +
@@ -5959,9 +5967,9 @@ function template$x(data) {
 var __t, __p = '';
 __p += '<div class="box file_importer_box">\n  <h1 class="dialog-header">' +
 ((__t = ( I18n.t('pageflow.editor.file_importers.'+data.importerKey+'.dialog_label') )) == null ? '' : __t) +
-'</h1>\n\n  <div class="content_panel">\n    \n  </div>\n\n  <div class="footer">\n    <div class="disclaimer">\n      <p>' +
+'</h1>\n\n  <div class="content_panel">\n    \n  </div>\n\n  <div class="footer">\n    <div class="disclaimer">\n      ' +
 ((__t = ( I18n.t('pageflow.editor.file_importers.'+data.importerKey+'.disclaimer') )) == null ? '' : __t) +
-'</p>\n    </div>\n    <button class="import">' +
+'\n    </div>\n    <button class="import" disabled>' +
 ((__t = ( I18n.t('pageflow.editor.views.files_view.import') )) == null ? '' : __t) +
 '</button>\n    <button class="close">' +
 ((__t = ( I18n.t('pageflow.editor.templates.files_explorer.cancel') )) == null ? '' : __t) +
@@ -5975,9 +5983,9 @@ __p += '<div class="box">\n  <h1 class="dialog-header">' +
 ((__t = ( I18n.t('pageflow.editor.templates.confirm_upload.header') )) == null ? '' : __t) +
 '</h1>\n  <p class="dialog-hint">' +
 ((__t = ( I18n.t('pageflow.editor.templates.confirm_upload.hint') )) == null ? '' : __t) +
-'</p>\n\n  <div class="files_panel">\n  </div>\n\n  <div class="selected_file_panel">\n    <h2>' +
+'</p>\n\n  <div class="panels">\n    <div class="files_panel">\n    </div>\n\n    <div class="selected_file_panel">\n      <h2 class="dialog-sub_header">' +
 ((__t = ( I18n.t('pageflow.editor.templates.confirm_upload.edit_file_header') )) == null ? '' : __t) +
-'</h2>\n    <div class="selected_file_region">\n    </div>\n  </div>\n\n  <div class="footer">\n    <button class="upload">' +
+'</h2>\n      <div class="selected_file_region">\n      </div>\n    </div>\n  </div>\n\n  <div class="footer">\n    <button class="upload">' +
 ((__t = ( I18n.t('pageflow.editor.templates.confirm_upload.upload') )) == null ? '' : __t) +
 '</button>\n    <button class="close">' +
 ((__t = ( I18n.t('pageflow.editor.templates.confirm_upload.close') )) == null ? '' : __t) +
@@ -5985,14 +5993,7 @@ __p += '<div class="box">\n  <h1 class="dialog-header">' +
 return __p
 }
 
-function template$z(data) {
-var __p = '';
-__p += '<h2></h2>\n';
-return __p
-}
-
-var UploadableFilesView = Marionette.ItemView.extend({
-  template: template$z,
+var UploadableFilesView = Marionette.View.extend({
   className: 'uploadable_files',
   ui: {
     header: 'h2'
@@ -6004,24 +6005,27 @@ var UploadableFilesView = Marionette.ItemView.extend({
       this.options.selection.set('file', this.uploadableFiles.first());
     }
   },
-  onRender: function onRender() {
-    this.ui.header.text(I18n$1.t('pageflow.editor.files.tabs.' + this.options.fileType.collectionName));
+  render: function render() {
     this.appendSubview(new TableView({
       collection: this.uploadableFiles,
       attributeTranslationKeyPrefixes: ['pageflow.editor.files.attributes.' + this.options.fileType.collectionName, 'pageflow.editor.files.common_attributes'],
-      columns: this.commonColumns().concat(this.fileTypeColumns()),
+      columns: this.commonColumns({
+        fileTypeDisplayName: I18n$1.t('pageflow.editor.files.tabs.' + this.options.fileType.collectionName)
+      }).concat(this.fileTypeColumns()),
       selection: this.options.selection,
       selectionAttribute: 'file'
     }));
     this.listenTo(this.uploadableFiles, 'add remove', this.update);
     this.update();
+    return this;
   },
   update: function update() {
     this.$el.toggleClass('is_empty', this.uploadableFiles.length === 0);
   },
-  commonColumns: function commonColumns() {
+  commonColumns: function commonColumns(options) {
     return [{
       name: 'file_name',
+      headerText: options.fileTypeDisplayName,
       cellView: TextTableCellView
     }, {
       name: 'rights',
@@ -6195,7 +6199,7 @@ FilesImporterView.open = function (options) {
   app.dialogRegion.show(new FilesImporterView(options).render());
 };
 
-function template$A(data) {
+function template$z(data) {
 var __t, __p = '';
 __p += '<button class="">\n  <span class="label">' +
 ((__t = ( I18n.t('pageflow.editor.templates.select_button.select') )) == null ? '' : __t) +
@@ -6204,7 +6208,7 @@ return __p
 }
 
 var SelectButtonView = Marionette.ItemView.extend({
-  template: template$A,
+  template: template$z,
   className: 'select_button',
   ui: {
     button: 'button',
@@ -6239,7 +6243,7 @@ var SelectButtonView = Marionette.ItemView.extend({
   }
 });
 
-function template$B(data) {
+function template$A(data) {
 var __t, __p = '';
 __p += '<a class="back">' +
 ((__t = ( I18n.t('pageflow.editor.templates.files.back') )) == null ? '' : __t) +
@@ -6248,7 +6252,7 @@ return __p
 }
 
 var FilesView = Marionette.ItemView.extend({
-  template: template$B,
+  template: template$A,
   className: 'manage_files',
   events: {
     'click a.back': 'goBack',
@@ -6333,14 +6337,14 @@ var FilesView = Marionette.ItemView.extend({
   }
 });
 
-function template$C(data) {
+function template$B(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$C,
+  template: template$B,
   className: 'quota_decorator',
   regions: {
     outlet: '.outlet'
@@ -6381,7 +6385,7 @@ var EntryPublicationQuotaDecoratorView = Marionette.Layout.extend({
   }
 });
 
-function template$D(data) {
+function template$C(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) +
@@ -6428,7 +6432,7 @@ return __p
 }
 
 var PublishEntryView = Marionette.ItemView.extend({
-  template: template$D,
+  template: template$C,
   className: 'publish_entry',
   ui: {
     publishUntilFields: '.publish_until_fields',
@@ -6701,11 +6705,13 @@ var SidebarController = Marionette.Controller.extend({
     editor.setDefaultHelpEntry('pageflow.help_entries.files');
   },
   confirmableFiles: function confirmableFiles(preselectedFileType, preselectedFileId) {
+    var model = EncodingConfirmation.createWithPreselection({
+      fileType: preselectedFileType,
+      fileId: preselectedFileId
+    });
+    model.check();
     this.region.show(ConfirmEncodingView.create({
-      model: EncodingConfirmation.createWithPreselection({
-        fileType: preselectedFileType,
-        fileId: preselectedFileId
-      })
+      model: model
     }));
   },
   metaData: function metaData(tab) {
@@ -6811,7 +6817,7 @@ var ScrollingView = Marionette.View.extend({
   }
 });
 
-function template$E(data) {
+function template$D(data) {
 var __t, __p = '';
 __p += '<div class="box">\n  <h2>' +
 ((__t = ( I18n.t('pageflow.editor.templates.help.title') )) == null ? '' : __t) +
@@ -6822,7 +6828,7 @@ return __p
 }
 
 var HelpView = Marionette.ItemView.extend({
-  template: template$E,
+  template: template$D,
   className: 'help',
   ui: {
     placeholder: '.placeholder',
@@ -6899,7 +6905,7 @@ var PageThumbnailView = ModelThumbnailView.extend({
   className: 'model_thumbnail page_thumbnail'
 });
 
-function template$F(data) {
+function template$E(data) {
 var __t, __p = '';
 __p += '<div>\n  <span class="missing_page_thumbnail"></span>\n  <span class="page_thumbnail"></span>\n  <div class="title"></div>\n  <div class="label"></div>\n  <a class="remove" title="' +
 ((__t = ( I18n.t('pageflow.editor.templates.page_link_item.remove') )) == null ? '' : __t) +
@@ -6910,7 +6916,7 @@ return __p
 }
 
 var PageLinkItemView = Marionette.ItemView.extend({
-  template: template$F,
+  template: template$E,
   tagName: 'li',
   className: 'page_link',
   ui: {
@@ -6960,7 +6966,7 @@ var PageLinkItemView = Marionette.ItemView.extend({
   }
 });
 
-function template$G(data) {
+function template$F(data) {
 var __t, __p = '';
 __p += '<label>\n  <span class="name">' +
 ((__t = ( I18n.t('pageflow.editor.templates.page_links.label') )) == null ? '' : __t) +
@@ -6971,7 +6977,7 @@ return __p
 }
 
 var PageLinksView = Marionette.ItemView.extend({
-  template: template$G,
+  template: template$F,
   className: 'page_links',
   ui: {
     links: 'ul.links',
@@ -7007,14 +7013,14 @@ var PageLinksView = Marionette.ItemView.extend({
   }
 });
 
-function template$H(data) {
+function template$G(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$H,
+  template: template$G,
   className: 'emulation_mode_button',
   mixins: [tooltipContainer],
   ui: {
@@ -7048,7 +7054,7 @@ var EmulationModeButtonView = Marionette.ItemView.extend({
   }
 });
 
-function template$I(data) {
+function template$H(data) {
 var __t, __p = '';
 __p +=
 ((__t = ( I18n.t('pageflow.editor.templates.help_button.open_help') )) == null ? '' : __t);
@@ -7056,7 +7062,7 @@ return __p
 }
 
 var HelpButtonView = Marionette.ItemView.extend({
-  template: template$I,
+  template: template$H,
   className: 'help_button',
   events: {
     'click': function click() {
@@ -7096,7 +7102,7 @@ var InfoBoxView = Marionette.View.extend({
   }
 });
 
-function template$J(data) {
+function template$I(data) {
 var __t, __p = '';
 __p += '<span class="list_item_thumbnail"></span>\n<span class="list_item_missing_thumbnail"></span>\n<span class="list_item_type_pictogram type_pictogram"></span>\n\n<div class="list_item_title"></div>\n<div class="list_item_description"></div>\n\n<div class="list_item_buttons">\n  <a class="list_item_edit_button" title="' +
 ((__t = ( I18n.t('pageflow.editor.templates.list_item.edit') )) == null ? '' : __t) +
@@ -7107,7 +7113,7 @@ return __p
 }
 
 var ListItemView = Marionette.ItemView.extend({
-  template: template$J,
+  template: template$I,
   tagName: 'li',
   className: 'list_item',
   ui: {
@@ -7181,13 +7187,13 @@ var ListItemView = Marionette.ItemView.extend({
   }
 });
 
-function template$K(data) {
+function template$J(data) {
 var __t, __p = '';
-__p += '<div class="checking notice">\n  <p>' +
+__p += '<div class="checking notice editor">\n  <p>' +
 ((__t = ( I18n.t('pageflow.editor.templates.locked.loading') )) == null ? '' : __t) +
 '</p>\n\n  <a class="close" href="#">' +
 ((__t = ( I18n.t('pageflow.editor.templates.locked.close') )) == null ? '' : __t) +
-'</a>\n</div>\n\n<div class="error notice">\n  <div class="message"></div>\n\n  <a class="close" href="#">' +
+'</a>\n</div>\n\n<div class="error notice editor">\n  <p class="message"></p>\n\n  <a class="close" href="#">' +
 ((__t = ( I18n.t('pageflow.editor.templates.locked.close') )) == null ? '' : __t) +
 '</a>\n  <a class="break" href="#">' +
 ((__t = ( I18n.t('pageflow.editor.templates.locked.open_here') )) == null ? '' : __t) +
@@ -7196,7 +7202,7 @@ return __p
 }
 
 var LockedView = Marionette.ItemView.extend({
-  template: template$K,
+  template: template$J,
   className: 'locked checking',
   ui: {
     breakButton: '.break',
@@ -7389,7 +7395,7 @@ var LazyVideoEmbeddedView = Marionette.View.extend({
   }
 });
 
-function template$L(data) {
+function template$K(data) {
 var __t, __p = '';
 __p += '<li class="uploading"><span class="count">0</span>' +
 ((__t = ( I18n.t('pageflow.editor.templates.notification.upload_pending') )) == null ? '' : __t) +
@@ -7412,7 +7418,7 @@ return __p
 var NotificationsView = Marionette.ItemView.extend({
   className: 'notifications',
   tagName: 'ul',
-  template: template$L,
+  template: template$K,
   ui: {
     failedCount: '.failed .count',
     uploadingCount: '.uploading .count',
@@ -7499,14 +7505,7 @@ var FileProcessingStateDisplayView = Marionette.View.extend({
   }
 });
 
-function template$M(data) {
-var __p = '';
-__p += '<h2></h2>\n';
-return __p
-}
-
-var NestedFilesView = Marionette.ItemView.extend({
-  template: template$M,
+var NestedFilesView = Marionette.View.extend({
   className: 'nested_files',
   ui: {
     header: 'h2'
@@ -7525,8 +7524,7 @@ var NestedFilesView = Marionette.ItemView.extend({
     this.listenTo(this.collection, 'request', this.update);
     this.listenTo(this.collection, 'sync', this.update);
   },
-  onRender: function onRender() {
-    this.ui.header.text(this.collection.parentModel.get('file_name'));
+  render: function render() {
     this.appendSubview(new TableView({
       collection: this.collection,
       attributeTranslationKeyPrefixes: ['pageflow.editor.nested_files.' + this.options.fileType.collectionName],
@@ -7536,6 +7534,7 @@ var NestedFilesView = Marionette.ItemView.extend({
       blankSlateText: this.options.tableBlankSlateText
     }));
     this.update();
+    return this;
   },
   update: function update() {
     this.$el.toggleClass('is_empty', this.collection.length === 0);
@@ -7582,18 +7581,18 @@ var NestedFilesView = Marionette.ItemView.extend({
   }, 200)
 });
 
-function template$N(data) {
+function template$L(data) {
 var __t, __p = '';
 __p += '<div class="text_tracks_container">\n  <div class="files_upload_panel">\n    <div class="files_panel">\n    </div>\n    <a class="upload" href="">' +
 ((__t = ( I18n.t('pageflow.editor.templates.text_tracks.upload') )) == null ? '' : __t) +
-'</a>\n  </div>\n\n  <div class="selected_file_panel">\n    <h2 class="selected_file_header">' +
+'</a>\n  </div>\n\n  <div class="selected_file_panel">\n    <h2 class="selected_file_header dialog-sub_header">' +
 ((__t = ( I18n.t('pageflow.editor.templates.text_tracks.edit_file_header') )) == null ? '' : __t) +
 '</h2>\n    <div class="selected_file_region">\n    </div>\n  </div>\n</div>\n';
 return __p
 }
 
 var TextTracksView = Marionette.Layout.extend({
-  template: template$N,
+  template: template$L,
   className: 'text_tracks',
   regions: {
     selectedFileRegion: '.selected_file_region'
@@ -7631,6 +7630,7 @@ var TextTracksView = Marionette.Layout.extend({
     if (selectedFile) {
       this.selectedFileRegion.show(new EditFileView({
         model: selectedFile,
+        displayFileName: true,
         attributeTranslationKeyPrefixes: ['pageflow.editor.nested_files.text_track_files']
       }));
       this.ui.selectedFileHeader.toggle(true);
@@ -7656,7 +7656,7 @@ var TextTracksFileMetaDataItemValueView = FileMetaDataItemValueView.extend({
   }
 });
 
-function template$O(data) {
+function template$M(data) {
 var __p = '';
 __p += '<label>\n  <span class="list_label"></span>\n</label>\n\n<ul class="list_items"></ul>\n';
 return __p
@@ -7703,7 +7703,7 @@ return __p
  */
 
 var ListView = Marionette.ItemView.extend({
-  template: template$O,
+  template: template$M,
   className: 'list',
   ui: {
     label: '.list_label',
@@ -7906,6 +7906,18 @@ editor.widgetTypes.register('classic_loading_spinner', {
   })
 });
 
+editor.widgetTypes.register('consent_bar', {
+  configurationEditorView: ConfigurationEditorView.extend({
+    configure: function configure() {
+      this.tab('consent_bar', function () {
+        this.view(InfoBoxView, {
+          text: I18n$1.t('pageflow.editor.consent_bar.widget_type_info_box_text')
+        });
+      });
+    }
+  })
+});
+
 editor.widgetTypes.registerRole('cookie_notice', {
   isOptional: true
 });
@@ -8234,9 +8246,7 @@ app.addInitializer(function () {
   });
 });
 
-app.addInitializer(function ()
-/* args */
-{
+app.addInitializer(function () {
   var context = this;
   var args = arguments;