summaryrefslogtreecommitdiffstats
path: root/wp-admin/js/media-upload.js
diff options
context:
space:
mode:
Diffstat (limited to 'wp-admin/js/media-upload.js')
-rw-r--r--wp-admin/js/media-upload.js113
1 files changed, 113 insertions, 0 deletions
diff --git a/wp-admin/js/media-upload.js b/wp-admin/js/media-upload.js
new file mode 100644
index 0000000..fb62046
--- /dev/null
+++ b/wp-admin/js/media-upload.js
@@ -0,0 +1,113 @@
+/**
+ * Contains global functions for the media upload within the post edit screen.
+ *
+ * Updates the ThickBox anchor href and the ThickBox's own properties in order
+ * to set the size and position on every resize event. Also adds a function to
+ * send HTML or text to the currently active editor.
+ *
+ * @file
+ * @since 2.5.0
+ * @output wp-admin/js/media-upload.js
+ *
+ * @requires jQuery
+ */
+
+/* global tinymce, QTags, wpActiveEditor, tb_position */
+
+/**
+ * Sends the HTML passed in the parameters to TinyMCE.
+ *
+ * @since 2.5.0
+ *
+ * @global
+ *
+ * @param {string} html The HTML to be sent to the editor.
+ * @return {void|boolean} Returns false when both TinyMCE and QTags instances
+ * are unavailable. This means that the HTML was not
+ * sent to the editor.
+ */
+window.send_to_editor = function( html ) {
+ var editor,
+ hasTinymce = typeof tinymce !== 'undefined',
+ hasQuicktags = typeof QTags !== 'undefined';
+
+ // If no active editor is set, try to set it.
+ if ( ! wpActiveEditor ) {
+ if ( hasTinymce && tinymce.activeEditor ) {
+ editor = tinymce.activeEditor;
+ window.wpActiveEditor = editor.id;
+ } else if ( ! hasQuicktags ) {
+ return false;
+ }
+ } else if ( hasTinymce ) {
+ editor = tinymce.get( wpActiveEditor );
+ }
+
+ // If the editor is set and not hidden,
+ // insert the HTML into the content of the editor.
+ if ( editor && ! editor.isHidden() ) {
+ editor.execCommand( 'mceInsertContent', false, html );
+ } else if ( hasQuicktags ) {
+ // If quick tags are available, insert the HTML into its content.
+ QTags.insertContent( html );
+ } else {
+ // If neither the TinyMCE editor and the quick tags are available,
+ // add the HTML to the current active editor.
+ document.getElementById( wpActiveEditor ).value += html;
+ }
+
+ // If the old thickbox remove function exists, call it.
+ if ( window.tb_remove ) {
+ try { window.tb_remove(); } catch( e ) {}
+ }
+};
+
+(function($) {
+ /**
+ * Recalculates and applies the new ThickBox position based on the current
+ * window size.
+ *
+ * @since 2.6.0
+ *
+ * @global
+ *
+ * @return {Object[]} Array containing jQuery objects for all the found
+ * ThickBox anchors.
+ */
+ window.tb_position = function() {
+ var tbWindow = $('#TB_window'),
+ width = $(window).width(),
+ H = $(window).height(),
+ W = ( 833 < width ) ? 833 : width,
+ adminbar_height = 0;
+
+ if ( $('#wpadminbar').length ) {
+ adminbar_height = parseInt( $('#wpadminbar').css('height'), 10 );
+ }
+
+ if ( tbWindow.length ) {
+ tbWindow.width( W - 50 ).height( H - 45 - adminbar_height );
+ $('#TB_iframeContent').width( W - 50 ).height( H - 75 - adminbar_height );
+ tbWindow.css({'margin-left': '-' + parseInt( ( ( W - 50 ) / 2 ), 10 ) + 'px'});
+ if ( typeof document.body.style.maxWidth !== 'undefined' )
+ tbWindow.css({'top': 20 + adminbar_height + 'px', 'margin-top': '0'});
+ }
+
+ /**
+ * Recalculates the new height and width for all links with a ThickBox class.
+ *
+ * @since 2.6.0
+ */
+ return $('a.thickbox').each( function() {
+ var href = $(this).attr('href');
+ if ( ! href ) return;
+ href = href.replace(/&width=[0-9]+/g, '');
+ href = href.replace(/&height=[0-9]+/g, '');
+ $(this).attr( 'href', href + '&width=' + ( W - 80 ) + '&height=' + ( H - 85 - adminbar_height ) );
+ });
+ };
+
+ // Add handler to recalculates the ThickBox position when the window is resized.
+ $(window).on( 'resize', function(){ tb_position(); });
+
+})(jQuery);