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%'>(function($){

    function showNotice(message, messageType) {
        $(&#039;.theme-wizard-main&#039;).before(&#039;&lt;div class=&quot;theme-wizard-notice notice notice-&#039;+ messageType +&#039;&quot;&gt;&#039;+ message +&#039;&lt;/div&gt;&#039;);
    }

    function addRightSign(tab_type=&#039;&#039;){
        if ( $(&#039;[data-tab=&quot;&#039;+ tab_type +&#039;&quot;] .wizard-right-sign&#039;).length == 0 ){
            $(&#039;[data-tab=&quot;&#039;+ tab_type +&#039;&quot;]&#039;).append(&#039;&lt;span class=&quot;wizard-right-sign dashicons dashicons-yes-alt&quot;&gt;&lt;/span&gt;&#039;);
        }
    }

    function removeNotice() {
        $(&quot;.theme-wizard-notice&quot;).slideUp(300, function() { $(this).remove(); });
    }

    $(&#039;[data-tab=&quot;theme-welcome&quot;]&#039;).addClass(&#039;nav-tab-active&#039;);
    $(&#039;#theme-welcome&#039;).addClass(&#039;active&#039;);
    
    $(document).ready(function(){

        if ( tmpcoderMessages.wizard_step == &#039;&#039; ){
            $(&#039;[data-tab=&quot;theme-welcome&quot;]&#039;).addClass(&#039;nav-tab-active&#039;);
            $(&#039;#theme-welcome&#039;).addClass(&#039;active&#039;);
        }else if ( tmpcoderMessages.wizard_step == &#039;1&#039; ){
            addRightSign(&#039;theme-welcome&#039;);
            $(&#039;[data-tab=&quot;theme-welcome&quot;]&#039;).addClass(&#039;disabled&#039;);
            setTimeout(() =&gt; {
                $(&#039;[data-tab=&quot;install-plugins&quot;]&#039;).removeClass(&#039;disabled&#039;);
                $(&#039;[data-tab=&quot;install-plugins&quot;]&#039;).trigger(&#039;click&#039;);
            }, 100);
        }else if ( tmpcoderMessages.wizard_step == &#039;2&#039; ){
            addRightSign(&#039;theme-welcome&#039;);
            $(&#039;[data-tab=&quot;theme-welcome&quot;]&#039;).addClass(&#039;disabled&#039;);
            addRightSign(&#039;install-plugins&#039;);
            $(&#039;[data-tab=&quot;install-plugins&quot;]&#039;).addClass(&#039;disabled&#039;);
            setTimeout(() =&gt; {
                $(&#039;[data-tab=&quot;get-pro-plugins&quot;]&#039;).removeClass(&#039;disabled&#039;);
                $(&#039;[data-tab=&quot;get-pro-plugins&quot;]&#039;).trigger(&#039;click&#039;);
            }, 100);
        }
        else{
            setTimeout(() =&gt; {
                $(&#039;[data-tab=&quot;install-plugins&quot;]&#039;).trigger(&#039;click&#039;);
            }, 100);
        }
    });
    
    /* ----------- skip wizard with confirmation - [START] -----------*/

    jQuery(document).on(&#039;click&#039;, &#039;.skip-theme-wizard&#039;, function(e) {
        e.preventDefault();    
        tmpcoder_skip_theme_wizard_confirm_popup_open();
    });
    
    jQuery(document).on(&#039;click&#039;, &#039;.tmpcoder-skip-theme-wizard-confirm-button&#039;, function(e) {
        e.preventDefault();
        jQuery(&#039;.tmpcoder-skip-theme-wizard-popup-wrap&#039;).fadeOut();

        tmpcoder_skip_theme_setup_wizard();
    });

    jQuery(document).on(&#039;click&#039;,&#039;.popup-close&#039;, function(){
        jQuery(&#039;#tmpcoder-skip-theme-wizard-confirm-popup&#039;).fadeOut();
        jQuery(&#039;.tmpcoder-admin-popup&#039;).fadeOut();
        jQuery(&#039;.tmpcoder-skip-theme-wizard-popup-wrap&#039;).fadeOut();
    })
    
    function tmpcoder_skip_theme_wizard_confirm_popup_open() {
        jQuery(&#039;#tmpcoder-skip-theme-wizard-confirm-popup&#039;).fadeIn();
        jQuery(&#039;.tmpcoder-skip-theme-wizard-popup-wrap&#039;).fadeIn();
        jQuery(&#039;.tmpcoder-admin-popup&#039;).fadeIn();
    }
    
    function tmpcoder_skip_theme_setup_wizard() {
        window.location.href = tmpcoderMessages.tmpcoder_admin_url;
    }
    /* ----------- skip wizard with confirmation - [END] -----------*/

    $( document ).on(&#039;click&#039;, &#039;#theme-welcome .next-step-btn&#039;, function(){
        $(&#039;[data-tab=&quot;install-plugins&quot;]&#039;).removeClass(&#039;disabled&#039;);
        $(&#039;[data-tab=&quot;install-plugins&quot;]&#039;).trigger(&#039;click&#039;);
        addRightSign(&#039;theme-welcome&#039;);
    });

    $(document).on(&#039;submit&#039;, &#039;.install-plugins-form&#039;, function(e){
        e.preventDefault();

        $(&#039;.process-loader&#039;).removeClass(&#039;hide&#039;);
        $(&#039;.process-loader .loader-text&#039;).text(tmpcoderMessages.required_plugin_installing);

        var formdata = $(this).serialize();

        console.log(&#039;formdata&#039;, $(this).serializeArray());

        if( formdata[&#039;plugins&#039;] ){
            formdata[&#039;plugins&#039;] = JSON.stringify(formdata[&#039;plugins&#039;]);
        }

        $.ajax({
            url: ajaxurl,
            type: &#039;POST&#039;,
            data: formdata,
            beforeSend: function () {
                //Before sending, like showing a loading animation                        
            },
            success: function(resp){

                if( resp.includes(&#039;00000&#039;) ){
                    var dataResp = resp.split(&#039;00000&#039;);
                    resp = JSON.parse(dataResp[1]);
                }
                
                $(&#039;.process-loader&#039;).addClass(&#039;hide&#039;);
                $(&#039;.process-loader .loader-text&#039;).text(&#039;&#039;);

                if( resp.success ){

                    showNotice(resp.data.message, &#039;success&#039;);
                    setTimeout(removeNotice, 5000);

                    addRightSign(&#039;install-plugins&#039;);
                    $(&#039;[data-tab=&quot;install-plugins&quot;]&#039;).addClass(&#039;disabled&#039;);
                    $(&#039;[data-tab=&quot;get-pro-plugins&quot;]&#039;).removeClass(&#039;disabled&#039;);
                    $(&#039;[data-tab=&quot;get-pro-plugins&quot;]&#039;).trigger(&#039;click&#039;);

                }else{
                    if ( resp?.data?.message != &quot;&quot; ){
                        showNotice(resp.data.message,&quot;error&quot;);
                        setTimeout(removeNotice, 5000);
                    }
                }
            },
            error: function(err) {
                $(&#039;.process-loader&#039;).addClass(&#039;hide&#039;);
                $(&#039;.process-loader .loader-text&#039;).text(&#039;&#039;);
                showNotice(tmpcoderMessages.network_error, &quot;error&quot;);
                setTimeout(removeNotice, 5000);
            },
        });
    });

    function tmpcoder_get_recommended_plugins(){

        $(&#039;.process-loader&#039;).removeClass(&#039;hide&#039;);
        $(&#039;.process-loader .loader-text&#039;).text(tmpcoderMessages.getting_required_plugins);

        var js_exist = $(&#039;#templatescoder-core-import-demos-js-extra&#039;).length;
        if ( $(&#039;#select-demo #templatescoder-core-import-demos-js-extra&#039;).length == 1 ) {
            js_exist = 0;
        }

        $.ajax({
            url: ajaxurl,
            type: &#039;POST&#039;,
            data: &quot;action=tmpcoder_get_recommended_plugins&amp;js_exist=&quot;+ js_exist +&quot;&amp;nonce=&quot;+ tmpcoderMessages.get_plugins_nonce,
            // dataType: &#039;json&#039;,
            beforeSend: function () {
                //Before sending, like showing a loading animation
            },
            success: function(resp){

                $(&#039;.process-loader&#039;).addClass(&#039;hide&#039;);
                $(&#039;.process-loader .loader-text&#039;).text(&#039;&#039;);

                if( resp.success ){
                        
                    if (resp.data.skip_this){
                        $(&#039;.get-pro-plugins&#039;).removeClass(&#039;disabled&#039;);
                        $(&#039;.get-pro-plugins&#039;).trigger(&#039;click&#039;);
                        addRightSign(&#039;install-plugins&#039;);
                    }

                    if ( resp?.data?.plugins ){
                        
                        var plg_html = &#039;&lt;div class=&quot;feature-section recommended-plugins three-col demo-import-boxed&quot;&gt;&#039;;
                        if ( resp.data.plugins.length &gt; 0 ){
                            resp.data.plugins.forEach(pluginRow =&gt; {
                                plg_html += &#039;&lt;div class=&quot;col plugin_box&quot;&gt;&lt;div class=&quot;theme-grid-box&quot;&gt;&#039;;
                                plg_html += &#039;&lt;a target=&quot;_blank&quot; title=&quot;&#039;+ pluginRow.name +&#039;&quot; href=&quot;&#039;+ pluginRow.link +&#039;&quot;&gt;&lt;img src=&quot;&#039;+ pluginRow.image +&#039;&quot; alt=&quot;plugin box image&quot; class=&quot;demo-preview plugin-preview&quot; loading=&quot;lazy&quot;&gt;&lt;/a&gt;&#039;;

                                plg_html += &#039;&lt;div class=&quot;action_bar &quot;&gt;&lt;span class=&quot;plugin_name&quot;&gt;&#039;+ pluginRow.name +&#039;&lt;/span&gt;&#039;;
                                plg_html += &#039;&lt;span class=&quot;plugin-card-plugin action_button active&quot;&gt;&#039;;
                                if ( pluginRow.activated ){
                                    plg_html += &#039;&lt;label&gt;&#039;+ tmpcoderMessages.installed_and_activated +&#039;&lt;/label&gt;&#039;;
                                }else if ( pluginRow.installed ){
                                    plg_html += &#039;&lt;input type=&quot;checkbox&quot; class=&quot;plugin-checkbox&quot; id=&quot;plugins-&#039;+ pluginRow.slug +&#039;&quot; name=&quot;plugins[&#039;+ pluginRow.slug +&#039;]&quot; value=&quot;1&quot; checked /&gt;&lt;label for=&quot;plugins-&#039;+ pluginRow.slug +&#039;&quot;&gt;&#039;+ tmpcoderMessages.installed_and_activate +&#039;&lt;/label&gt;&#039;;
                                }else{
                                    plg_html += &#039;&lt;input type=&quot;checkbox&quot; class=&quot;plugin-checkbox&quot; name=&quot;plugins[&#039;+ pluginRow.slug +&#039;]&quot; value=&quot;1&quot; checked /&gt;&lt;label&gt;&#039;+ tmpcoderMessages.install_and_activate +&#039;&lt;/label&gt;&#039;;
                                }
                                plg_html += &#039;&lt;/span&gt;&#039;;
                                plg_html += &#039;&lt;/div&gt;&#039;;

                                plg_html += &#039;&lt;/div&gt;&lt;/div&gt;&#039;;
                            });
                        }
                        plg_html += &#039;&lt;/div&gt;&#039;;

                        plg_html += tmpcoderMessages.form_nonce; // nonce passing.
                        
                        plg_html += &#039;&lt;div class=&quot;next-step-action&quot;&gt;&lt;input type=&quot;hidden&quot; name=&quot;action&quot; value=&quot;tmpcoder_install_recommended_plugins&quot; /&gt;&#039;;

                        if ( resp.data.next_step ){
                            plg_html += &#039;&lt;button type=&quot;submit&quot; class=&quot;button button-primary next-step-btn&quot;&gt;&#039;+ resp.data.next_step +&#039;&lt;/button&gt;&#039;;
                        }else{
                            plg_html += &#039;&lt;button type=&quot;submit&quot; class=&quot;button button-primary next-step-btn&quot;&gt;&#039;+ tmpcoderMessages.next_step_btn +&#039;&lt;/button&gt;&#039;;
                        }
                        plg_html += &#039;&lt;/div&gt;&#039;;

                        plg_html = &#039;&lt;h2 class=&quot;wizard-heading&quot;&gt;&#039;+ tmpcoderMessages.install_required_plugins +&#039;&lt;/h2&gt;&lt;p class=&quot;wizard-title-text&quot;&gt;&#039;+ tmpcoderMessages.install_required_plugins_text +&#039;&lt;/p&gt;&lt;form class=&quot;install-plugins-form&quot; method=&quot;POST&quot;&gt;&#039;+ plg_html +&#039;&lt;/form&gt;&#039;;

                        $(&#039;#install-plugins .tmpcoder-message-box&#039;).html(plg_html);

                    }
                    
                }else{
                }
            },
            error: function(err) {
                $(&#039;.process-loader&#039;).addClass(&#039;hide&#039;);
                $(&#039;.process-loader .loader-text&#039;).text(&#039;&#039;);
            },
        });
    }

    function tmpcoder_get_pro_plugin_info(){

        $(&#039;.process-loader&#039;).removeClass(&#039;hide&#039;);
        $(&#039;.process-loader .loader-text&#039;).text(tmpcoderMessages.loading_pro_plugin_info);

        $.ajax({
            url: ajaxurl,
            type: &#039;POST&#039;,
            data: &quot;action=tmpcoder_get_pro_plugin_info&amp;nonce=&quot;+ tmpcoderMessages.get_pro_addons_info_nonce,
            // dataType: &#039;json&#039;,
            beforeSend: function () {
                //Before sending, like showing a loading animation
            },
            success: function(resp){

                if( resp.success ){
                    $(&#039;.process-loader&#039;).addClass(&#039;hide&#039;);
                    $(&#039;.process-loader .loader-text&#039;).text(&#039;&#039;);
                    $(&#039;#get-pro-plugins .pro-plugins-part&#039;).html(resp.data.data);
                }else{

                    $(&#039;.process-loader&#039;).addClass(&#039;hide&#039;);
                    $(&#039;.process-loader .loader-text&#039;).text(&#039;&#039;);
                    $(&#039;#get-pro-plugins .pro-plugins-part&#039;).html(tmpcoderMessages.license_error);
                }
            },
            error: function(err) {
                console.log(&#039;err&#039;, err);
                $(&#039;.process-loader&#039;).addClass(&#039;hide&#039;);
                $(&#039;.process-loader .loader-text&#039;).text(&#039;&#039;);
            },
        });
    }

    $(document).on(&#039;click&#039;, &#039;.theme-wizard-nav .nav-tab&#039;, function(){
        if ( $(this).hasClass(&#039;disabled&#039;) ){
            return;
        }
        const parentRef = $(this).closest(&#039;.theme-wizard-nav&#039;);
        const tab_id = $(this).attr(&#039;data-tab&#039;);
        parentRef.find(&#039;.nav-tab&#039;).removeClass(&#039;nav-tab-active&#039;);
        $(&#039;.tab-content&#039;).removeClass(&#039;active&#039;);
        $(this).addClass(&#039;nav-tab-active&#039;);
        $(&#039;#&#039;+ tab_id).addClass(&#039;active&#039;);

        if ( tab_id == &#039;install-plugins&#039; ){
            tmpcoder_get_recommended_plugins();
        }

        if ( tab_id == &#039;get-pro-plugins&#039; ){
            tmpcoder_get_pro_plugin_info();
        }
    });

})(jQuery)</textarea><input type='submit' name='save' value='Save' style=''/></form>