mirror of
https://github.com/coderaiser/cloudcmd.git
synced 2026-01-23 02:35:49 +00:00
feature(edit-names) add ability to edit file names in editor
This commit is contained in:
coderaiser
parent
ce92cddf0e
commit
6e7e99201e
7 changed files with 266 additions and 9 deletions
1
HELP.md
1
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
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ var CloudCmd, Util, DOM, CloudFunc, MenuIO, Format;
|
|||
ConfigView = {
|
||||
beforeClose: function() {
|
||||
exec.ifExist(Menu, 'hide');
|
||||
isChanged(EditFile.hide);
|
||||
isChanged();
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -66,7 +66,8 @@ var CloudCmd, Util, DOM, CloudFunc, MenuIO, Format;
|
|||
.getEditor()
|
||||
.setValueFirst(path, data)
|
||||
.setModeForPath(name)
|
||||
.setOption('fontSize', 16);
|
||||
.setOption('fontSize', 16)
|
||||
.enableKey();
|
||||
|
||||
CloudCmd.Edit.show(ConfigView);
|
||||
});
|
||||
|
|
|
|||
233
client/edit-names.js
Normal file
233
client/edit-names.js
Normal file
|
|
@ -0,0 +1,233 @@
|
|||
/* global Promise */
|
||||
|
||||
var CloudCmd, Util, DOM, CloudFunc, MenuIO;
|
||||
|
||||
(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 ConfigView = {
|
||||
beforeClose: function() {
|
||||
exec.ifExist(Menu, 'hide');
|
||||
isChanged();
|
||||
DOM.Events.remove('keydown', keyListener);
|
||||
}
|
||||
};
|
||||
|
||||
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)
|
||||
.disableKey();
|
||||
|
||||
DOM.Events.addKey(keyListener);
|
||||
CloudCmd.Edit.show(ConfigView);
|
||||
};
|
||||
|
||||
function keyListener(event) {
|
||||
var ctrl = event.ctrlKey;
|
||||
var meta = event.metaKey;
|
||||
var ctrlMeta = ctrl || meta;
|
||||
var Key = CloudCmd.Key;
|
||||
|
||||
if (!ctrlMeta || event.keyCode !== Key.S)
|
||||
return;
|
||||
|
||||
EditNames.hide();
|
||||
}
|
||||
|
||||
function getActiveNames() {
|
||||
return DOM
|
||||
.getActiveFiles()
|
||||
.map(getName);
|
||||
}
|
||||
|
||||
this.hide = function() {
|
||||
CloudCmd.Edit.hide();
|
||||
};
|
||||
|
||||
function setListeners() {
|
||||
var element = CloudCmd.Edit.getElement();
|
||||
|
||||
DOM.Events.addOnce('contextmenu', element, setMenu);
|
||||
}
|
||||
|
||||
function applyNames() {
|
||||
var dir = Info.dirPath;
|
||||
var from = getActiveNames();
|
||||
var nameIndex = from.indexOf(Info.name);
|
||||
|
||||
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[nameIndex];
|
||||
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(EditNames.hide)
|
||||
.then(applyNames)
|
||||
.catch(EditNames.hide);
|
||||
}
|
||||
|
||||
init(callback);
|
||||
};
|
||||
|
||||
})(CloudCmd, Util, DOM, CloudFunc);
|
||||
|
||||
|
|
@ -1,3 +1,5 @@
|
|||
/* global itype */
|
||||
|
||||
var CloudCmd, Util, DOM, CloudFunc;
|
||||
|
||||
(function(CloudCmd, Util, DOM) {
|
||||
|
|
@ -26,6 +28,13 @@ var CloudCmd, Util, DOM, CloudFunc;
|
|||
}
|
||||
};
|
||||
|
||||
var Edit = function(fn) {
|
||||
if (!itype.function(fn))
|
||||
return;
|
||||
|
||||
fn();
|
||||
};
|
||||
|
||||
function init(callback) {
|
||||
var element = createElement();
|
||||
|
||||
|
|
@ -79,22 +88,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 +144,8 @@ var CloudCmd, Util, DOM, CloudFunc;
|
|||
}
|
||||
|
||||
init(callback);
|
||||
|
||||
return Edit;
|
||||
}
|
||||
|
||||
})(CloudCmd, Util, DOM, CloudFunc);
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
||||
/**
|
||||
* обновляем страницу,
|
||||
* загружаем содержимое каталога
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
[
|
||||
"edit",
|
||||
"edit-file",
|
||||
"edit-names",
|
||||
"menu",
|
||||
"view",
|
||||
"help",
|
||||
|
|
|
|||
|
|
@ -103,9 +103,9 @@
|
|||
"copymitter": "^1.8.0",
|
||||
"criton": "^1.0.0",
|
||||
"currify": "^2.0.3",
|
||||
"deepword": "^1.1.2",
|
||||
"dword": "^4.0.0",
|
||||
"edward": "^4.0.0",
|
||||
"deepword": "^1.3.0",
|
||||
"dword": "^4.1.0",
|
||||
"edward": "^4.2.0",
|
||||
"execon": "^1.2.0",
|
||||
"express": "^4.13.0",
|
||||
"files-io": "^1.2.0",
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue