はじまりの大地

lib/plugins/move/script/MoveMediaManager.js

@@ -0,0 +1,174 @@
+/**
+ * Integrates move capability into the media manager
+ * Based on the implementation in diagrams plugin
+ */
+class MoveMediaManager {
+
+    constructor() {
+        // user is not allowed to move anything
+        if (!JSINFO.move_allowrename) return;
+
+        const filePanel = document.querySelector('#mediamanager__page .panel.file');
+        if (filePanel) {
+            const observer = new MutationObserver(this.#addMoveButton.bind(this));
+            observer.observe(filePanel, {childList: true, subtree: true});
+        }
+    }
+
+    /**
+     * Observer callback to add the move button in the detail panel of the media manager
+     *
+     * @param mutationsList
+     * @param observer
+     */
+    async #addMoveButton(mutationsList, observer) {
+        for (let mutation of mutationsList) {
+            // div.file has been filled with new content?
+            if (mutation.type !== 'childList') continue;
+
+            // check that the file panel contains a link to a file
+            if (mutation.target.classList.contains('file') === false) continue;
+            const link = mutation.target.querySelector('a.select.mediafile');
+            if (!link) continue;
+
+            const actionList = mutation.target.querySelector('ul.actions');
+            if (actionList.querySelector('button.move-btn')) continue; // already added
+
+            const deleteButton = actionList.querySelector('form#mediamanager__btn_delete');
+            if (deleteButton === null) continue; // no delete permissions
+
+            const src = link.textContent;
+
+            const moveButton = document.createElement('button');
+            moveButton.classList.add('move-btn');
+            moveButton.innerText = LANG.plugins.move.moveButton;
+
+            moveButton.addEventListener('click',  this.#showDialog.bind(this, src));
+            actionList.appendChild(moveButton);
+        }
+    }
+
+    /**
+     * Show the move dialog
+     *
+     * Uses JQuery UI
+     *
+     * @param {string} src
+     * @param {Event} event
+     * @returns {Promise<void>}
+     */
+    async #showDialog(src, event) {
+        event.preventDefault();
+        event.stopPropagation();
+
+        const $form = jQuery(this.#buildForm(src));
+        $form.dialog({
+            title: LANG.plugins.move.moveButton,
+            width: 600,
+            appendTo: '.dokuwiki',
+            modal: true,
+            close: function () {
+                // do not reuse the dialog
+                // https://stackoverflow.com/a/2864783
+                jQuery(this).dialog('destroy').remove();
+            }
+        });
+    }
+
+    /**
+     * Create the form for the old and new file names
+     *
+     * @param {string} src
+     * @returns {HTMLDivElement}
+     */
+    #buildForm(src) {
+        const wrapper = document.createElement('div');
+        const form = document.createElement('form');
+        wrapper.appendChild(form);
+
+        const intro = document.createElement('p');
+        intro.innerText = LANG.plugins.move.dialogIntro;
+        form.appendChild(intro);
+
+        const errorContainer = document.createElement('div');
+        errorContainer.className = 'move-error';
+        form.appendChild(errorContainer);
+
+        const original = document.createElement('input');
+        original.type = 'hidden';
+        original.name = 'move-old-filename';
+        original.value = src;
+        form.appendChild(original);
+
+        const sectok = document.querySelector('form#mediamanager__btn_delete input[name=sectok]').cloneNode();
+        form.appendChild(sectok);
+
+        // strip file extension and put it in a readonly field so it may not be modified
+        const fileExt = document.createElement('input');
+        fileExt.type = 'text';
+        fileExt.readOnly = true;
+        fileExt.size = 5;
+        fileExt.name = 'move-file-ext';
+        fileExt.value = src.split('.').pop();
+
+        const destination = document.createElement('input');
+        destination.type = 'text';
+        destination.className = 'edit';
+        destination.name = 'move-new-filename';
+        destination.value = src.substring(0, src.length - (fileExt.value.length + 1));
+        destination.size = 50;
+        form.appendChild(destination);
+        form.appendChild(fileExt);
+
+        const button = document.createElement('button');
+        button.innerText = LANG.plugins.move.moveButton;
+        form.appendChild(button);
+
+        form.addEventListener('submit', this.#requestMove.bind(this, form));
+
+        return wrapper;
+    }
+
+    /**
+     * Send move request to backend
+     *
+     * @param {HTMLFormElement} form
+     * @param {Event} event
+     * @returns {Promise<void>}
+     */
+    async #requestMove(form, event) {
+
+        event.preventDefault();
+        event.stopPropagation();
+
+        const src = form.querySelector('input[name="move-old-filename"]').value;
+        const dst = form.querySelector('input[name="move-new-filename"]').value;
+        const ext = form.querySelector('input[name="move-file-ext"]').value;
+        const sectok = form.querySelector('input[name="sectok"]').value;
+        const err = form.querySelector('div.move-error');
+
+        jQuery.post(
+            DOKU_BASE + 'lib/exe/ajax.php',
+            {
+                call: 'plugin_move_rename_mediamanager',
+                src: src,
+                dst: dst + '.'  + ext,
+                sectok: sectok
+            },
+            // redirect or display error
+            function (result) {
+                if (result.success) {
+                    window.location.href = result.redirect_url;
+                } else {
+                    err.classList.add('error');
+                    err.innerText = result.error;
+                }
+            }
+        );
+    }
+}
+
+// initialize
+document.addEventListener('DOMContentLoaded', () => {
+    new MoveMediaManager();
+});

lib/plugins/move/script/form.js

@@ -0,0 +1,14 @@
+jQuery('form.plugin_move_form').each(function(){
+    var $form = jQuery(this);
+
+    $form.find('.click-page').click(function() {
+        $form.find('input[name=dst]').val($form.find('.click-page code').text());
+        $form.find('.select').hide();
+    }).click();
+
+    $form.find('.click-ns').click(function() {
+        $form.find('input[name=dst]').val($form.find('.click-ns code').text());
+        $form.find('.select').show();
+    });
+
+});

lib/plugins/move/script/json2.js

@@ -0,0 +1,486 @@
+/*
+    json2.js
+    2013-05-26
+
+    Public Domain.
+
+    NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
+
+    See http://www.JSON.org/js.html
+
+
+    This code should be minified before deployment.
+    See http://javascript.crockford.com/jsmin.html
+
+    USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
+    NOT CONTROL.
+
+
+    This file creates a global JSON object containing two methods: stringify
+    and parse.
+
+        JSON.stringify(value, replacer, space)
+            value       any JavaScript value, usually an object or array.
+
+            replacer    an optional parameter that determines how object
+                        values are stringified for objects. It can be a
+                        function or an array of strings.
+
+            space       an optional parameter that specifies the indentation
+                        of nested structures. If it is omitted, the text will
+                        be packed without extra whitespace. If it is a number,
+                        it will specify the number of spaces to indent at each
+                        level. If it is a string (such as '\t' or ' '),
+                        it contains the characters used to indent at each level.
+
+            This method produces a JSON text from a JavaScript value.
+
+            When an object value is found, if the object contains a toJSON
+            method, its toJSON method will be called and the result will be
+            stringified. A toJSON method does not serialize: it returns the
+            value represented by the name/value pair that should be serialized,
+            or undefined if nothing should be serialized. The toJSON method
+            will be passed the key associated with the value, and this will be
+            bound to the value
+
+            For example, this would serialize Dates as ISO strings.
+
+                Date.prototype.toJSON = function (key) {
+                    function f(n) {
+                        // Format integers to have at least two digits.
+                        return n < 10 ? '0' + n : n;
+                    }
+
+                    return this.getUTCFullYear()   + '-' +
+                         f(this.getUTCMonth() + 1) + '-' +
+                         f(this.getUTCDate())      + 'T' +
+                         f(this.getUTCHours())     + ':' +
+                         f(this.getUTCMinutes())   + ':' +
+                         f(this.getUTCSeconds())   + 'Z';
+                };
+
+            You can provide an optional replacer method. It will be passed the
+            key and value of each member, with this bound to the containing
+            object. The value that is returned from your method will be
+            serialized. If your method returns undefined, then the member will
+            be excluded from the serialization.
+
+            If the replacer parameter is an array of strings, then it will be
+            used to select the members to be serialized. It filters the results
+            such that only members with keys listed in the replacer array are
+            stringified.
+
+            Values that do not have JSON representations, such as undefined or
+            functions, will not be serialized. Such values in objects will be
+            dropped; in arrays they will be replaced with null. You can use
+            a replacer function to replace those with JSON values.
+            JSON.stringify(undefined) returns undefined.
+
+            The optional space parameter produces a stringification of the
+            value that is filled with line breaks and indentation to make it
+            easier to read.
+
+            If the space parameter is a non-empty string, then that string will
+            be used for indentation. If the space parameter is a number, then
+            the indentation will be that many spaces.
+
+            Example:
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}]);
+            // text is '["e",{"pluribus":"unum"}]'
+
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');
+            // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'
+
+            text = JSON.stringify([new Date()], function (key, value) {
+                return this[key] instanceof Date ?
+                    'Date(' + this[key] + ')' : value;
+            });
+            // text is '["Date(---current time---)"]'
+
+
+        JSON.parse(text, reviver)
+            This method parses a JSON text to produce an object or array.
+            It can throw a SyntaxError exception.
+
+            The optional reviver parameter is a function that can filter and
+            transform the results. It receives each of the keys and values,
+            and its return value is used instead of the original value.
+            If it returns what it received, then the structure is not modified.
+            If it returns undefined then the member is deleted.
+
+            Example:
+
+            // Parse the text. Values that look like ISO date strings will
+            // be converted to Date objects.
+
+            myData = JSON.parse(text, function (key, value) {
+                var a;
+                if (typeof value === 'string') {
+                    a =
+/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
+                    if (a) {
+                        return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
+                            +a[5], +a[6]));
+                    }
+                }
+                return value;
+            });
+
+            myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
+                var d;
+                if (typeof value === 'string' &&
+                        value.slice(0, 5) === 'Date(' &&
+                        value.slice(-1) === ')') {
+                    d = new Date(value.slice(5, -1));
+                    if (d) {
+                        return d;
+                    }
+                }
+                return value;
+            });
+
+
+    This is a reference implementation. You are free to copy, modify, or
+    redistribute.
+*/
+
+/*jslint evil: true, regexp: true */
+
+/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
+    call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
+    getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
+    lastIndex, length, parse, prototype, push, replace, slice, stringify,
+    test, toJSON, toString, valueOf
+*/
+
+
+// Create a JSON object only if one does not already exist. We create the
+// methods in a closure to avoid creating global variables.
+
+if (typeof JSON !== 'object') {
+    JSON = {};
+}
+
+(function () {
+    'use strict';
+
+    function f(n) {
+        // Format integers to have at least two digits.
+        return n < 10 ? '0' + n : n;
+    }
+
+    if (typeof Date.prototype.toJSON !== 'function') {
+
+        Date.prototype.toJSON = function () {
+
+            return isFinite(this.valueOf())
+                ? this.getUTCFullYear()     + '-' +
+                    f(this.getUTCMonth() + 1) + '-' +
+                    f(this.getUTCDate())      + 'T' +
+                    f(this.getUTCHours())     + ':' +
+                    f(this.getUTCMinutes())   + ':' +
+                    f(this.getUTCSeconds())   + 'Z'
+                : null;
+        };
+
+        String.prototype.toJSON      =
+            Number.prototype.toJSON  =
+            Boolean.prototype.toJSON = function () {
+                return this.valueOf();
+            };
+    }
+
+    var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        gap,
+        indent,
+        meta = {    // table of character substitutions
+            '\b': '\\b',
+            '\t': '\\t',
+            '\n': '\\n',
+            '\f': '\\f',
+            '\r': '\\r',
+            '"' : '\\"',
+            '\\': '\\\\'
+        },
+        rep;
+
+
+    function quote(string) {
+
+// If the string contains no control characters, no quote characters, and no
+// backslash characters, then we can safely slap some quotes around it.
+// Otherwise we must also replace the offending characters with safe escape
+// sequences.
+
+        escapable.lastIndex = 0;
+        return escapable.test(string) ? '"' + string.replace(escapable, function (a) {
+            var c = meta[a];
+            return typeof c === 'string'
+                ? c
+                : '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+        }) + '"' : '"' + string + '"';
+    }
+
+
+    function str(key, holder) {
+
+// Produce a string from holder[key].
+
+        var i,          // The loop counter.
+            k,          // The member key.
+            v,          // The member value.
+            length,
+            mind = gap,
+            partial,
+            value = holder[key];
+
+// If the value has a toJSON method, call it to obtain a replacement value.
+
+        if (value && typeof value === 'object' &&
+                typeof value.toJSON === 'function') {
+            value = value.toJSON(key);
+        }
+
+// If we were called with a replacer function, then call the replacer to
+// obtain a replacement value.
+
+        if (typeof rep === 'function') {
+            value = rep.call(holder, key, value);
+        }
+
+// What happens next depends on the value's type.
+
+        switch (typeof value) {
+        case 'string':
+            return quote(value);
+
+        case 'number':
+
+// JSON numbers must be finite. Encode non-finite numbers as null.
+
+            return isFinite(value) ? String(value) : 'null';
+
+        case 'boolean':
+        case 'null':
+
+// If the value is a boolean or null, convert it to a string. Note:
+// typeof null does not produce 'null'. The case is included here in
+// the remote chance that this gets fixed someday.
+
+            return String(value);
+
+// If the type is 'object', we might be dealing with an object or an array or
+// null.
+
+        case 'object':
+
+// Due to a specification blunder in ECMAScript, typeof null is 'object',
+// so watch out for that case.
+
+            if (!value) {
+                return 'null';
+            }
+
+// Make an array to hold the partial results of stringifying this object value.
+
+            gap += indent;
+            partial = [];
+
+// Is the value an array?
+
+            if (Object.prototype.toString.apply(value) === '[object Array]') {
+
+// The value is an array. Stringify every element. Use null as a placeholder
+// for non-JSON values.
+
+                length = value.length;
+                for (i = 0; i < length; i += 1) {
+                    partial[i] = str(i, value) || 'null';
+                }
+
+// Join all of the elements together, separated with commas, and wrap them in
+// brackets.
+
+                v = partial.length === 0
+                    ? '[]'
+                    : gap
+                    ? '[\n' + gap + partial.join(',\n' + gap) + '\n' + mind + ']'
+                    : '[' + partial.join(',') + ']';
+                gap = mind;
+                return v;
+            }
+
+// If the replacer is an array, use it to select the members to be stringified.
+
+            if (rep && typeof rep === 'object') {
+                length = rep.length;
+                for (i = 0; i < length; i += 1) {
+                    if (typeof rep[i] === 'string') {
+                        k = rep[i];
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            } else {
+
+// Otherwise, iterate through all of the keys in the object.
+
+                for (k in value) {
+                    if (Object.prototype.hasOwnProperty.call(value, k)) {
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            }
+
+// Join all of the member texts together, separated with commas,
+// and wrap them in braces.
+
+            v = partial.length === 0
+                ? '{}'
+                : gap
+                ? '{\n' + gap + partial.join(',\n' + gap) + '\n' + mind + '}'
+                : '{' + partial.join(',') + '}';
+            gap = mind;
+            return v;
+        }
+    }
+
+// If the JSON object does not yet have a stringify method, give it one.
+
+    if (typeof JSON.stringify !== 'function') {
+        JSON.stringify = function (value, replacer, space) {
+
+// The stringify method takes a value and an optional replacer, and an optional
+// space parameter, and returns a JSON text. The replacer can be a function
+// that can replace values, or an array of strings that will select the keys.
+// A default replacer method can be provided. Use of the space parameter can
+// produce text that is more easily readable.
+
+            var i;
+            gap = '';
+            indent = '';
+
+// If the space parameter is a number, make an indent string containing that
+// many spaces.
+
+            if (typeof space === 'number') {
+                for (i = 0; i < space; i += 1) {
+                    indent += ' ';
+                }
+
+// If the space parameter is a string, it will be used as the indent string.
+
+            } else if (typeof space === 'string') {
+                indent = space;
+            }
+
+// If there is a replacer, it must be a function or an array.
+// Otherwise, throw an error.
+
+            rep = replacer;
+            if (replacer && typeof replacer !== 'function' &&
+                    (typeof replacer !== 'object' ||
+                    typeof replacer.length !== 'number')) {
+                throw new Error('JSON.stringify');
+            }
+
+// Make a fake root object containing our value under the key of ''.
+// Return the result of stringifying the value.
+
+            return str('', {'': value});
+        };
+    }
+
+
+// If the JSON object does not yet have a parse method, give it one.
+
+    if (typeof JSON.parse !== 'function') {
+        JSON.parse = function (text, reviver) {
+
+// The parse method takes a text and an optional reviver function, and returns
+// a JavaScript value if the text is a valid JSON text.
+
+            var j;
+
+            function walk(holder, key) {
+
+// The walk method is used to recursively walk the resulting structure so
+// that modifications can be made.
+
+                var k, v, value = holder[key];
+                if (value && typeof value === 'object') {
+                    for (k in value) {
+                        if (Object.prototype.hasOwnProperty.call(value, k)) {
+                            v = walk(value, k);
+                            if (v !== undefined) {
+                                value[k] = v;
+                            } else {
+                                delete value[k];
+                            }
+                        }
+                    }
+                }
+                return reviver.call(holder, key, value);
+            }
+
+
+// Parsing happens in four stages. In the first stage, we replace certain
+// Unicode characters with escape sequences. JavaScript handles many characters
+// incorrectly, either silently deleting them, or treating them as line endings.
+
+            text = String(text);
+            cx.lastIndex = 0;
+            if (cx.test(text)) {
+                text = text.replace(cx, function (a) {
+                    return '\\u' +
+                        ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+                });
+            }
+
+// In the second stage, we run the text against regular expressions that look
+// for non-JSON patterns. We are especially concerned with '()' and 'new'
+// because they can cause invocation, and '=' because it can cause mutation.
+// But just to be safe, we want to reject all unexpected forms.
+
+// We split the second stage into 4 regexp operations in order to work around
+// crippling inefficiencies in IE's and Safari's regexp engines. First we
+// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we
+// replace all simple value tokens with ']' characters. Third, we delete all
+// open brackets that follow a colon or comma or that begin the text. Finally,
+// we look to see that the remaining characters are only whitespace or ']' or
+// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.
+
+            if (/^[\],:{}\s]*$/
+                    .test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@')
+                        .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']')
+                        .replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
+
+// In the third stage we use the eval function to compile the text into a
+// JavaScript structure. The '{' operator is subject to a syntactic ambiguity
+// in JavaScript: it can begin a block or an object literal. We wrap the text
+// in parens to eliminate the ambiguity.
+
+                j = eval('(' + text + ')');
+
+// In the optional fourth stage, we recursively walk the new structure, passing
+// each name/value pair to a reviver function for possible transformation.
+
+                return typeof reviver === 'function'
+                    ? walk({'': j}, '')
+                    : j;
+            }
+
+// If the text is not JSON parseable, then a SyntaxError is thrown.
+
+            throw new SyntaxError('JSON.parse');
+        };
+    }
+}());

lib/plugins/move/script/progress.js

@@ -0,0 +1,98 @@
+jQuery('#plugin_move__progress').each(function () {
+    var $this = jQuery(this);
+
+    // initialize the progress bar
+    var $progressbar = $this.find('.progress');
+    $progressbar.html('');
+    $progressbar.progressbar({
+        value: $progressbar.data('progress')
+    });
+
+    /**
+     * Set visibility of buttons according to current error state
+     *
+     * @param isError
+     */
+    var setButtons = function(isError) {
+        $this.find('.ctlfrm-start').addClass('hide');
+
+        if(isError) {
+            $this.find('.ctlfrm-skip').removeClass('hide');
+            $this.find('.ctlfrm-retry').removeClass('hide');
+            $this.find('.ctlfrm-continue').addClass('hide');
+        }else {
+            $this.find('.ctlfrm-skip').addClass('hide');
+            $this.find('.ctlfrm-retry').addClass('hide');
+            $this.find('.ctlfrm-continue').addClass('hide');
+        }
+    };
+
+    /**
+     * Execute the next steps
+     *
+     * @param {bool} skip should an error be skipped?
+     */
+    var nextStep = function(skip) {
+        // clear error output
+        $this.find('.output').html('');
+
+        $this.find('.controls img').removeClass('hide');
+        setButtons(false);
+
+        // execute AJAX
+        jQuery.post(
+            DOKU_BASE + 'lib/exe/ajax.php',
+            {
+                call: 'plugin_move_progress',
+                skip: skip
+            },
+            function (data) {
+                $progressbar.progressbar('option', 'value', data.progress);
+                $this.find('.controls img').addClass('hide');
+
+                if (data.error) {
+                    $this.find('.output').html('<p><div class="error">' + data.error + '</div></p>');
+                    setButtons(true);
+                } else if (data.complete) {
+                    $progressbar.progressbar('option', 'value', 100);
+                    // redirect to start page
+                    alert(LANG.plugins.move.complete);
+                    window.location.href = DOKU_BASE;
+                } else {
+                    // do it again
+                    nextStep(skip);
+                }
+            }
+        );
+    };
+
+
+
+    // attach AJAX actions to buttons
+    $this.find('.ctl-continue').click(function (e) {
+        e.preventDefault();
+
+        // move in progress, no more preview
+        jQuery('#plugin_move__preview').remove();
+
+        // should the next error be skipped?
+        var skip = e.target.form.skip.value;
+
+        // step on it
+        nextStep(skip);
+    });
+
+});
+
+
+// hide preview list on namespace move
+jQuery('#plugin_move__preview').each(function () {
+    var $this = jQuery(this);
+    $this.find('ul').hide();
+    $this.find('span')
+        .click(function () {
+            $this.find('ul').dw_toggle();
+            $this.find('span').toggleClass('closed');
+        })
+        .addClass('closed');
+});

lib/plugins/move/script/rename.js

@@ -0,0 +1,129 @@
+/**
+ * Rename dialog for end users
+ *
+ * @author Andreas Gohr <gohr@cosmocode.de>
+ */
+(function () {
+    if (!JSINFO || !JSINFO.move_renameokay) return;
+
+
+    // basic dialog template
+    const $dialog = jQuery(
+        '<div>' +
+        '<form>' +
+        '<label>' + LANG.plugins.move.newname + '<br>' +
+        '<input type="text" name="id" style="width:100%">' +
+        '</label>' +
+        '</form>' +
+        '</div>'
+    );
+
+    /**
+     * Executes the renaming based on the form contents
+     * @return {boolean}
+     */
+    const renameFN = function () {
+        const newid = $dialog.find('input[name=id]').val();
+        if (!newid) return false;
+
+        // remove buttons and show throbber
+        $dialog.html(
+            '<img src="' + DOKU_BASE + 'lib/images/throbber.gif" /> ' +
+            LANG.plugins.move.inprogress
+        );
+        $dialog.dialog('option', 'buttons', []);
+
+        // post the data
+        jQuery.post(
+            DOKU_BASE + 'lib/exe/ajax.php',
+            {
+                call: 'plugin_move_rename',
+                id: JSINFO.id,
+                newid: newid
+            },
+            // redirect or display error
+            function (result) {
+                if (result.error) {
+                    $dialog.html(result.error.msg);
+                } else {
+                    window.location.href = result.redirect_url;
+                }
+            }
+        );
+
+        return false;
+    };
+
+    /**
+     * Create the actual dialog modal and show it
+     */
+    const showDialog = function () {
+        $dialog.dialog({
+            title: LANG.plugins.move.rename + ' ' + JSINFO.id,
+            width: 800,
+            height: 200,
+            dialogClass: 'plugin_move_dialog',
+            modal: true,
+            buttons: [
+                {
+                    text: LANG.plugins.move.cancel,
+                    click: function () {
+                        $dialog.dialog("close");
+                    }
+                },
+                {
+                    text: LANG.plugins.move.rename,
+                    click: renameFN
+                }
+            ],
+            // remove HTML from DOM again
+            close: function () {
+                jQuery(this).remove();
+            }
+        });
+        $dialog.find('input[name=id]').val(JSINFO.id);
+        $dialog.find('form').submit(renameFN);
+    };
+
+    /**
+     * Bind an event handler as the first handler
+     *
+     * @param {jQuery} $owner
+     * @param {string} event
+     * @param {function} handler
+     * @link https://stackoverflow.com/a/4700103
+     */
+    const bindFirst = function ($owner, event, handler) {
+        $owner.unbind(event, handler);
+        $owner.bind(event, handler);
+
+        const events = jQuery._data($owner[0])['events'][event];
+        events.unshift(events.pop());
+
+        jQuery._data($owner[0])['events'][event] = events;
+    };
+
+
+    // attach handler to menu item
+    jQuery('.plugin_move_page')
+        .show()
+        .click(function (e) {
+            e.preventDefault();
+            showDialog();
+        });
+
+    // attach handler to mobile menu entry
+    const $mobileMenuOption = jQuery('form select[name=do] option[value=plugin_move]');
+    if ($mobileMenuOption.length === 1) {
+        bindFirst($mobileMenuOption.closest('select[name=do]'), 'change', function (e) {
+            const $select = jQuery(this);
+            if ($select.val() !== 'plugin_move') return;
+            e.preventDefault();
+            e.stopPropagation();
+            e.stopImmediatePropagation();
+            $select.val('');
+            showDialog();
+        });
+    }
+
+})();

lib/plugins/move/script/tree.js

@@ -0,0 +1,260 @@
+/**
+ * Script for the tree management interface
+ */
+
+var $GUI = jQuery('#plugin_move__tree');
+
+$GUI.show();
+jQuery('#plugin_move__treelink').show();
+
+/**
+ * Checks if the given list item was moved in the tree
+ *
+ * Moved elements are highlighted and a title shows where they came from
+ *
+ * @param {jQuery} $li
+ */
+var checkForMovement = function ($li) {
+    // we need to check this LI and all previously moved sub LIs
+    var $all = $li.add($li.find('li.moved'));
+    $all.each(function () {
+        var $this = jQuery(this);
+        var oldid = $this.data('id');
+        var newid = determineNewID($this);
+
+        if (newid != oldid && !$this.hasClass('created')) {
+            $this.addClass('moved');
+            $this.children('div').attr('title', oldid + ' -> ' + newid);
+        } else {
+            $this.removeClass('moved');
+            $this.children('div').attr('title', '');
+        }
+    });
+};
+
+/**
+ * Check if the given name is allowed in the given parent
+ *
+ * @param {jQuery} $li the edited or moved LI
+ * @param {jQuery} $parent the (new) parent of the edited or moved LI
+ * @param {string} name the (new) name to check
+ * @returns {boolean}
+ */
+var checkNameAllowed = function ($li, $parent, name) {
+    var ok = true;
+    $parent.children('li').each(function () {
+        if (this === $li[0]) return;
+        var cname = 'type-f';
+        if ($li.hasClass('type-d')) cname = 'type-d';
+
+        var $this = jQuery(this);
+        if ($this.data('name') == name && $this.hasClass(cname)) ok = false;
+    });
+    return ok;
+};
+
+/**
+ * Returns the new ID of a given list item
+ *
+ * @param {jQuery} $li
+ * @returns {string}
+ */
+var determineNewID = function ($li) {
+    var myname = $li.data('name');
+
+    var $parent = $li.parent().closest('li');
+    if ($parent.length) {
+        return (determineNewID($parent) + ':' + myname).replace(/^:/, '');
+    } else {
+        return myname;
+    }
+};
+
+/**
+ * Very simplistic cleanID() in JavaScript
+ *
+ * Strips out namespaces
+ *
+ * @param {string} id
+ */
+var cleanID = function (id) {
+    if (!id) return '';
+
+    id = id.replace(/[!"#$%§&\'()+,/;<=>?@\[\]^`\{|\}~\\;:\/\*]+/g, '_');
+    id = id.replace(/^_+/, '');
+    id = id.replace(/_+$/, '');
+    id = id.toLowerCase();
+
+    return id;
+};
+
+/**
+ * Initialize the drag & drop-tree at the given li (must be this).
+ */
+var initTree = function () {
+    var $li = jQuery(this);
+    var my_root = $li.closest('.tree_root')[0];
+    $li.draggable({
+        revert: true,
+        revertDuration: 0,
+        opacity: 0.5,
+        stop : function(event, ui) {
+            ui.helper.css({height: "auto", width: "auto"});
+        }
+    }).droppable({
+        tolerance: 'pointer',
+        greedy: true,
+        accept : function(draggable) {
+            return my_root == draggable.closest('.tree_root')[0];
+        },
+        drop : function (event, ui) {
+            var $dropped = ui.draggable;
+            var $me = jQuery(this);
+
+            if ($dropped.children('div.li').children('input').prop('checked')) {
+                $dropped = $dropped.add(
+                    jQuery(my_root)
+                    .find('input')
+                    .filter(function() {
+                        return jQuery(this).prop('checked');
+                    }).parent().parent()
+                );
+            }
+
+            if ($me.parents().addBack().is($dropped)) {
+                return;
+            }
+
+            var insert_child = !($me.hasClass("type-f") || $me.hasClass("closed"));
+            var $new_parent = insert_child ? $me.children('ul') : $me.parent();
+            var allowed = true;
+
+            $dropped.each(function () {
+                var $this = jQuery(this);
+                allowed &= checkNameAllowed($this, $new_parent, $this.data('name'));
+            });
+
+            if (allowed) {
+                if (insert_child) {
+                    $dropped.prependTo($new_parent);
+                } else {
+                    $dropped.insertAfter($me);
+                }
+            }
+
+            checkForMovement($dropped);
+        }
+    })
+    // add title to rename icon
+    .find('img.rename').attr('title', LANG.plugins.move.renameitem)
+    .end()
+    .find('img.add').attr('title', LANG.plugins.move.add);
+};
+
+var add_template = '<li class="type-d open created" data-name="%s" data-id="%s"><div class="li"><input type="checkbox"> <a href="%s" class="idx_dir">%s</a><img class="rename" src="' + DOKU_BASE + 'lib/plugins/move/images/rename.png"></div><ul class="tree_list"></ul></li>';
+
+/**
+ * Attach event listeners to the tree
+ */
+$GUI.find('div.tree_root > ul.tree_list')
+    .click(function (e) {
+        var $clicky = jQuery(e.target);
+        var $li = $clicky.parent().parent();
+
+        if ($clicky[0].tagName == 'A' && $li.hasClass('type-d')) {  // Click on folder - open and close via AJAX
+            e.stopPropagation();
+            if ($li.hasClass('open')) {
+                $li
+                    .removeClass('open')
+                    .addClass('closed');
+
+            } else {
+                $li
+                    .removeClass('closed')
+                    .addClass('open');
+
+                // if had not been loaded before, load via AJAX
+                if (!$li.find('ul').length) {
+                    var is_media = $li.closest('div.tree_root').hasClass('tree_media') ? 1 : 0;
+                    jQuery.post(
+                        DOKU_BASE + 'lib/exe/ajax.php',
+                        {
+                            call: 'plugin_move_tree',
+                            ns: $clicky.attr('href'),
+                            is_media: is_media
+                        },
+                        function (data) {
+                            $li.append(data);
+                            $li.find('li').each(initTree);
+                        }
+                    );
+                }
+            }
+            e.preventDefault();
+        } else if ($clicky[0].tagName == 'IMG') { // Click on IMG - do rename
+            e.stopPropagation();
+            var $a = $clicky.parent().find('a');
+
+            if ($clicky.hasClass('rename')) {
+                var newname = window.prompt(LANG.plugins.move.renameitem, $li.data('name'));
+                newname = cleanID(newname);
+                if (newname) {
+                    if (checkNameAllowed($li, $li.parent(), newname)) {
+                        $li.data('name', newname);
+                        $a.text(newname);
+                        checkForMovement($li);
+                    } else {
+                        alert(LANG.plugins.move.duplicate.replace('%s', newname));
+                    }
+                }
+            } else {
+                var newname = window.prompt(LANG.plugins.move.add); 
+                newname = cleanID(newname);
+                if (newname) {
+                    if (checkNameAllowed($li, $li.children('ul'), newname)) {
+                        var $new_li = jQuery(add_template.replace(/%s/g, newname));
+                        $li.children('ul').prepend($new_li);
+
+                        $new_li.each(initTree);
+                    } else {
+                        alert(LANG.plugins.move.duplicate.replace('%s', newname));
+                    }
+                }
+            }
+            e.preventDefault();
+        }
+    }).find('li').each(initTree);
+
+/**
+ * Gather all moves from the trees and put them as JSON into the form before submit
+ *
+ * @fixme has some duplicate code
+ */
+jQuery('#plugin_move__tree_execute').submit(function (e) {
+    var data = [];
+
+    $GUI.find('.tree_pages .moved').each(function (idx, el) {
+        var $el = jQuery(el);
+        var newid = determineNewID($el);
+
+        data[data.length] = {
+            'class': $el.hasClass('type-d') ? 'ns' : 'doc',
+            type: 'page',
+            src: $el.data('id'),
+            dst: newid
+        };
+    });
+    $GUI.find('.tree_media .moved').each(function (idx, el) {
+        var $el = jQuery(el);
+        var newid = determineNewID($el);
+
+        data[data.length] = {
+            'class': $el.hasClass('type-d') ? 'ns' : 'doc',
+            type: 'media',
+            src: $el.data('id'),
+            dst: newid
+        };
+    });
+
+    jQuery(this).find('input[name=json]').val(JSON.stringify(data));
+});