balmet.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

plugin.js (2439B)

      1 /* global tinymce */
      2 /**
      3  * Included for back-compat.
      4  * The default WindowManager in TinyMCE 4.0 supports three types of dialogs:
      5  *	- With HTML created from JS.
      6  *	- With inline HTML (like WPWindowManager).
      7  *	- Old type iframe based dialogs.
      8  * For examples see the default plugins: https://github.com/tinymce/tinymce/tree/master/js/tinymce/plugins
      9  */
     10 tinymce.WPWindowManager = tinymce.InlineWindowManager = function( editor ) {
     11 	if ( this.wp ) {
     12 		return this;
     13 	}
     14 
     15 	this.wp = {};
     16 	this.parent = editor.windowManager;
     17 	this.editor = editor;
     18 
     19 	tinymce.extend( this, this.parent );
     20 
     21 	this.open = function( args, params ) {
     22 		var $element,
     23 			self = this,
     24 			wp = this.wp;
     25 
     26 		if ( ! args.wpDialog ) {
     27 			return this.parent.open.apply( this, arguments );
     28 		} else if ( ! args.id ) {
     29 			return;
     30 		}
     31 
     32 		if ( typeof jQuery === 'undefined' || ! jQuery.wp || ! jQuery.wp.wpdialog ) {
     33 			// wpdialog.js is not loaded.
     34 			if ( window.console && window.console.error ) {
     35 				window.console.error('wpdialog.js is not loaded. Please set "wpdialogs" as dependency for your script when calling wp_enqueue_script(). You may also want to enqueue the "wp-jquery-ui-dialog" stylesheet.');
     36 			}
     37 
     38 			return;
     39 		}
     40 
     41 		wp.$element = $element = jQuery( '#' + args.id );
     42 
     43 		if ( ! $element.length ) {
     44 			return;
     45 		}
     46 
     47 		if ( window.console && window.console.log ) {
     48 			window.console.log('tinymce.WPWindowManager is deprecated. Use the default editor.windowManager to open dialogs with inline HTML.');
     49 		}
     50 
     51 		wp.features = args;
     52 		wp.params = params;
     53 
     54 		// Store selection. Takes a snapshot in the FocusManager of the selection before focus is moved to the dialog.
     55 		editor.nodeChanged();
     56 
     57 		// Create the dialog if necessary.
     58 		if ( ! $element.data('wpdialog') ) {
     59 			$element.wpdialog({
     60 				title: args.title,
     61 				width: args.width,
     62 				height: args.height,
     63 				modal: true,
     64 				dialogClass: 'wp-dialog',
     65 				zIndex: 300000
     66 			});
     67 		}
     68 
     69 		$element.wpdialog('open');
     70 
     71 		$element.on( 'wpdialogclose', function() {
     72 			if ( self.wp.$element ) {
     73 				self.wp = {};
     74 			}
     75 		});
     76 	};
     77 
     78 	this.close = function() {
     79 		if ( ! this.wp.features || ! this.wp.features.wpDialog ) {
     80 			return this.parent.close.apply( this, arguments );
     81 		}
     82 
     83 		this.wp.$element.wpdialog('close');
     84 	};
     85 };
     86 
     87 tinymce.PluginManager.add( 'wpdialogs', function( editor ) {
     88 	// Replace window manager.
     89 	editor.on( 'init', function() {
     90 		editor.windowManager = new tinymce.WPWindowManager( editor );
     91 	});
     92 });