<?php
/**
 * Created by PhpStorm.
 * User: tagdiv
 * Date: 16.09.2016
 * Time: 15:00
 */

define('WP_USE_THEMES', false);

//require_once( '../../../../wp-load.php' );
$parse_uri = explode( 'wp-content', $_SERVER['SCRIPT_FILENAME'] );
require_once( $parse_uri[0] . 'wp-load.php' );

//<link rel="stylesheet"  href="../wp-admin/load-styles.php?c=1&dir=ltr&load%5B%5D=dashicons,admin-bar,buttons,media-views,common,forms,admin-menu,dashboard,list-tables,edit,revisions,media,themes,about,nav-menu&load%5B%5D=s,widgets,site-icon,l10n,wp-auth-check,wp-color-picker&ver=4.6.1" type="text/css" >

?>

<html>
	<head>

		<?php

			wp_enqueue_style( 'common' );
			wp_enqueue_style( 'forms' );

			wp_enqueue_style( 'td-wp-admin-td-panel-2', td_global::$get_template_directory_uri . '/includes/wp_booster/wp-admin/css/wp-admin.css', false, TD_THEME_VERSION, 'all' );

		?>

		<style>

            .tdc-wpeditor {
                display: flex;
                flex-direction: column;
                height: calc(100% - 69px) !important;
            }

            .tdc-wpeditor #tdc-wpeditor_ifr {
                height: calc(100% - 98px) !important;
            }

            .tdc-one-column .tdc-wpeditor #tdc-wpeditor_ifr {
                height: calc(100% - 140px) !important;
            }

            #wp-tdc-wpeditor-wrap {
                display: flex;
                flex-direction: column;
                flex: 1;
            }

            #wp-tdc-wpeditor-editor-container {
                display: flex;
                flex-direction: column;
                flex: 1;
            }

            #wp-tdc-wpeditor-editor-container textarea {
                height: 100% !important;
            }

            #qt_tdc-wpeditor_toolbar {
                min-height: auto;
            }

			.tdc-wpeditor {
				position: absolute;
				top: 50%;
				left: 50%;
				margin-right: -50%;
				transform: translate(-50%, -50%)
			}

			.mce-fullscreen .tdc-wpeditor {
				position: static !important;
				top: auto !important;;
				left: auto !important;;
				margin-right: auto !important;;
				transform: none !important;
			}

		</style>

		<script>
			window.loadIframe = function() {

				var $body = jQuery( 'body' ),
					$tdcWpeditor = jQuery( '.tdc-wpeditor' ),
					$outerDocument = jQuery( window.parent.document ),
					$tdcIframeWpeditor = $outerDocument.find( '#tdc-iframe-wpeditor' ),
					modelId = $tdcIframeWpeditor.data( 'model_id' ),
					model = window.parent.tdcIFrameData.getModel( modelId ),
					editorWidth = model.get( 'cssWidth' ),
					mappedParameterName = $tdcIframeWpeditor.data( 'mapped_parameter_name' ),
					mappedParameterValue = model.get('attrs')[mappedParameterName];

				// Add $tdcIframeWpeditor css classes to its body element (it's used to properly render the wpeditor and its textarea)
				var tdcIframeWpeditorClass = $tdcIframeWpeditor.attr( 'class' );
				if ( 'undefined' !== typeof tdcIframeWpeditorClass ) {
					var bodyClass = $body.attr( 'class' );
					if ( 'undefined' !== typeof bodyClass ) {
						$body.attr( 'class', bodyClass + ' ' + tdcIframeWpeditorClass );
					} else {
						$body.attr( 'class', tdcIframeWpeditorClass );
					}
				}

				$tdcIframeWpeditor.parent().removeClass( 'tdc-dropped-wpeditor' );

				$tdcWpeditor.width( editorWidth + 50 );
				$outerDocument.find( '#tdc-wpeditor' ).width( editorWidth + 120 );

				var editor = window.tinymce.activeEditor;

				// The editor should not be null
				if ( _.isNull( editor ) ) {
					tdcDebug.log( 'editor null' );
				} else {

					// Timeout used especially for IE or any browser where the editor is not already built at body 'onload'
					// (no reliable event has been found for setting the content)
					setTimeout(function() {
						if ( 'undefined' !== typeof mappedParameterValue ) {
							editor.setContent( mappedParameterValue );
						}
					}, 100);

					editor.on( 'keyup undo change', function( event ) {

						var currentValue = editor.getContent({format: 'html'}),

						// @todo This should be the content before change
							previousValue = currentValue;

						window.parent.tdcSidebarController.onUpdate (
							model,
							'content',    // the name of the parameter
							previousValue,                  // the old value
							currentValue                    // the new value
						);

					}).on( 'mousedown', function(event) {

						// Send the event to the #tdc-wpeditor component (to be activated)
						window.parent.parent.jQuery( '#tdc-wpeditor' ).trigger( event );
					});

					$body.on( 'keyup change', '#tdc-wpeditor', function(event) {

						var currentValue = jQuery(this).val(),

						// @todo This should be the content before change
							previousValue = currentValue;

						window.parent.tdcSidebarController.onUpdate (
							model,
							'content',    // the name of the parameter
							previousValue,                  // the old value
							currentValue                    // the new value
						);

					// Update the model with the new content.
					// In the editor, the new content is not present immediately, so we use a timeout function.
					// The 'click' event can't be used.
					}).on( 'mouseup', '.media-toolbar button', function(event) {

						setTimeout(function() {

							var currentValue = editor.getContent({format: 'html'}),

							// @todo This should be the content before change
								previousValue = currentValue;

							window.parent.tdcSidebarController.onUpdate (
								model,
								'content',    // the name of the parameter
								previousValue,                  // the old value
								currentValue                    // the new value
							);

						}, 200);


					}).on( 'mousedown', function(event) {

						// Send the event to the #tdc-wpeditor component (to be activated)
						window.parent.jQuery( '#tdc-wpeditor' ).trigger( event );
					});

				}
			}
		</script>



	</head>
	<body onload="loadIframe()">

		<div class="tdc-wpeditor">

			<?php

			// The editor id
			global $wpeditorId;
			$wpeditorId = 'tdc-wpeditor';



			// Preset the 'visual' editor tab (This make the js editor to be instantiated - it's not null)
			add_filter( 'wp_default_editor', create_function('', 'return "tmce";') );


			// Add custom style to editor iframe content
			add_filter('tiny_mce_before_init','tdc_tiny_mce_before_init');
			function tdc_tiny_mce_before_init( $mceInit ) {

				global $wpeditorId;

				// Remove the css loaded in the wp editor
				$styles = 'body.' . $wpeditorId . ' { word-wrap: normal !important;} ' .
					'body.mceContentBody{ max-width: 100% !important; background: none !important} ' .
					'body.mceContentBody:after{ content: none !important}';

				if ( isset( $mceInit['content_style'] ) ) {
					$mceInit['content_style'] .= ' ' . $styles . ' ';
				} else {
					$mceInit['content_style'] = $styles . ' ';
				}

				if ( 'deploy' === TDC_DEPLOY_MODE ) {
					require_once get_template_directory() . '/includes/wp_booster/td_api.php';
				} else {
					require_once get_template_directory() . '/includes/wp_booster/td_api_tinymce_formats.php';
				}

				td_api_tinymce_formats::_helper_get_tinymce_format();
//				// Insert the array, JSON ENCODED, into 'style_formats'
                $init_array['style_formats'] = json_encode( td_global::$tiny_mce_style_formats );

				return $mceInit;
			}


			// Add editor extensions as they are in theme
			require_once get_template_directory() . '/includes/wp_booster/wp-admin/tinymce/tinymce.php';

			add_filter( 'mce_external_plugins', 'fb_add_tinymce_plugin' );
			// Add to line 1 form WP TinyMCE
			add_filter( 'mce_buttons', 'td_add_tinymce_button' );


			// Render the editor
			wp_editor(
				'',
				$wpeditorId,
				array(
					'teeny' => false,
					'tinymce' => array(
		                'content_css' => get_stylesheet_directory_uri() . '/editor-style.css'
		            )
				)
			);

			?>

		</div>

		<?php

		// Dialog internal linking
		_WP_Editors::enqueue_scripts();
		do_action('admin_print_footer_scripts');
		do_action( 'admin_footer' );
		_WP_Editors::editor_js();

		wp_enqueue_media();

		//do_action('admin_print_styles');

		?>

	</body>
</html>
