feature(edit-names) add

coderaiser · Dec 29, 2016 · ae7a001 · ae7a001
1 parent d6dc1b5
commit ae7a001
Show file tree

Hide file tree

Showing 6 changed files with 247 additions and 5 deletions.
diff --git a/HELP.md b/HELP.md
@@ -139,6 +139,7 @@ Hot keys
 | `Ctrl + r`            | refresh
 | `Ctrl + d`            | clear local storage
 | `Ctrl + a`            | select all files in a panel
+| `Ctrl + m`            | rename selected files
 | `Ctrl + u`            | swap panels
 | `Up`, `Down`, `Enter` | file system navigation
 | `Alt + Left/Right`    | show content of directory under cursor in target panel

diff --git a/client/edit-file.js b/client/edit-file.js
@@ -18,7 +18,7 @@ var CloudCmd, Util, DOM, CloudFunc, MenuIO, Format;
             ConfigView  = {
                 beforeClose: function() {
                     exec.ifExist(Menu, 'hide');
-                    isChanged(EditFile.hide);
+                    isChanged();
                 }
             };
 

diff --git a/client/edit-names.js b/client/edit-names.js
@@ -0,0 +1,221 @@
+var CloudCmd, Util, DOM, CloudFunc, MenuIO, Format;
+
+(function(CloudCmd, Util, DOM) {
+    'use strict';
+
+    CloudCmd.EditNames = function EditNamesProto(callback) {
+        var Info = DOM.CurrentInfo;
+        var Dialog = DOM.Dialog;
+        var exec = Util.exec;
+        var EditNames = this;
+        var Menu;
+        var TITLE = 'Edit Names';
+        var Images = DOM.Images;
+        var MSG_CHANGED;
+        var ConfigView  = {
+            beforeClose: function() {
+                exec.ifExist(Menu, 'hide');
+                isChanged();
+            }
+        };
+
+        var getName = DOM.getCurrentName.bind(DOM);
+
+        function init(callback) {
+            var editor;
+
+            exec.series([
+                CloudCmd.Edit,
+
+                function(callback) {
+                    editor = CloudCmd.Edit.getEditor();
+                    callback();
+                },
+
+                function(callback) {
+                    setListeners(editor);
+                    callback();
+                },
+
+                function(callback) {
+                    EditNames.show();
+                    callback();
+                },
+            ], callback);
+        }
+
+        this.show = function() {
+            if (Info.name === '..')
+                return Dialog.alert.noFiles(TITLE);
+
+            var names = getActiveNames().join('\n');
+
+            CloudCmd.Edit
+                .getEditor()
+                .setValueFirst('edit-names', names)
+                .setOption('fontSize', 16);
+
+            CloudCmd.Edit.show(ConfigView);
+        };
+
+        function getActiveNames() {
+            return DOM
+                .getActiveFiles()
+                .map(getName);
+        }
+
+        this.hide = function() {
+            CloudCmd.Edit.hide();
+        };
+
+        function setListeners(editor) {
+            var element = CloudCmd.Edit.getElement();
+
+            DOM.Events.addOnce('contextmenu', element, setMenu);
+
+            editor.on('save', function() {
+                isChanged();
+            });
+        }
+
+        function applyNames() {
+            var dir = Info.dirPath;
+            var from = getActiveNames();
+
+            var editor = CloudCmd.Edit.getEditor();
+            var to = editor
+                .getValue()
+                .split('\n');
+
+            var reject = Promise.reject.bind(Promise);
+
+            getRoot()
+                .then(rename(dir, from, to))
+                .then(function(res) {
+                    if (res.status === 404)
+                        return res.text().then(reject);
+
+                    CloudCmd.refresh(null, function() {
+                        var name = to[0];
+                        DOM.setCurrentByName(name);
+                    });
+                }).catch(function(message) {
+                    Dialog.alert(TITLE, message);
+                });
+        }
+
+        function getDir(root, dir) {
+            if (root === '/')
+                return dir;
+
+            return root + dir;
+        }
+
+        function rename(dir, from, to) {
+            return function(root) {
+                return fetch(CloudCmd.PREFIX + '/rename', {
+                    method: 'put',
+                    credentials: 'include',
+                    body: JSON.stringify({
+                        from: from,
+                        to: to,
+                        dir: getDir(root, dir)
+                    })
+                });
+            };
+        }
+
+        function setMenu(event) {
+            var position = {
+                x: event.clientX,
+                y: event.clientY
+            };
+
+            event.preventDefault();
+
+            !Menu && DOM.loadRemote('menu', function(error) {
+                var noFocus;
+                var options = {
+                    beforeShow: function(params) {
+                        params.x -= 18;
+                        params.y -= 27;
+                    },
+
+                    afterClick: function() {
+                        !noFocus && editor.focus();
+                    }
+                };
+
+                var editor = CloudCmd.Edit.getEditor();
+
+                var menuData = {
+                    'Save           Ctrl+S' : function() {
+                        editor.save();
+                        EditNames.hide();
+                    },
+                    'Go To Line     Ctrl+G' : function() {
+                        noFocus = true;
+                        editor.goToLine();
+                    },
+                    'Cut            Ctrl+X' : function() {
+                        editor.cutToClipboard();
+                    },
+                    'Copy           Ctrl+C' : function() {
+                        editor.copyToClipboard();
+                    },
+                    'Paste          Ctrl+V' : function() {
+                        editor.pasteFromClipboard();
+                    },
+                    'Delete         Del'    : function() {
+                        editor.remove('right');
+                    },
+                    'Select All     Ctrl+A' : function() {
+                        editor.selectAll();
+                    },
+                    'Close          Esc'    : function() {
+                        EditNames.hide();
+                    }
+                };
+
+                if (error)
+                    return Dialog.alert(TITLE, error);
+
+                if (Menu || !MenuIO)
+                    return;
+
+                var element = CloudCmd.Edit.getElement();
+
+                Menu = new MenuIO(element, options, menuData);
+                Menu.show(position.x, position.y);
+            });
+        }
+
+        function getRoot() {
+            return new Promise(function(resolve, reject) {
+                DOM.Files.get('config', function(error, config) {
+                    if (error)
+                        return reject(error);
+
+                    resolve(config.root);
+                });
+            });
+        }
+
+        function isChanged() {
+            var editor = CloudCmd.Edit.getEditor();
+            var msg = 'Apply new names?';
+
+            if (!editor.isChanged())
+                return;
+
+            Dialog.confirm(TITLE, msg)
+                .then(applyNames)
+                .then(EditNames.hide)
+                .catch(EditNames.hide)
+        }
+
+        init(callback);
+    };
+
+})(CloudCmd, Util, DOM, CloudFunc);
+
diff --git a/client/edit.js b/client/edit.js
@@ -26,6 +26,13 @@ var CloudCmd, Util, DOM, CloudFunc;
                 }
             };
 
+        var Edit = function(fn) {
+            if (!itype.function(fn))
+                return;
+
+            fn();
+        }
+
         function init(callback) {
             var element = createElement();
 
@@ -79,22 +86,22 @@ var CloudCmd, Util, DOM, CloudFunc;
             return config;
         }
 
-        this.show = function(options) {
+        Edit.show = function(options) {
             if (Loading)
                 return;
 
             CloudCmd.View.show(Element, initConfig(options));
         };
 
-        this.getEditor = function() {
+        Edit.getEditor = function() {
             return editor;
         };
 
-        this.getElement = function() {
+        Edit.getElement = function() {
             return Element;
         };
 
-        this.hide = function() {
+        Edit.hide = function() {
             CloudCmd.View.hide();
         };
 
@@ -135,6 +142,8 @@ var CloudCmd, Util, DOM, CloudFunc;
         }
 
         init(callback);
+
+        return Edit;
     }
 
 })(CloudCmd, Util, DOM, CloudFunc);

diff --git a/client/key.js b/client/key.js
@@ -37,6 +37,8 @@ var CloudCmd, Util, DOM;
 
             G           : 71,
 
+            M           : 77,
+
             O           : 79,
             Q           : 81,
             R           : 82,
@@ -493,6 +495,14 @@ var CloudCmd, Util, DOM;
 
                 break;
 
+            case Key.M:
+                if (ctrlMeta) {
+                    CloudCmd.EditNames.show();
+                    event.preventDefault();
+                }
+
+                break;
+
             /**
              * обновляем страницу,
              * загружаем содержимое каталога

diff --git a/json/modules.json b/json/modules.json
@@ -1,6 +1,7 @@
 [
     "edit",
     "edit-file",
+    "edit-names",
     "menu",
     "view",
     "help",