153 lines
4.8 KiB
JavaScript
153 lines
4.8 KiB
JavaScript
var editors = {
|
|
data: [],
|
|
init: function() {
|
|
editors._initAutocomplete();
|
|
editors._initTabs();
|
|
},
|
|
_initAutocomplete: function() {
|
|
CodeMirror.registerHelper("hint", "go", function(editor) {
|
|
var word = /[\w$]+/;
|
|
|
|
var cur = editor.getCursor(), curLine = editor.getLine(cur.line);
|
|
|
|
var start = cur.ch, end = start;
|
|
while (end < curLine.length && word.test(curLine.charAt(end)))
|
|
++end;
|
|
while (start && word.test(curLine.charAt(start - 1)))
|
|
--start;
|
|
|
|
var request = {
|
|
code: editor.getValue(),
|
|
cursorLine: editor.getCursor().line,
|
|
cursorCh: editor.getCursor().ch
|
|
};
|
|
|
|
// XXX: 回调有问题，暂时不使用 WS 协议
|
|
//editorWS.send(JSON.stringify(request));
|
|
|
|
var autocompleteHints = [];
|
|
|
|
$.ajax({
|
|
async: false, // 同步执行
|
|
type: 'POST',
|
|
url: '/autocomplete',
|
|
data: JSON.stringify(request),
|
|
dataType: "json",
|
|
success: function(data) {
|
|
var autocompleteArray = data[1];
|
|
|
|
if (autocompleteArray) {
|
|
for (var i = 0; i < autocompleteArray.length; i++) {
|
|
autocompleteHints[i] = autocompleteArray[i].name;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
return {list: autocompleteHints, from: CodeMirror.Pos(cur.line, start), to: CodeMirror.Pos(cur.line, end)};
|
|
});
|
|
|
|
CodeMirror.commands.autocompleteAfterDot = function(cm) {
|
|
setTimeout(function() {
|
|
if (!cm.state.completionActive) {
|
|
cm.showHint({hint: CodeMirror.hint.go, completeSingle: false});
|
|
}
|
|
}, 50);
|
|
|
|
return CodeMirror.Pass;
|
|
};
|
|
|
|
CodeMirror.commands.autocompleteAnyWord = function(cm) {
|
|
cm.showHint({hint: CodeMirror.hint.auto});
|
|
};
|
|
},
|
|
_initTabs: function() {
|
|
var $tabsPanel = $(".edit-panel .tabs-panel"),
|
|
$tabs = $(".edit-panel .tabs");
|
|
|
|
$tabs.on("click", "span", function() {
|
|
var $it = $(this);
|
|
if ($it.hasClass("current")) {
|
|
return false;
|
|
}
|
|
|
|
var id = $it.data("id");
|
|
|
|
$tabs.children("span").removeClass("current");
|
|
$tabsPanel.children("div").hide();
|
|
|
|
$it.addClass("current");
|
|
$("#editor" + id).parent().show();
|
|
|
|
// set tree node selected
|
|
var node = tree.fileTree.getNodeByTId(id);
|
|
tree.fileTree.selectNode(node);
|
|
wide.curNode = node;
|
|
|
|
for (var i = 0, ii = editors.data.length; i < ii; i++) {
|
|
if (editors.data[i].id === id) {
|
|
wide.curEditor = editors.data[i].editor;
|
|
break;
|
|
}
|
|
}
|
|
});
|
|
},
|
|
_selectTab: function(id, editor) {
|
|
var $tabsPanel = $(".edit-panel .tabs-panel"),
|
|
$tabs = $(".edit-panel .tabs");
|
|
|
|
var $currentTab = $tabs.children(".current");
|
|
if ($currentTab.data("id") === id) {
|
|
return false;
|
|
}
|
|
|
|
$tabs.children("span").removeClass("current");
|
|
$tabsPanel.children("div").hide();
|
|
|
|
$tabs.children("span[data-id='" + id + "']").addClass("current");
|
|
$("#editor" + id).parent().show();
|
|
wide.curEditor = editor;
|
|
},
|
|
newEditor: function(data) {
|
|
var id = wide.curNode.tId;
|
|
for (var i = 0, ii = editors.data.length; i < ii; i++) {
|
|
if (editors.data[i].id === id) {
|
|
editors._selectTab(id, editors.data[i].editor);
|
|
return false;
|
|
}
|
|
}
|
|
|
|
var $tabsPanel = $(".edit-panel .tabs-panel"),
|
|
$tabs = $(".edit-panel .tabs");
|
|
|
|
$tabs.children("span").removeClass("current");
|
|
$tabsPanel.children("div").hide();
|
|
|
|
$tabsPanel.append('<div><textarea id="editor' + id + '" name="code"></textarea></div>');
|
|
$tabs.append('<span data-id="' + id + '" class="current">' + wide.curNode.name + '</span>');
|
|
|
|
var editor = CodeMirror.fromTextArea(document.getElementById("editor" + id), {
|
|
lineNumbers: true,
|
|
theme: 'lesser-dark',
|
|
indentUnit: 4,
|
|
extraKeys: {
|
|
"Ctrl-\\": "autocompleteAnyWord",
|
|
".": "autocompleteAfterDot"
|
|
}
|
|
});
|
|
editor.setSize('100%', 450);
|
|
editor.setValue(data.content);
|
|
editor.setOption("mode", data.mode);
|
|
|
|
wide.curEditor = editor;
|
|
editors.data.push({
|
|
"editor": editor,
|
|
"id": id
|
|
});
|
|
},
|
|
removeEditor: function() {
|
|
|
|
}
|
|
};
|
|
|
|
editors.init(); |