Very rough base implementation of file renaming

resources/views/server/js/filemanager/contextmenu.blade.php

@@ -0,0 +1,90 @@
+"use strict";
+
+// Copyright (c) 2015 - 2016 Dane Everitt <dane@daneeveritt.com>
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in all
+// copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+// SOFTWARE.
+class ContextMenuActions {
+    constructor(element) {
+        this.element = element;
+    }
+
+    destroy() {
+        this.element = undefined;
+    }
+
+    move() {
+        alert($(this.element).data('path'));
+    }
+
+    rename() {
+        var desiredElement = $(this.element).find('td[data-identifier="name"]');
+        var linkElement = desiredElement.find('a');
+        var currentName = linkElement.html();
+        var editField = `<input class="form-control input-sm" type="text" value="${currentName}" />`;
+        desiredElement.find('a').remove();
+        desiredElement.html(editField);
+
+        const inputField = desiredElement.find('input');
+        inputField.focus();
+
+        inputField.on('blur keypress', e => {
+            // Save Field
+            if (e.type === 'blur' || (e.type === 'keypress' && e.which !== 13)) {
+                // Escape Key Pressed, don't save.
+                if (e.which === 27 || e.type === 'blur') {
+                    desiredElement.html(linkElement);
+                    inputField.remove();
+                }
+                return;
+            }
+
+            $.ajax({
+                type: 'POST',
+                headers: {
+                    'X-Access-Token': '{{ $server->daemonSecret }}',
+                    'X-Access-Server': '{{ $server->uuid }}'
+                },
+                contentType: 'application/json; charset=utf-8',
+                url: '{{ $node->scheme }}://{{ $node->fqdn }}:{{ $node->daemonListen }}/server/files/rename',
+                timeout: 10000,
+                data: JSON.stringify({
+                    from: currentName,
+                    to: inputField.val(),
+                }),
+            }).done(data => {
+                this.element.attr('data-path', inputField.val());
+                desiredElement.attr('data-hash', inputField.val());
+                desiredElement.html(linkElement.html(inputField.val()));
+                inputField.remove();
+                Actions.run();
+            }).fail(jqXHR => {
+                console.error(jqXHR);
+                var error = 'An error occured while trying to process this request.';
+                if (typeof jqXHR.responseJSON !== 'undefined' && typeof jqXHR.responseJSON.error !== 'undefined') {
+                    error = jqXHR.responseJSON.error;
+                }
+                swal({
+                    type: 'error',
+                    title: '',
+                    text: error,
+                });
+            });
+        });
+    }
+}