wide/static/js/wide.js

456 lines
16 KiB
JavaScript
Raw Normal View History

2014-09-17 06:54:57 +04:00
var outputWS = new WebSocket(config.channel.output + '/output/ws?sid=' + config.wideSessionId);
outputWS.onopen = function() {
2014-08-18 17:45:43 +04:00
console.log('[output onopen] connected');
};
2014-08-22 11:37:26 +04:00
outputWS.onmessage = function(e) {
2014-08-18 17:45:43 +04:00
console.log('[output onmessage]' + e.data);
var data = JSON.parse(e.data);
2014-08-29 13:24:08 +04:00
2014-09-09 11:33:12 +04:00
if (goLintFound) {
goLintFound = [];
}
2014-09-16 13:32:55 +04:00
if ('run' === data.nextCmd) {
2014-09-17 06:04:41 +04:00
var request = newWideRequest();
request.executable = data.executable;
2014-09-16 13:32:55 +04:00
$.ajax({
type: 'POST',
url: '/run',
data: JSON.stringify(request),
dataType: "json",
beforeSend: function(data) {
2014-09-17 06:10:26 +04:00
$('.bottom-window-group .output').text('');
2014-09-16 13:32:55 +04:00
},
success: function(data) {
2014-09-16 13:32:55 +04:00
}
});
}
if ('run' === data.cmd) { // 正在运行
2014-09-17 06:10:26 +04:00
$('.bottom-window-group .output').text($('.bottom-window-group .output').text() + data.output);
2014-09-16 13:32:55 +04:00
} else if ('run-done' === data.cmd) { // 运行结束
// TODO: 运行结束后修改 [构建&运行] 图标状态为可用状态
2014-09-09 13:01:22 +04:00
} else if ('build' === data.cmd || 'go install' === data.cmd) {
2014-09-17 06:10:26 +04:00
$('.bottom-window-group .output').text(data.output);
2014-08-29 13:24:08 +04:00
2014-09-09 12:33:48 +04:00
if (0 !== data.output.length) { // 说明编译有错误输出
2014-09-09 11:33:12 +04:00
for (var i = 0; i < data.lints.length; i++) {
var lint = data.lints[i];
goLintFound.push({from: CodeMirror.Pos(lint.lineNo, 0),
to: CodeMirror.Pos(lint.lineNo, 0),
2014-09-09 12:33:48 +04:00
message: lint.msg, severity: lint.severity});
2014-09-09 11:33:12 +04:00
}
2014-09-16 13:32:55 +04:00
// TODO: 修改 [构建&运行] 图标状态为可用状态
2014-08-29 13:24:08 +04:00
}
2014-09-09 17:53:53 +04:00
// 触发一次 gutter lint
CodeMirror.signal(wide.curEditor, "change", wide.curEditor);
2014-09-09 13:01:22 +04:00
} else if ('go get' === data.cmd || 'go install' === data.cmd) {
2014-09-17 06:10:26 +04:00
$('.bottom-window-group .output').text($('.bottom-window-group .output').text() + data.output);
2014-09-05 10:33:43 +04:00
}
2014-08-18 17:45:43 +04:00
};
outputWS.onclose = function(e) {
2014-08-18 17:45:43 +04:00
console.log('[output onclose] disconnected (' + e.code + ')');
delete outputWS;
};
outputWS.onerror = function(e) {
2014-08-18 17:45:43 +04:00
console.log('[output onerror] ' + e);
};
var wide = {
2014-08-29 13:24:08 +04:00
curNode: undefined,
curEditor: undefined,
2014-09-17 06:10:26 +04:00
bottomWindowTab: undefined,
_initDialog: function() {
$("#dialogRemoveConfirm").dialog({
"height": 26,
"width": 260,
"title": config.label.delete,
"okText": config.label.delete,
"cancelText": config.label.cancel,
"afterOpen": function() {
$("#dialogRemoveConfirm > b").html('"' + wide.curNode.name + '"');
},
"ok": function() {
var request = newWideRequest();
request.path = wide.curNode.path;
$.ajax({
type: 'POST',
url: '/file/remove',
data: JSON.stringify(request),
dataType: "json",
success: function(data) {
if (!data.succ) {
return false;
}
$("#dialogRemoveConfirm").dialog("close");
tree.fileTree.removeNode(wide.curNode);
if ("ico-ztree-dir " !== wide.curNode.iconSkin) {
// 是文件的话,查看 editor 中是否被打开,如打开则移除
for (var i = 0, ii = editors.data.length; i < ii; i++) {
if (editors.data[i].id === wide.curNode.tId) {
$(".edit-header .tabs > div[data-index=" + wide.curNode.tId + "]").find(".ico-close").click();
break;
}
}
} else {
for (var i = 0, ii = editors.data.length; i < ii; i++) {
if (tree._isParents(editors.data[i].id, wide.curNode.tId)) {
$(".edit-header .tabs > div[data-index=" + editors.data[i].id + "]").find(".ico-close").click();
i--;
ii--;
}
}
}
}
});
}
});
$(".dialog-prompt > input").keydown(function(event) {
$(".dialog-prompt > .tip").text('');
if (event.which === 13) {
$(this).closest(".dialog-main").find(".dialog-footer > button:eq(0)").click();
}
});
$("#dialogNewFilePrompt").dialog({
"height": 52,
"width": 260,
"title": config.label.create_file,
"okText": config.label.create,
"cancelText": config.label.cancel,
"afterOpen": function() {
$("#dialogNewFilePrompt > input").val('').focus();
},
"ok": function() {
var request = newWideRequest(),
name = $("#dialogNewFilePrompt > input").val();
if ($.trim(name) === "") {
$("#dialogNewFilePrompt > .tip").text(config.label.input_no_empty);
return false;
}
request.path = wide.curNode.path + '\\' + name;
request.fileType = "f";
$.ajax({
type: 'POST',
url: '/file/new',
data: JSON.stringify(request),
dataType: "json",
success: function(data) {
if (!data.succ) {
return false;
}
$("#dialogNewFilePrompt").dialog("close");
var suffix = name.split(".")[1],
iconSkin = "ico-ztree-other ";
switch (suffix) {
case "html", "htm":
iconSkin = "ico-ztree-html ";
break;
case "go":
iconSkin = "ico-ztree-go ";
break;
case "css":
iconSkin = "ico-ztree-css ";
break;
case "txt":
iconSkin = "ico-ztree-text ";
break;
case "sql":
iconSkin = "ico-ztree-sql ";
break;
case "properties":
iconSkin = "ico-ztree-pro ";
break;
case "md":
iconSkin = "ico-ztree-md ";
break;
case "js", "json":
iconSkin = "ico-ztree-js ";
break;
case "xml":
iconSkin = "ico-ztree-xml ";
break;
case "jpg", "jpeg", "bmp", "gif", "png", "svg", "ico":
iconSkin = "ico-ztree-img ";
break;
}
tree.fileTree.addNodes(wide.curNode, [{
"name": name,
"iconSkin": iconSkin,
"path": request.path,
"mode": data.mode
}]);
}
});
}
});
$("#dialogNewDirPrompt").dialog({
"height": 52,
"width": 260,
"title": config.label.create_dir,
"okText": config.label.create,
"cancelText": config.label.cancel,
"afterOpen": function() {
$("#dialogNewDirPrompt > input").val('').focus();
},
"ok": function() {
var name = $("#dialogNewDirPrompt > input").val(),
request = newWideRequest();
if ($.trim(name) === "") {
$("#dialogNewDirPrompt > .tip").text(config.label.input_no_empty);
return false;
}
request.path = wide.curNode.path + '\\' + name;
request.fileType = "d";
$.ajax({
type: 'POST',
url: '/file/new',
data: JSON.stringify(request),
dataType: "json",
success: function(data) {
if (!data.succ) {
return false;
}
$("#dialogNewDirPrompt").dialog("close");
tree.fileTree.addNodes(wide.curNode, [{
"name": name,
"iconSkin": "ico-ztree-dir ",
"path": request.path
}]);
}
});
}
});
$("#dialogGoLinePrompt").dialog({
"height": 52,
"width": 260,
"title": config.label.goto_line,
"okText": config.label.goto,
"cancelText": config.label.cancel,
"afterOpen": function() {
$("#dialogGoLinePrompt > input").val('').focus();
},
"ok": function() {
var line = parseInt($("#dialogGoLinePrompt > input").val());
if ($.trim(line) === "") {
$("#dialogGoLinePrompt > .tip").text(config.label.input_no_empty);
return false;
}
$("#dialogGoLinePrompt").dialog("close");
wide.curEditor.setCursor(CodeMirror.Pos(line - 1, 0));
wide.curEditor.focus();
}
});
},
_initLayout: function() {
2014-09-02 18:57:30 +04:00
var mainH = $(window).height() - $(".menu").height() - $(".footer").height() - 2;
2014-09-02 14:09:01 +04:00
$(".content, .ztree").height(mainH);
2014-09-05 10:33:43 +04:00
$(".edit-panel").height(mainH - $(".bottom-window-group").height());
2014-09-02 14:09:01 +04:00
},
_initBottomWindowGroup: function() {
2014-09-17 06:10:26 +04:00
this.bottomWindowTab = new Tabs({
2014-09-19 13:58:29 +04:00
id: ".bottom-window-group",
clickAfter: function(id) {
2014-09-19 13:58:29 +04:00
this._$tabsPanel.find("." + id).focus();
}
});
},
init: function() {
2014-09-02 14:09:01 +04:00
this._initLayout();
2014-09-17 06:04:41 +04:00
this._initBottomWindowGroup();
2014-08-18 17:45:43 +04:00
$("body").bind("mousedown", function(event) {
2014-08-18 17:45:43 +04:00
if (!(event.target.id === "dirRMenu" || $(event.target).closest("#dirRMenu").length > 0)) {
$("#dirRMenu").hide();
}
if (!(event.target.id === "fileRMenu" || $(event.target).closest("#fileRMenu").length > 0)) {
$("#fileRMenu").hide();
}
2014-09-10 14:08:35 +04:00
if (!($(event.target).closest(".frame").length > 0 || event.target.className === "frame")) {
$(".frame").hide();
$(".menu > ul > li > a, .menu > ul> li > span").unbind("mouseover");
menu.subMenu();
}
2014-08-18 17:45:43 +04:00
});
2014-09-13 20:07:03 +04:00
this._initDialog();
2014-08-18 17:45:43 +04:00
},
_save: function() {
2014-09-17 06:04:41 +04:00
var request = newWideRequest();
request.file = $(".edit-header .current span:eq(0)").attr("title");
request.code = wide.curEditor.getValue();
2014-08-18 17:45:43 +04:00
$.ajax({
type: 'POST',
2014-08-22 06:09:48 +04:00
url: '/file/save',
2014-08-18 17:45:43 +04:00
data: JSON.stringify(request),
dataType: "json",
success: function(data) {
2014-08-18 17:45:43 +04:00
}
});
},
saveFile: function() {
2014-09-20 07:54:33 +04:00
// 格式化后会对文件进行保存
this.fmt();
},
saveAllFiles: function() {
// TODO: save all open files
for (var i = 0, ii = editors.data.length; i < ii; i++) {
}
console.log("TODO: save all files");
2014-09-10 18:43:34 +04:00
},
closeFile: function() {
2014-09-14 16:37:48 +04:00
// TODO: close file
2014-09-10 18:43:34 +04:00
},
closeAllFiles: function() {
2014-09-14 16:37:48 +04:00
// TODO: close all files
2014-09-10 18:43:34 +04:00
},
exit: function() {
2014-09-10 18:43:34 +04:00
// TODO: exit
},
2014-09-16 13:32:55 +04:00
// 构建 & 运行.
run: function() {
2014-09-17 06:04:41 +04:00
var request = newWideRequest();
request.file = $(".edit-header .current span:eq(0)").attr("title");
request.code = wide.curEditor.getValue();
2014-08-29 13:24:08 +04:00
2014-09-16 13:32:55 +04:00
// TODO: 修改 [构建&运行] 图标状态为不可用状态
2014-08-18 17:45:43 +04:00
$.ajax({
type: 'POST',
2014-08-22 07:57:05 +04:00
url: '/build',
2014-08-18 17:45:43 +04:00
data: JSON.stringify(request),
dataType: "json",
beforeSend: function(data) {
2014-09-17 06:10:26 +04:00
$('.bottom-window-group .output').text('');
2014-08-18 17:45:43 +04:00
},
success: function(data) {
2014-09-05 08:18:50 +04:00
}
});
},
goget: function() {
2014-09-17 06:04:41 +04:00
var request = newWideRequest();
request.file = $(".edit-header .current span:eq(0)").attr("title");
2014-08-29 13:24:08 +04:00
2014-09-05 08:18:50 +04:00
$.ajax({
type: 'POST',
url: '/go/get',
data: JSON.stringify(request),
dataType: "json",
beforeSend: function(data) {
2014-09-17 06:10:26 +04:00
$('.bottom-window-group .output').text('');
2014-09-09 13:01:22 +04:00
},
success: function(data) {
2014-09-09 13:01:22 +04:00
}
});
},
goinstall: function() {
2014-09-17 06:04:41 +04:00
var request = newWideRequest();
request.file = $(".edit-header .current span:eq(0)").attr("title");
request.code = wide.curEditor.getValue();
2014-09-09 13:01:22 +04:00
$.ajax({
type: 'POST',
url: '/go/install',
data: JSON.stringify(request),
dataType: "json",
beforeSend: function(data) {
2014-09-17 06:10:26 +04:00
$('.bottom-window-group .output').text('');
2014-09-05 08:18:50 +04:00
},
success: function(data) {
2014-08-18 17:45:43 +04:00
}
});
},
fmt: function() {
2014-09-12 13:50:46 +04:00
var path = $(".edit-header .current span:eq(0)").attr("title");
var mode = wide.curEditor.getOption("mode");
2014-09-07 13:31:57 +04:00
2014-09-17 06:04:41 +04:00
var request = newWideRequest();
request.file = path;
request.code = wide.curEditor.getValue();
request.cursorLine = wide.curEditor.getCursor().line;
request.cursorCh = wide.curEditor.getCursor().ch;
2014-09-07 13:31:57 +04:00
switch (mode) {
2014-09-20 07:54:33 +04:00
case "text/x-go": // 会保存文件
2014-09-07 13:31:57 +04:00
$.ajax({
type: 'POST',
url: '/go/fmt',
data: JSON.stringify(request),
dataType: "json",
success: function(data) {
2014-09-07 13:31:57 +04:00
if (data.succ) {
wide.curEditor.setValue(data.code);
}
}
});
break;
2014-09-20 07:54:33 +04:00
case "text/html": // 会保存文件
2014-09-07 13:31:57 +04:00
$.ajax({
type: 'POST',
url: '/html/fmt',
data: JSON.stringify(request),
dataType: "json",
success: function(data) {
2014-09-07 13:31:57 +04:00
if (data.succ) {
wide.curEditor.setValue(data.code);
}
}
});
2014-09-07 14:13:55 +04:00
break;
case "application/json":
try {
// 在客户端浏览器中进行 JSON 格式化
var json = JSON.parse(wide.curEditor.getValue());
wide.curEditor.setValue(JSON.stringify(json, "", " "));
2014-09-09 11:33:12 +04:00
2014-09-20 07:54:33 +04:00
wide._save();
2014-09-07 14:13:55 +04:00
} catch (e) {
delete e;
}
2014-09-07 13:31:57 +04:00
break;
default :
2014-09-16 18:39:22 +04:00
// TODO: XML 格式化处理
2014-09-20 07:54:33 +04:00
// 所有文件格式化后都需要进行保存
wide._save();
2014-09-07 13:31:57 +04:00
break;
}
2014-08-18 17:45:43 +04:00
}
};
$(document).ready(function() {
2014-08-18 17:45:43 +04:00
wide.init();
tree.init();
2014-09-10 14:08:35 +04:00
menu.init();
hotkeys.init();
2014-09-19 13:58:29 +04:00
notification.init();
2014-09-23 17:03:44 +04:00
session.init();
2014-08-18 17:45:43 +04:00
});