--- /dev/null
+/* global tinymce */
+/**
+ * Included for back-compat.
+ * The default WindowManager in TinyMCE 4.0 supports three types of dialogs:
+ * - With HTML created from JS.
+ * - With inline HTML (like WPWindowManager).
+ * - Old type iframe based dialogs.
+ * For examples see the default plugins: https://github.com/tinymce/tinymce/tree/master/js/tinymce/plugins
+ */
+tinymce.WPWindowManager = tinymce.InlineWindowManager = function( editor ) {
+ if ( this.wp ) {
+ return this;
+ }
+
+ this.wp = {};
+ this.parent = editor.windowManager;
+ this.editor = editor;
+
+ tinymce.extend( this, this.parent );
+
+ this.open = function( args, params ) {
+ var $element,
+ self = this,
+ wp = this.wp;
+
+ if ( ! args.wpDialog ) {
+ return this.parent.open.apply( this, arguments );
+ } else if ( ! args.id ) {
+ return;
+ }
+
+ if ( typeof jQuery === 'undefined' || ! jQuery.wp || ! jQuery.wp.wpdialog ) {
+ // wpdialog.js is not loaded
+ if ( window.console && window.console.error ) {
+ 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.');
+ }
+
+ return;
+ }
+
+ wp.$element = $element = jQuery( '#' + args.id );
+
+ if ( ! $element.length ) {
+ return;
+ }
+
+ if ( window.console && window.console.log ) {
+ window.console.log('tinymce.WPWindowManager is deprecated. Use the default editor.windowManager to open dialogs with inline HTML.');
+ }
+
+ wp.features = args;
+ wp.params = params;
+
+ // Store selection. Takes a snapshot in the FocusManager of the selection before focus is moved to the dialog.
+ editor.nodeChanged();
+
+ // Create the dialog if necessary
+ if ( ! $element.data('wpdialog') ) {
+ $element.wpdialog({
+ title: args.title,
+ width: args.width,
+ height: args.height,
+ modal: true,
+ dialogClass: 'wp-dialog',
+ zIndex: 300000
+ });
+ }
+
+ $element.wpdialog('open');
+
+ $element.on( 'wpdialogclose', function() {
+ if ( self.wp.$element ) {
+ self.wp = {};
+ }
+ });
+ };
+
+ this.close = function() {
+ if ( ! this.wp.features || ! this.wp.features.wpDialog ) {
+ return this.parent.close.apply( this, arguments );
+ }
+
+ this.wp.$element.wpdialog('close');
+ };
+};
+
+tinymce.PluginManager.add( 'wpdialogs', function( editor ) {
+ // Replace window manager
+ editor.on( 'init', function() {
+ editor.windowManager = new tinymce.WPWindowManager( editor );
+ });
+});