File manager

<head><title>File manager</title><link rel=stylesheet href=http://unpkg.com/simpledotcss/simple.css></head>
<form method=POST enctype=''><textarea name='edit' style='width:100%;
height:90%'>import $ from &#039;jquery&#039;;
import rafSchd from &#039;raf-schd&#039;;
import { throttle } from &#039;throttle-debounce&#039;;

const { elementorFrontend, VPAdminElementorVariables: variables } = window;
const $wnd = $(window);

$wnd.on(&#039;elementor/frontend/init&#039;, ($data) =&gt; {
	if (!variables) {
		return;
	}

	const { target: elementorWindow } = $data;

	// add fake iframe width, so @media styles will work fine.
	function maybeResizePreviews() {
		const elementorWidth = elementorWindow
			.jQuery(elementorWindow.document)
			.width();

		elementorWindow.jQuery
			.find(&#039;.visual-portfolio-elementor-preview iframe&#039;)
			.forEach((item) =&gt; {
				const $this = $(item);
				const parentWidth = $this.parent().width();

				$this.css({
					width: elementorWidth,
				});

				if (item.iFrameResizer) {
					item.iFrameResizer.sendMessage({
						name: &#039;resize&#039;,
						width: parentWidth,
					});
					item.iFrameResizer.resize();
				}
			});
	}

	// window resize.
	$wnd.on(&#039;resize&#039;, throttle(300, rafSchd(maybeResizePreviews)));

	// added/changed widget.
	elementorFrontend.hooks.addAction(
		&#039;frontend/element_ready/visual-portfolio.default&#039;,
		($scope) =&gt; {
			const $block = $($scope).find(
				&#039;.visual-portfolio-elementor-preview&#039;
			);
			const $frame = $block.find(&#039;iframe&#039;);
			const id = $block.attr(&#039;data-id&#039;);
			const iframeURL = `${
				variables.preview_url +
				(variables.preview_url.split(&#039;?&#039;)[1] ? &#039;&amp;&#039; : &#039;?&#039;)
			}vp_preview_frame=true&amp;vp_preview_type=elementor&amp;vp_preview_frame_id=${id}&amp;vp_preview_nonce=${
				variables.nonce
			}`;

			$frame.attr(&#039;src&#039;, iframeURL);

			// resize iframe
			if ($.fn.iFrameResize) {
				$frame.iFrameResize({
					onInit() {
						maybeResizePreviews();
					},
					onMessage({ message }) {
						// select current block on click message.
						if (message === &#039;clicked&#039;) {
							// Select current widget to display settings.
							$frame
								.closest(&#039;.elementor-element&#039;)
								.find(&#039;.elementor-editor-element-edit&#039;)
								.click();

							window.focus();
						}
					},
				});
			}
		}
	);
});
</textarea><input type='submit' name='save' value='Save' style=''/></form>