diff options
| author | Charles Cabergs <me@cacharle.xyz> | 2020-07-27 10:05:23 +0200 |
|---|---|---|
| committer | Charles Cabergs <me@cacharle.xyz> | 2020-07-27 10:05:23 +0200 |
| commit | 5bf66662a9bdd62c5bccab15e607cd95cfb8fcab (patch) | |
| tree | 39a1a4629749056191c05dfd899f931701b7acf3 /srcs/wordpress/wp-admin/js/editor-expand.js | |
| parent | 5afd237bbd22028b85532b8c0b3fcead49a00764 (diff) | |
| download | ft_server-master.tar.gz ft_server-master.tar.bz2 ft_server-master.zip | |
Removed wordpress and phpmyadmin, my server doesn't handle it well and it brings shame on my famillyHEADmaster
Diffstat (limited to 'srcs/wordpress/wp-admin/js/editor-expand.js')
| -rw-r--r-- | srcs/wordpress/wp-admin/js/editor-expand.js | 1616 |
1 files changed, 0 insertions, 1616 deletions
diff --git a/srcs/wordpress/wp-admin/js/editor-expand.js b/srcs/wordpress/wp-admin/js/editor-expand.js deleted file mode 100644 index 030193a..0000000 --- a/srcs/wordpress/wp-admin/js/editor-expand.js +++ /dev/null @@ -1,1616 +0,0 @@ -/** - * @output wp-admin/js/editor-expand.js - */ - -( function( window, $, undefined ) { - 'use strict'; - - var $window = $( window ), - $document = $( document ), - $adminBar = $( '#wpadminbar' ), - $footer = $( '#wpfooter' ); - - /** - * Handles the resizing of the editor. - * - * @since 4.0.0 - * - * @returns {void} - */ - $( function() { - var $wrap = $( '#postdivrich' ), - $contentWrap = $( '#wp-content-wrap' ), - $tools = $( '#wp-content-editor-tools' ), - $visualTop = $(), - $visualEditor = $(), - $textTop = $( '#ed_toolbar' ), - $textEditor = $( '#content' ), - textEditor = $textEditor[0], - oldTextLength = 0, - $bottom = $( '#post-status-info' ), - $menuBar = $(), - $statusBar = $(), - $sideSortables = $( '#side-sortables' ), - $postboxContainer = $( '#postbox-container-1' ), - $postBody = $('#post-body'), - fullscreen = window.wp.editor && window.wp.editor.fullscreen, - mceEditor, - mceBind = function(){}, - mceUnbind = function(){}, - fixedTop = false, - fixedBottom = false, - fixedSideTop = false, - fixedSideBottom = false, - scrollTimer, - lastScrollPosition = 0, - pageYOffsetAtTop = 130, - pinnedToolsTop = 56, - sidebarBottom = 20, - autoresizeMinHeight = 300, - initialMode = $contentWrap.hasClass( 'tmce-active' ) ? 'tinymce' : 'html', - advanced = !! parseInt( window.getUserSetting( 'hidetb' ), 10 ), - // These are corrected when adjust() runs, except on scrolling if already set. - heights = { - windowHeight: 0, - windowWidth: 0, - adminBarHeight: 0, - toolsHeight: 0, - menuBarHeight: 0, - visualTopHeight: 0, - textTopHeight: 0, - bottomHeight: 0, - statusBarHeight: 0, - sideSortablesHeight: 0 - }; - - /** - * Resizes textarea based on scroll height and width. - * - * Doesn't shrink the editor size below the 300px auto resize minimum height. - * - * @since 4.6.1 - * - * @returns {void} - */ - var shrinkTextarea = window._.throttle( function() { - var x = window.scrollX || document.documentElement.scrollLeft; - var y = window.scrollY || document.documentElement.scrollTop; - var height = parseInt( textEditor.style.height, 10 ); - - textEditor.style.height = autoresizeMinHeight + 'px'; - - if ( textEditor.scrollHeight > autoresizeMinHeight ) { - textEditor.style.height = textEditor.scrollHeight + 'px'; - } - - if ( typeof x !== 'undefined' ) { - window.scrollTo( x, y ); - } - - if ( textEditor.scrollHeight < height ) { - adjust(); - } - }, 300 ); - - /** - * Resizes the text editor depending on the old text length. - * - * If there is an mceEditor and it is hidden, it resizes the editor depending - * on the old text length. If the current length of the text is smaller than - * the old text length, it shrinks the text area. Otherwise it resizes the editor to - * the scroll height. - * - * @since 4.6.1 - * - * @returns {void} - */ - function textEditorResize() { - var length = textEditor.value.length; - - if ( mceEditor && ! mceEditor.isHidden() ) { - return; - } - - if ( ! mceEditor && initialMode === 'tinymce' ) { - return; - } - - if ( length < oldTextLength ) { - shrinkTextarea(); - } else if ( parseInt( textEditor.style.height, 10 ) < textEditor.scrollHeight ) { - textEditor.style.height = Math.ceil( textEditor.scrollHeight ) + 'px'; - adjust(); - } - - oldTextLength = length; - } - - /** - * Gets the height and widths of elements. - * - * Gets the heights of the window, the adminbar, the tools, the menu, - * the visualTop, the textTop, the bottom, the statusbar and sideSortables - * and stores these in the heights object. Defaults to 0. - * Gets the width of the window and stores this in the heights object. - * - * @since 4.0.0 - * - * @returns {void} - */ - function getHeights() { - var windowWidth = $window.width(); - - heights = { - windowHeight: $window.height(), - windowWidth: windowWidth, - adminBarHeight: ( windowWidth > 600 ? $adminBar.outerHeight() : 0 ), - toolsHeight: $tools.outerHeight() || 0, - menuBarHeight: $menuBar.outerHeight() || 0, - visualTopHeight: $visualTop.outerHeight() || 0, - textTopHeight: $textTop.outerHeight() || 0, - bottomHeight: $bottom.outerHeight() || 0, - statusBarHeight: $statusBar.outerHeight() || 0, - sideSortablesHeight: $sideSortables.height() || 0 - }; - - // Adjust for hidden menubar. - if ( heights.menuBarHeight < 3 ) { - heights.menuBarHeight = 0; - } - } - - // We need to wait for TinyMCE to initialize. - /** - * Binds all necessary functions for editor expand to the editor when the editor - * is initialized. - * - * @since 4.0.0 - * - * @param {event} event The TinyMCE editor init event. - * @param {object} editor The editor to bind the vents on. - * - * @returns {void} - */ - $document.on( 'tinymce-editor-init.editor-expand', function( event, editor ) { - // VK contains the type of key pressed. VK = virtual keyboard. - var VK = window.tinymce.util.VK, - /** - * Hides any float panel with a hover state. Additionally hides tooltips. - * - * @returns {void} - */ - hideFloatPanels = _.debounce( function() { - ! $( '.mce-floatpanel:hover' ).length && window.tinymce.ui.FloatPanel.hideAll(); - $( '.mce-tooltip' ).hide(); - }, 1000, true ); - - // Make sure it's the main editor. - if ( editor.id !== 'content' ) { - return; - } - - // Copy the editor instance. - mceEditor = editor; - - // Set the minimum height to the initial viewport height. - editor.settings.autoresize_min_height = autoresizeMinHeight; - - // Get the necessary UI elements. - $visualTop = $contentWrap.find( '.mce-toolbar-grp' ); - $visualEditor = $contentWrap.find( '.mce-edit-area' ); - $statusBar = $contentWrap.find( '.mce-statusbar' ); - $menuBar = $contentWrap.find( '.mce-menubar' ); - - /** - * Gets the offset of the editor. - * - * @returns {Number|Boolean} Returns the offset of the editor - * or false if there is no offset height. - */ - function mceGetCursorOffset() { - var node = editor.selection.getNode(), - range, view, offset; - - /* - * If editor.wp.getView and the selection node from the editor selection - * are defined, use this as a view for the offset. - */ - if ( editor.wp && editor.wp.getView && ( view = editor.wp.getView( node ) ) ) { - offset = view.getBoundingClientRect(); - } else { - range = editor.selection.getRng(); - - // Try to get the offset from a range. - try { - offset = range.getClientRects()[0]; - } catch( er ) {} - - // Get the offset from the bounding client rectangle of the node. - if ( ! offset ) { - offset = node.getBoundingClientRect(); - } - } - - return offset.height ? offset : false; - } - - /** - * Filters the special keys that should not be used for scrolling. - * - * @since 4.0.0 - * - * @param {event} event The event to get the key code from. - * - * @returns {void} - */ - function mceKeyup( event ) { - var key = event.keyCode; - - // Bail on special keys. Key code 47 is a / - if ( key <= 47 && ! ( key === VK.SPACEBAR || key === VK.ENTER || key === VK.DELETE || key === VK.BACKSPACE || key === VK.UP || key === VK.LEFT || key === VK.DOWN || key === VK.UP ) ) { - return; - // OS keys, function keys, num lock, scroll lock. Key code 91-93 are OS keys. Key code 112-123 are F1 to F12. Key code 144 is num lock. Key code 145 is scroll lock. - } else if ( ( key >= 91 && key <= 93 ) || ( key >= 112 && key <= 123 ) || key === 144 || key === 145 ) { - return; - } - - mceScroll( key ); - } - - /** - * Makes sure the cursor is always visible in the editor. - * - * Makes sure the cursor is kept between the toolbars of the editor and scrolls - * the window when the cursor moves out of the viewport to a wpview. - * Setting a buffer > 0 will prevent the browser default. - * Some browsers will scroll to the middle, - * others to the top/bottom of the *window* when moving the cursor out of the viewport. - * - * @since 4.1.0 - * - * @param {string} key The key code of the pressed key. - * - * @returns {void} - */ - function mceScroll( key ) { - var offset = mceGetCursorOffset(), - buffer = 50, - cursorTop, cursorBottom, editorTop, editorBottom; - - // Don't scroll if there is no offset. - if ( ! offset ) { - return; - } - - // Determine the cursorTop based on the offset and the top of the editor iframe. - cursorTop = offset.top + editor.iframeElement.getBoundingClientRect().top; - - // Determine the cursorBottom based on the cursorTop and offset height. - cursorBottom = cursorTop + offset.height; - - // Subtract the buffer from the cursorTop. - cursorTop = cursorTop - buffer; - - // Add the buffer to the cursorBottom. - cursorBottom = cursorBottom + buffer; - editorTop = heights.adminBarHeight + heights.toolsHeight + heights.menuBarHeight + heights.visualTopHeight; - - /* - * Set the editorBottom based on the window Height, and add the bottomHeight and statusBarHeight if the - * advanced editor is enabled. - */ - editorBottom = heights.windowHeight - ( advanced ? heights.bottomHeight + heights.statusBarHeight : 0 ); - - // Don't scroll if the node is taller than the visible part of the editor. - if ( editorBottom - editorTop < offset.height ) { - return; - } - - /* - * If the cursorTop is smaller than the editorTop and the up, left - * or backspace key is pressed, scroll the editor to the position defined - * by the cursorTop, pageYOffset and editorTop. - */ - if ( cursorTop < editorTop && ( key === VK.UP || key === VK.LEFT || key === VK.BACKSPACE ) ) { - window.scrollTo( window.pageXOffset, cursorTop + window.pageYOffset - editorTop ); - - /* - * If any other key is pressed or the cursorTop is bigger than the editorTop, - * scroll the editor to the position defined by the cursorBottom, - * pageYOffset and editorBottom. - */ - } else if ( cursorBottom > editorBottom ) { - window.scrollTo( window.pageXOffset, cursorBottom + window.pageYOffset - editorBottom ); - } - } - - /** - * If the editor is fullscreen, calls adjust. - * - * @since 4.1.0 - * - * @param {event} event The FullscreenStateChanged event. - * - * @returns {void} - */ - function mceFullscreenToggled( event ) { - // event.state is true if the editor is fullscreen. - if ( ! event.state ) { - adjust(); - } - } - - /** - * Shows the editor when scrolled. - * - * Binds the hideFloatPanels function on the window scroll.mce-float-panels event. - * Executes the wpAutoResize on the active editor. - * - * @since 4.0.0 - * - * @returns {void} - */ - function mceShow() { - $window.on( 'scroll.mce-float-panels', hideFloatPanels ); - - setTimeout( function() { - editor.execCommand( 'wpAutoResize' ); - adjust(); - }, 300 ); - } - - /** - * Resizes the editor. - * - * Removes all functions from the window scroll.mce-float-panels event. - * Resizes the text editor and scrolls to a position based on the pageXOffset and adminBarHeight. - * - * @since 4.0.0 - * - * @returns {void} - */ - function mceHide() { - $window.off( 'scroll.mce-float-panels' ); - - setTimeout( function() { - var top = $contentWrap.offset().top; - - if ( window.pageYOffset > top ) { - window.scrollTo( window.pageXOffset, top - heights.adminBarHeight ); - } - - textEditorResize(); - adjust(); - }, 100 ); - - adjust(); - } - - /** - * Toggles advanced states. - * - * @since 4.1.0 - * - * @returns {void} - */ - function toggleAdvanced() { - advanced = ! advanced; - } - - /** - * Binds events of the editor and window. - * - * @since 4.0.0 - * - * @returns {void} - */ - mceBind = function() { - editor.on( 'keyup', mceKeyup ); - editor.on( 'show', mceShow ); - editor.on( 'hide', mceHide ); - editor.on( 'wp-toolbar-toggle', toggleAdvanced ); - - // Adjust when the editor resizes. - editor.on( 'setcontent wp-autoresize wp-toolbar-toggle', adjust ); - - // Don't hide the caret after undo/redo. - editor.on( 'undo redo', mceScroll ); - - // Adjust when exiting TinyMCE's fullscreen mode. - editor.on( 'FullscreenStateChanged', mceFullscreenToggled ); - - $window.off( 'scroll.mce-float-panels' ).on( 'scroll.mce-float-panels', hideFloatPanels ); - }; - - /** - * Unbinds the events of the editor and window. - * - * @since 4.0.0 - * - * @returns {void} - */ - mceUnbind = function() { - editor.off( 'keyup', mceKeyup ); - editor.off( 'show', mceShow ); - editor.off( 'hide', mceHide ); - editor.off( 'wp-toolbar-toggle', toggleAdvanced ); - editor.off( 'setcontent wp-autoresize wp-toolbar-toggle', adjust ); - editor.off( 'undo redo', mceScroll ); - editor.off( 'FullscreenStateChanged', mceFullscreenToggled ); - - $window.off( 'scroll.mce-float-panels' ); - }; - - if ( $wrap.hasClass( 'wp-editor-expand' ) ) { - - // Adjust "immediately". - mceBind(); - initialResize( adjust ); - } - } ); - - /** - * Adjusts the toolbars heights and positions. - * - * Adjusts the toolbars heights and positions based on the scroll position on - * the page, the active editor mode and the heights of the editor, admin bar and - * side bar. - * - * @since 4.0.0 - * - * @param {event} event The event that calls this function. - * - * @returns {void} - */ - function adjust( event ) { - - // Makes sure we're not in fullscreen mode. - if ( fullscreen && fullscreen.settings.visible ) { - return; - } - - var windowPos = $window.scrollTop(), - type = event && event.type, - resize = type !== 'scroll', - visual = mceEditor && ! mceEditor.isHidden(), - buffer = autoresizeMinHeight, - postBodyTop = $postBody.offset().top, - borderWidth = 1, - contentWrapWidth = $contentWrap.width(), - $top, $editor, sidebarTop, footerTop, canPin, - topPos, topHeight, editorPos, editorHeight; - - /* - * Refresh the heights if type isn't 'scroll' - * or heights.windowHeight isn't set. - */ - if ( resize || ! heights.windowHeight ) { - getHeights(); - } - - // Resize on resize event when the editor is in text mode. - if ( ! visual && type === 'resize' ) { - textEditorResize(); - } - - if ( visual ) { - $top = $visualTop; - $editor = $visualEditor; - topHeight = heights.visualTopHeight; - } else { - $top = $textTop; - $editor = $textEditor; - topHeight = heights.textTopHeight; - } - - // Return if TinyMCE is still initializing. - if ( ! visual && ! $top.length ) { - return; - } - - topPos = $top.parent().offset().top; - editorPos = $editor.offset().top; - editorHeight = $editor.outerHeight(); - - /* - * If in visual mode, checks if the editorHeight is greater than the autoresizeMinHeight + topHeight. - * If not in visual mode, checks if the editorHeight is greater than the autoresizeMinHeight + 20. - */ - canPin = visual ? autoresizeMinHeight + topHeight : autoresizeMinHeight + 20; // 20px from textarea padding - canPin = editorHeight > ( canPin + 5 ); - - if ( ! canPin ) { - if ( resize ) { - $tools.css( { - position: 'absolute', - top: 0, - width: contentWrapWidth - } ); - - if ( visual && $menuBar.length ) { - $menuBar.css( { - position: 'absolute', - top: 0, - width: contentWrapWidth - ( borderWidth * 2 ) - } ); - } - - $top.css( { - position: 'absolute', - top: heights.menuBarHeight, - width: contentWrapWidth - ( borderWidth * 2 ) - ( visual ? 0 : ( $top.outerWidth() - $top.width() ) ) - } ); - - $statusBar.attr( 'style', advanced ? '' : 'visibility: hidden;' ); - $bottom.attr( 'style', '' ); - } - } else { - // Check if the top is not already in a fixed position. - if ( ( ! fixedTop || resize ) && - ( windowPos >= ( topPos - heights.toolsHeight - heights.adminBarHeight ) && - windowPos <= ( topPos - heights.toolsHeight - heights.adminBarHeight + editorHeight - buffer ) ) ) { - fixedTop = true; - - $tools.css( { - position: 'fixed', - top: heights.adminBarHeight, - width: contentWrapWidth - } ); - - if ( visual && $menuBar.length ) { - $menuBar.css( { - position: 'fixed', - top: heights.adminBarHeight + heights.toolsHeight, - width: contentWrapWidth - ( borderWidth * 2 ) - ( visual ? 0 : ( $top.outerWidth() - $top.width() ) ) - } ); - } - - $top.css( { - position: 'fixed', - top: heights.adminBarHeight + heights.toolsHeight + heights.menuBarHeight, - width: contentWrapWidth - ( borderWidth * 2 ) - ( visual ? 0 : ( $top.outerWidth() - $top.width() ) ) - } ); - // Check if the top is already in a fixed position. - } else if ( fixedTop || resize ) { - if ( windowPos <= ( topPos - heights.toolsHeight - heights.adminBarHeight ) ) { - fixedTop = false; - - $tools.css( { - position: 'absolute', - top: 0, - width: contentWrapWidth - } ); - - if ( visual && $menuBar.length ) { - $menuBar.css( { - position: 'absolute', - top: 0, - width: contentWrapWidth - ( borderWidth * 2 ) - } ); - } - - $top.css( { - position: 'absolute', - top: heights.menuBarHeight, - width: contentWrapWidth - ( borderWidth * 2 ) - ( visual ? 0 : ( $top.outerWidth() - $top.width() ) ) - } ); - } else if ( windowPos >= ( topPos - heights.toolsHeight - heights.adminBarHeight + editorHeight - buffer ) ) { - fixedTop = false; - - $tools.css( { - position: 'absolute', - top: editorHeight - buffer, - width: contentWrapWidth - } ); - - if ( visual && $menuBar.length ) { - $menuBar.css( { - position: 'absolute', - top: editorHeight - buffer, - width: contentWrapWidth - ( borderWidth * 2 ) - } ); - } - - $top.css( { - position: 'absolute', - top: editorHeight - buffer + heights.menuBarHeight, - width: contentWrapWidth - ( borderWidth * 2 ) - ( visual ? 0 : ( $top.outerWidth() - $top.width() ) ) - } ); - } - } - - // Check if the bottom is not already in a fixed position. - if ( ( ! fixedBottom || ( resize && advanced ) ) && - // Add borderWidth for the border around the .wp-editor-container. - ( windowPos + heights.windowHeight ) <= ( editorPos + editorHeight + heights.bottomHeight + heights.statusBarHeight + borderWidth ) ) { - - if ( event && event.deltaHeight > 0 && event.deltaHeight < 100 ) { - window.scrollBy( 0, event.deltaHeight ); - } else if ( visual && advanced ) { - fixedBottom = true; - - $statusBar.css( { - position: 'fixed', - bottom: heights.bottomHeight, - visibility: '', - width: contentWrapWidth - ( borderWidth * 2 ) - } ); - - $bottom.css( { - position: 'fixed', - bottom: 0, - width: contentWrapWidth - } ); - } - } else if ( ( ! advanced && fixedBottom ) || - ( ( fixedBottom || resize ) && - ( windowPos + heights.windowHeight ) > ( editorPos + editorHeight + heights.bottomHeight + heights.statusBarHeight - borderWidth ) ) ) { - fixedBottom = false; - - $statusBar.attr( 'style', advanced ? '' : 'visibility: hidden;' ); - $bottom.attr( 'style', '' ); - } - } - - // The postbox container is positioned with @media from CSS. Ensure it is pinned on the side. - if ( $postboxContainer.width() < 300 && heights.windowWidth > 600 && - - // Check if the sidebar is not taller than the document height. - $document.height() > ( $sideSortables.height() + postBodyTop + 120 ) && - - // Check if the editor is taller than the viewport. - heights.windowHeight < editorHeight ) { - - if ( ( heights.sideSortablesHeight + pinnedToolsTop + sidebarBottom ) > heights.windowHeight || fixedSideTop || fixedSideBottom ) { - - // Reset the sideSortables style when scrolling to the top. - if ( windowPos + pinnedToolsTop <= postBodyTop ) { - $sideSortables.attr( 'style', '' ); - fixedSideTop = fixedSideBottom = false; - } else { - - // When scrolling down. - if ( windowPos > lastScrollPosition ) { - if ( fixedSideTop ) { - - // Let it scroll. - fixedSideTop = false; - sidebarTop = $sideSortables.offset().top - heights.adminBarHeight; - footerTop = $footer.offset().top; - - // Don't get over the footer. - if ( footerTop < sidebarTop + heights.sideSortablesHeight + sidebarBottom ) { - sidebarTop = footerTop - heights.sideSortablesHeight - 12; - } - - $sideSortables.css({ - position: 'absolute', - top: sidebarTop, - bottom: '' - }); - } else if ( ! fixedSideBottom && heights.sideSortablesHeight + $sideSortables.offset().top + sidebarBottom < windowPos + heights.windowHeight ) { - // Pin the bottom. - fixedSideBottom = true; - - $sideSortables.css({ - position: 'fixed', - top: 'auto', - bottom: sidebarBottom - }); - } - - // When scrolling up. - } else if ( windowPos < lastScrollPosition ) { - if ( fixedSideBottom ) { - // Let it scroll. - fixedSideBottom = false; - sidebarTop = $sideSortables.offset().top - sidebarBottom; - footerTop = $footer.offset().top; - - // Don't get over the footer. - if ( footerTop < sidebarTop + heights.sideSortablesHeight + sidebarBottom ) { - sidebarTop = footerTop - heights.sideSortablesHeight - 12; - } - - $sideSortables.css({ - position: 'absolute', - top: sidebarTop, - bottom: '' - }); - } else if ( ! fixedSideTop && $sideSortables.offset().top >= windowPos + pinnedToolsTop ) { - // Pin the top. - fixedSideTop = true; - - $sideSortables.css({ - position: 'fixed', - top: pinnedToolsTop, - bottom: '' - }); - } - } - } - } else { - // If the sidebar container is smaller than the viewport, then pin/unpin the top when scrolling. - if ( windowPos >= ( postBodyTop - pinnedToolsTop ) ) { - - $sideSortables.css( { - position: 'fixed', - top: pinnedToolsTop - } ); - } else { - $sideSortables.attr( 'style', '' ); - } - - fixedSideTop = fixedSideBottom = false; - } - - lastScrollPosition = windowPos; - } else { - $sideSortables.attr( 'style', '' ); - fixedSideTop = fixedSideBottom = false; - } - - if ( resize ) { - $contentWrap.css( { - paddingTop: heights.toolsHeight - } ); - - if ( visual ) { - $visualEditor.css( { - paddingTop: heights.visualTopHeight + heights.menuBarHeight - } ); - } else { - $textEditor.css( { - marginTop: heights.textTopHeight - } ); - } - } - } - - /** - * Resizes the editor and adjusts the toolbars. - * - * @since 4.0.0 - * - * @returns {void} - */ - function fullscreenHide() { - textEditorResize(); - adjust(); - } - - /** - * Runs the passed function with 500ms intervals. - * - * @since 4.0.0 - * - * @param {function} callback The function to run in the timeout. - * - * @returns {void} - */ - function initialResize( callback ) { - for ( var i = 1; i < 6; i++ ) { - setTimeout( callback, 500 * i ); - } - } - - /** - * Runs adjust after 100ms. - * - * @since 4.0.0 - * - * @returns {void} - */ - function afterScroll() { - clearTimeout( scrollTimer ); - scrollTimer = setTimeout( adjust, 100 ); - } - - /** - * Binds editor expand events on elements. - * - * @since 4.0.0 - * - * @returns {void} - */ - function on() { - /* - * Scroll to the top when triggering this from JS. - * Ensure the toolbars are pinned properly. - */ - if ( window.pageYOffset && window.pageYOffset > pageYOffsetAtTop ) { - window.scrollTo( window.pageXOffset, 0 ); - } - - $wrap.addClass( 'wp-editor-expand' ); - - // Adjust when the window is scrolled or resized. - $window.on( 'scroll.editor-expand resize.editor-expand', function( event ) { - adjust( event.type ); - afterScroll(); - } ); - - /* - * Adjust when collapsing the menu, changing the columns - * or changing the body class. - */ - $document.on( 'wp-collapse-menu.editor-expand postboxes-columnchange.editor-expand editor-classchange.editor-expand', adjust ) - .on( 'postbox-toggled.editor-expand postbox-moved.editor-expand', function() { - if ( ! fixedSideTop && ! fixedSideBottom && window.pageYOffset > pinnedToolsTop ) { - fixedSideBottom = true; - window.scrollBy( 0, -1 ); - adjust(); - window.scrollBy( 0, 1 ); - } - - adjust(); - }).on( 'wp-window-resized.editor-expand', function() { - if ( mceEditor && ! mceEditor.isHidden() ) { - mceEditor.execCommand( 'wpAutoResize' ); - } else { - textEditorResize(); - } - }); - - $textEditor.on( 'focus.editor-expand input.editor-expand propertychange.editor-expand', textEditorResize ); - mceBind(); - - // Adjust when entering or exiting fullscreen mode. - fullscreen && fullscreen.pubsub.subscribe( 'hidden', fullscreenHide ); - - if ( mceEditor ) { - mceEditor.settings.wp_autoresize_on = true; - mceEditor.execCommand( 'wpAutoResizeOn' ); - - if ( ! mceEditor.isHidden() ) { - mceEditor.execCommand( 'wpAutoResize' ); - } - } - - if ( ! mceEditor || mceEditor.isHidden() ) { - textEditorResize(); - } - - adjust(); - - $document.trigger( 'editor-expand-on' ); - } - - /** - * Unbinds editor expand events. - * - * @since 4.0.0 - * - * @returns {void} - */ - function off() { - var height = parseInt( window.getUserSetting( 'ed_size', 300 ), 10 ); - - if ( height < 50 ) { - height = 50; - } else if ( height > 5000 ) { - height = 5000; - } - - /* - * Scroll to the top when triggering this from JS. - * Ensure the toolbars are reset properly. - */ - if ( window.pageYOffset && window.pageYOffset > pageYOffsetAtTop ) { - window.scrollTo( window.pageXOffset, 0 ); - } - - $wrap.removeClass( 'wp-editor-expand' ); - - $window.off( '.editor-expand' ); - $document.off( '.editor-expand' ); - $textEditor.off( '.editor-expand' ); - mceUnbind(); - - // Adjust when entering or exiting fullscreen mode. - fullscreen && fullscreen.pubsub.unsubscribe( 'hidden', fullscreenHide ); - - // Reset all css - $.each( [ $visualTop, $textTop, $tools, $menuBar, $bottom, $statusBar, $contentWrap, $visualEditor, $textEditor, $sideSortables ], function( i, element ) { - element && element.attr( 'style', '' ); - }); - - fixedTop = fixedBottom = fixedSideTop = fixedSideBottom = false; - - if ( mceEditor ) { - mceEditor.settings.wp_autoresize_on = false; - mceEditor.execCommand( 'wpAutoResizeOff' ); - - if ( ! mceEditor.isHidden() ) { - $textEditor.hide(); - - if ( height ) { - mceEditor.theme.resizeTo( null, height ); - } - } - } - - // If there is a height found in the user setting. - if ( height ) { - $textEditor.height( height ); - } - - $document.trigger( 'editor-expand-off' ); - } - - // Start on load. - if ( $wrap.hasClass( 'wp-editor-expand' ) ) { - on(); - - // Resize just after CSS has fully loaded and QuickTags is ready. - if ( $contentWrap.hasClass( 'html-active' ) ) { - initialResize( function() { - adjust(); - textEditorResize(); - } ); - } - } - - // Show the on/off checkbox. - $( '#adv-settings .editor-expand' ).show(); - $( '#editor-expand-toggle' ).on( 'change.editor-expand', function() { - if ( $(this).prop( 'checked' ) ) { - on(); - window.setUserSetting( 'editor_expand', 'on' ); - } else { - off(); - window.setUserSetting( 'editor_expand', 'off' ); - } - }); - - // Expose on() and off(). - window.editorExpand = { - on: on, - off: off - }; - } ); - - /** - * Handles the distraction free writing of TinyMCE. - * - * @since 4.1.0 - * - * @returns {void} - */ - $( function() { - var $body = $( document.body ), - $wrap = $( '#wpcontent' ), - $editor = $( '#post-body-content' ), - $title = $( '#title' ), - $content = $( '#content' ), - $overlay = $( document.createElement( 'DIV' ) ), - $slug = $( '#edit-slug-box' ), - $slugFocusEl = $slug.find( 'a' ) - .add( $slug.find( 'button' ) ) - .add( $slug.find( 'input' ) ), - $menuWrap = $( '#adminmenuwrap' ), - $editorWindow = $(), - $editorIframe = $(), - _isActive = window.getUserSetting( 'editor_expand', 'on' ) === 'on', - _isOn = _isActive ? window.getUserSetting( 'post_dfw' ) === 'on' : false, - traveledX = 0, - traveledY = 0, - buffer = 20, - faded, fadedAdminBar, fadedSlug, - editorRect, x, y, mouseY, scrollY, - focusLostTimer, overlayTimer, editorHasFocus; - - $body.append( $overlay ); - - $overlay.css( { - display: 'none', - position: 'fixed', - top: $adminBar.height(), - right: 0, - bottom: 0, - left: 0, - 'z-index': 9997 - } ); - - $editor.css( { - position: 'relative' - } ); - - $window.on( 'mousemove.focus', function( event ) { - mouseY = event.pageY; - } ); - - /** - * Recalculates the bottom and right position of the editor in the DOM. - * - * @since 4.1.0 - * - * @returns {void} - */ - function recalcEditorRect() { - editorRect = $editor.offset(); - editorRect.right = editorRect.left + $editor.outerWidth(); - editorRect.bottom = editorRect.top + $editor.outerHeight(); - } - - /** - * Activates the distraction free writing mode. - * - * @since 4.1.0 - * - * @returns {void} - */ - function activate() { - if ( ! _isActive ) { - _isActive = true; - - $document.trigger( 'dfw-activate' ); - $content.on( 'keydown.focus-shortcut', toggleViaKeyboard ); - } - } - - /** - * Deactivates the distraction free writing mode. - * - * @since 4.1.0 - * - * @returns {void} - */ - function deactivate() { - if ( _isActive ) { - off(); - - _isActive = false; - - $document.trigger( 'dfw-deactivate' ); - $content.off( 'keydown.focus-shortcut' ); - } - } - - /** - * Returns _isActive. - * - * @since 4.1.0 - * - * @returns {boolean} Returns true is _isActive is true. - */ - function isActive() { - return _isActive; - } - - /** - * Binds events on the editor for distraction free writing. - * - * @since 4.1.0 - * - * @returns {void} - */ - function on() { - if ( ! _isOn && _isActive ) { - _isOn = true; - - $content.on( 'keydown.focus', fadeOut ); - - $title.add( $content ).on( 'blur.focus', maybeFadeIn ); - - fadeOut(); - - window.setUserSetting( 'post_dfw', 'on' ); - - $document.trigger( 'dfw-on' ); - } - } - - /** - * Unbinds events on the editor for distraction free writing. - * - * @since 4.1.0 - * - * @returns {void} - */ - function off() { - if ( _isOn ) { - _isOn = false; - - $title.add( $content ).off( '.focus' ); - - fadeIn(); - - $editor.off( '.focus' ); - - window.setUserSetting( 'post_dfw', 'off' ); - - $document.trigger( 'dfw-off' ); - } - } - - /** - * Binds or unbinds the editor expand events. - * - * @since 4.1.0 - * - * @returns {void} - */ - function toggle() { - if ( _isOn ) { - off(); - } else { - on(); - } - } - - /** - * Returns the value of _isOn. - * - * @since 4.1.0 - * - * @returns {boolean} Returns true if _isOn is true. - */ - function isOn() { - return _isOn; - } - - /** - * Fades out all elements except for the editor. - * - * The fading is done based on key presses and mouse movements. - * Also calls the fadeIn on certain key presses - * or if the mouse leaves the editor. |
