'
+ ),
+ $inputField = $inputFieldWrap.find('input');
+
+ $inputFieldWrap.find('[data-action=cancel]').on('click', (): void => {
+ $inputFieldWrap.replaceWith(this.$pageTitle);
+ this.initializePageTitleRenaming();
+ });
+
+ $inputFieldWrap.find('[data-action=submit]').on('click', (): void => {
+ const newPageTitle = $.trim($inputField.val());
+ if (newPageTitle !== '' && this.$pageTitle.text() !== newPageTitle) {
+ this.saveChanges($inputField);
+ } else {
+ $inputFieldWrap.find('[data-action=cancel]').trigger('click');
+ }
+ });
+
+ // the form stuff is a wacky workaround to prevent the submission of the docheader form
+ $inputField.parents('form').on('submit', (e: JQueryEventObject): boolean => {
+ e.preventDefault();
+ return false;
+ });
+
+ const $h1 = this.$pageTitle;
+ $h1.children().last().remove();
+ $h1.replaceWith($inputFieldWrap);
+ $inputField.val($h1.text()).focus();
+
+ $inputField.on('keyup', (e: JQueryEventObject): void => {
+ switch (e.which) {
+ case KeyTypesEnum.ENTER:
+ $inputFieldWrap.find('[data-action="submit"]').trigger('click');
+ break;
+ case KeyTypesEnum.ESCAPE:
+ $inputFieldWrap.find('[data-action="cancel"]').trigger('click');
+ break;
+ default:
+ }
+ });
+ }
+
+ /**
+ * Save the changes and reload the page tree
+ *
+ * @param {JQuery} $field
+ */
+ private saveChanges($field: JQuery): void {
+ const $inputFieldWrap = $field.parents('form');
+ $inputFieldWrap.find('button').addClass('disabled');
+ $field.attr('disabled', 'disabled');
+
+ let parameters: {[k: string]: any} = {};
+ let recordUid;
+
+ if (this.pageOverlayId > 0) {
+ recordUid = this.pageOverlayId;
+ } else {
+ recordUid = this.pageId;
+ }
+
+ parameters.data = {};
+ parameters.data.pages = {};
+ parameters.data.pages[recordUid] = {title: $field.val()};
+
+ require(['TYPO3/CMS/Backend/AjaxDataHandler'], (DataHandler: any): void => {
+ DataHandler.process(parameters).done((): void => {
+ $inputFieldWrap.find('[data-action=cancel]').trigger('click');
+ this.$pageTitle.text($field.val());
+ this.initializePageTitleRenaming();
+ top.TYPO3.Backend.NavigationContainer.PageTree.refreshTree();
+ }).fail((): void => {
+ $inputFieldWrap.find('[data-action=cancel]').trigger('click');
+ });
+ });
+ }
+
+ /**
+ * Activate New Content Element Wizard
+ */
+ private initializeNewContentElementWizard(): void {
+ $(IdentifierEnum.newButton).click((e: JQueryEventObject): void => {
+ const $me = $(e.currentTarget);
+ NewContentElement.wizard($me.data('url'), $me.data('title'));
+ });
+ }
+}
+
+export = new PageActions();
diff --git a/typo3/sysext/backend/Resources/Public/JavaScript/Enum/KeyTypes.js b/typo3/sysext/backend/Resources/Public/JavaScript/Enum/KeyTypes.js
new file mode 100644
index 000000000000..0f8ac5e169c3
--- /dev/null
+++ b/typo3/sysext/backend/Resources/Public/JavaScript/Enum/KeyTypes.js
@@ -0,0 +1,13 @@
+/*
+ * This file is part of the TYPO3 CMS project.
+ *
+ * It is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License, either version 2
+ * of the License, or any later version.
+ *
+ * For the full copyright and license information, please read the
+ * LICENSE.txt file that was distributed with this source code.
+ *
+ * The TYPO3 project - inspiring people to share!
+ */
+define(["require","exports"],function(a,b){"use strict";Object.defineProperty(b,"__esModule",{value:!0});var c;!function(a){a[a.ENTER=13]="ENTER",a[a.ESCAPE=27]="ESCAPE"}(c=b.KeyTypesEnum||(b.KeyTypesEnum={}))});
\ No newline at end of file
diff --git a/typo3/sysext/backend/Resources/Public/JavaScript/PageActions.js b/typo3/sysext/backend/Resources/Public/JavaScript/PageActions.js
index d89a014c954d..f53a7ae93bc9 100644
--- a/typo3/sysext/backend/Resources/Public/JavaScript/PageActions.js
+++ b/typo3/sysext/backend/Resources/Public/JavaScript/PageActions.js
@@ -10,232 +10,4 @@
*
* The TYPO3 project - inspiring people to share!
*/
-
-/**
- * Module: TYPO3/CMS/Backend/PageActions
- * JavaScript implementations for page actions
- */
-define(['jquery', 'TYPO3/CMS/Backend/Storage/Persistent', 'TYPO3/CMS/Backend/Wizard/NewContentElement'], function($, PersistentStorage, NewContentElement) {
- 'use strict';
-
- /**
- *
- * @type {{settings: {pageId: number, language: {pageOverlayId: number}}, identifier: {pageTitle: string, hiddenElements: string}, elements: {$pageTitle: null, $showHiddenElementsCheckbox: null}, documentIsReady: boolean}}
- * @exports TYPO3/CMS/Backend/PageActions
- */
- var PageActions = {
- settings: {
- pageId: 0,
- language: {
- pageOverlayId: 0
- }
- },
- identifier: {
- pageTitle: '.t3js-title-inlineedit',
- hiddenElements: '.t3js-hidden-record',
- newButton: '.t3js-toggle-new-content-element-wizard'
- },
- elements: {
- $pageTitle: null,
- $showHiddenElementsCheckbox: null
- },
- documentIsReady: false
- };
-
- /**
- * Initialize page title renaming
- */
- PageActions.initializePageTitleRenaming = function() {
- if (!PageActions.documentIsReady) {
- $(function() {
- PageActions.initializePageTitleRenaming();
- });
- return;
- }
- if (PageActions.settings.pageId <= 0) {
- return;
- }
-
- var $editActionLink = $('