wide/static/js/menu.js

429 lines
16 KiB
JavaScript
Raw Normal View History

2014-11-12 18:13:14 +03:00
/*
* Copyright (c) 2014, B3log
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
2014-11-18 05:03:08 +03:00
*/
2014-11-12 18:13:14 +03:00
2014-09-10 14:08:35 +04:00
var menu = {
2014-10-13 13:01:44 +04:00
init: function () {
2014-09-10 14:08:35 +04:00
this.subMenu();
2014-11-18 05:03:08 +03:00
this._initPreference();
this._initAbout();
2014-09-13 09:05:50 +04:00
// 点击子菜单后消失
2014-10-13 13:01:44 +04:00
$(".frame li").click(function () {
2014-09-13 09:05:50 +04:00
$(this).closest(".frame").hide();
$(".menu > ul > li > a, .menu > ul> li > span").removeClass("selected");
2014-09-13 09:05:50 +04:00
});
2014-09-10 14:08:35 +04:00
},
2014-11-18 05:03:08 +03:00
_initAbout: function () {
$("#dialogAbout").load('/about', function () {
$("#dialogAbout").dialog({
"modal": true,
"height": 460,
"width": 800,
"title": config.label.about,
"hideFooter": true,
"afterOpen": function () {
$.ajax({
url: "http://rhythm.b3log.org/version/wide/latest",
type: "GET",
dataType: "jsonp",
jsonp: "callback",
success: function (data, textStatus) {
if ($("#dialogAbout .version").text() === data.wideVersion) {
$(".upgrade").text(config.label.uptodate);
} else {
$(".upgrade").html(config.label.new_version_available + config.label.colon
+ "<a href='" + data.wideDownload
+ "' target='_blank'>" + data.wideVersion + "</a>");
}
}
});
}
});
});
},
2014-10-13 13:01:44 +04:00
disabled: function (list) {
for (var i = 0, max = list.length; i < max; i++) {
$(".menu li." + list[i]).addClass("disabled");
}
},
undisabled: function (list) {
for (var i = 0, max = list.length; i < max; i++) {
$(".menu li." + list[i]).removeClass("disabled");
}
},
2014-09-13 09:05:50 +04:00
// 焦点不在菜单上时需点击展开子菜单,否则为鼠标移动展开
2014-10-13 13:01:44 +04:00
subMenu: function () {
$(".menu > ul > li > a, .menu > ul> li > span").click(function () {
2014-09-10 14:08:35 +04:00
var $it = $(this);
$it.next().show();
$(".menu > ul > li > a, .menu > ul> li > span").removeClass("selected");
$(this).addClass("selected");
2014-09-10 14:08:35 +04:00
$(".menu > ul > li > a, .menu > ul> li > span").unbind();
2014-10-13 13:01:44 +04:00
$(".menu > ul > li > a, .menu > ul> li > span").mouseover(function () {
2014-09-10 14:08:35 +04:00
$(".frame").hide();
$(this).next().show();
$(".menu > ul > li > a, .menu > ul> li > span").removeClass("selected");
$(this).addClass("selected");
2014-09-10 14:08:35 +04:00
});
});
2014-11-18 05:03:08 +03:00
},
openPreference: function () {
$("#dialogPreference").dialog("open");
},
saveAllFiles: function () {
if ($(".menu li.save-all").hasClass("disabled")) {
return false;
}
for (var i = 0, ii = editors.data.length; i < ii; i++) {
var path = tree.fileTree.getNodeByTId(editors.data[i].id).path;
var editor = editors.data[i].editor;
if ("text/x-go" === editor.getOption("mode")) {
wide.fmt(path, editor);
} else {
wide._save(path, editor);
}
}
},
closeAllFiles: function () {
if ($(".menu li.close-all").hasClass("disabled")) {
return false;
}
// 设置全部关闭标识
var removeData = [];
$(".edit-panel .tabs > div").each(function (i) {
if (i !== 0) {
removeData.push($(this).data("index"));
}
});
$("#dialogCloseEditor").data("removeData", removeData);
// 开始关闭
$(".edit-panel .tabs .ico-close:eq(0)").click();
},
exit: function () {
var request = newWideRequest();
$.ajax({
type: 'POST',
url: '/logout',
data: JSON.stringify(request),
dataType: "json",
success: function (data) {
if (data.succ) {
window.location.href = "/login";
}
}
});
},
openAbout: function () {
$("#dialogAbout").dialog("open");
},
goget: function () {
menu.saveAllFiles();
var currentPath = editors.getCurrentPath();
if (!currentPath) {
return false;
}
if ($(".menu li.go-get").hasClass("disabled")) {
return false;
}
var request = newWideRequest();
request.file = currentPath;
$.ajax({
type: 'POST',
url: '/go/get',
data: JSON.stringify(request),
dataType: "json",
beforeSend: function (data) {
bottomGroup.resetOutput();
},
success: function (data) {
}
});
},
goinstall: function () {
menu.saveAllFiles();
var currentPath = editors.getCurrentPath();
if (!currentPath) {
return false;
}
if ($(".menu li.go-install").hasClass("disabled")) {
return false;
}
var request = newWideRequest();
request.file = currentPath;
$.ajax({
type: 'POST',
url: '/go/install',
data: JSON.stringify(request),
dataType: "json",
beforeSend: function (data) {
bottomGroup.resetOutput();
},
success: function (data) {
}
});
},
// 测试.
test: function () {
menu.saveAllFiles();
var currentPath = editors.getCurrentPath();
if (!currentPath) {
return false;
}
if ($(".menu li.test").hasClass("disabled")) {
return false;
}
var request = newWideRequest();
request.file = currentPath;
$.ajax({
type: 'POST',
url: '/go/test',
data: JSON.stringify(request),
dataType: "json",
beforeSend: function (data) {
bottomGroup.resetOutput();
},
success: function (data) {
}
});
},
2014-11-19 04:39:06 +03:00
// Build & Run.
2014-11-18 05:03:08 +03:00
run: function () {
menu.saveAllFiles();
var currentPath = editors.getCurrentPath();
if (!currentPath) {
return false;
}
if ($(".menu li.run").hasClass("disabled")) {
return false;
}
if ($(".toolbars .ico-stop").length === 1) {
wide.stop();
return false;
}
var request = newWideRequest();
request.file = currentPath;
request.code = wide.curEditor.getValue();
request.nextCmd = "run";
$.ajax({
type: 'POST',
url: '/build',
data: JSON.stringify(request),
dataType: "json",
beforeSend: function (data) {
bottomGroup.resetOutput();
},
success: function (data) {
$(".toolbars .ico-buildrun").addClass("ico-stop")
.removeClass("ico-buildrun").attr("title", config.label.stop);
}
});
},
2014-11-19 04:39:06 +03:00
// Build.
2014-11-18 05:03:08 +03:00
build: function () {
menu.saveAllFiles();
var currentPath = editors.getCurrentPath();
if (!currentPath) {
return false;
}
if ($(".menu li.build").hasClass("disabled")) {
return false;
}
var request = newWideRequest();
request.file = currentPath;
request.code = wide.curEditor.getValue();
request.nextCmd = ""; // 只构建,无下一步操作
$.ajax({
type: 'POST',
url: '/build',
data: JSON.stringify(request),
dataType: "json",
beforeSend: function (data) {
bottomGroup.resetOutput();
},
success: function (data) {
}
});
},
_initPreference: function () {
$("#dialogPreference").load('/preference', function () {
$("#dialogPreference input").keyup(function () {
2014-12-08 10:18:28 +03:00
var isChange = false,
emptys = [],
emptysTip = '';
2014-11-18 05:03:08 +03:00
$("#dialogPreference input").each(function () {
2014-12-08 10:18:28 +03:00
var $it = $(this);
// data-value 如为数字,则不会和 value 一样转换为 String再次不使用全等
if ($it.val() != $it.data("value")) {
2014-11-18 05:03:08 +03:00
isChange = true;
}
2014-12-08 10:18:28 +03:00
if ($.trim($it.val()) === '') {
emptys.push($it);
}
2014-11-18 05:03:08 +03:00
});
var $okBtn = $("#dialogPreference").closest(".dialog-main").find(".dialog-footer > button:eq(0)");
if (isChange) {
$okBtn.prop("disabled", false);
} else {
$okBtn.prop("disabled", true);
}
2014-12-08 10:18:28 +03:00
if (emptys.length === 0) {
$("#dialogPreference").find(".tip").html("");
2014-12-09 10:07:26 +03:00
$okBtn.prop("disabled", false);
2014-12-08 10:18:28 +03:00
} else {
for (var i = 0, max = emptys.length; i < max; i++) {
2014-12-09 10:07:26 +03:00
var tabIndex = emptys[i].closest('div').data("index"),
text = $.trim(emptys[i].parent().text());
emptysTip += '[' + $("#dialogPreference .tabs > div[data-index=" + tabIndex + "]").text()
+ '] -> [' + text.substr(0, text.length - 1)
2014-12-08 11:11:43 +03:00
+ ']: ' + config.label.no_empty + "<br/>";
2014-12-08 10:18:28 +03:00
}
$("#dialogPreference").find(".tip").html(emptysTip);
2014-12-09 10:07:26 +03:00
$okBtn.prop("disabled", true);
2014-12-08 10:18:28 +03:00
}
2014-11-18 05:03:08 +03:00
});
2014-11-26 06:24:24 +03:00
$("#dialogPreference select").on("change", function () {
var isChange = false;
2014-12-08 10:18:28 +03:00
$("#dialogPreference select").each(function () {
2014-11-26 06:24:24 +03:00
if ($(this).val() !== $(this).data("value")) {
isChange = true;
}
});
var $okBtn = $("#dialogPreference").closest(".dialog-main").find(".dialog-footer > button:eq(0)");
if (isChange) {
$okBtn.prop("disabled", false);
} else {
$okBtn.prop("disabled", true);
}
});
2014-11-18 05:03:08 +03:00
$("#dialogPreference").dialog({
"modal": true,
2014-12-01 11:54:22 +03:00
"height": 280,
2014-11-18 05:03:08 +03:00
"width": 800,
"title": config.label.perference,
"okText": config.label.apply,
"cancelText": config.label.cancel,
"afterOpen": function () {
var $okBtn = $("#dialogPreference").closest(".dialog-main").find(".dialog-footer > button:eq(0)");
$okBtn.prop("disabled", true);
},
"ok": function () {
var request = newWideRequest(),
$dialogPreference = $("#dialogPreference"),
$fontFamily = $dialogPreference.find("input[name=fontFamily]"),
$fontSize = $dialogPreference.find("input[name=fontSize]"),
2014-12-08 11:11:43 +03:00
$goFmt = $dialogPreference.find("select[name=goFmt]"),
2014-11-18 05:03:08 +03:00
$workspace = $dialogPreference.find("input[name=workspace]"),
$password = $dialogPreference.find("input[name=password]"),
2014-12-08 09:02:39 +03:00
$email = $dialogPreference.find("input[name=email]"),
2014-12-08 11:11:43 +03:00
$locale = $dialogPreference.find("select[name=locale]"),
$theme = $dialogPreference.find("select[name=theme]"),
2014-11-30 05:18:17 +03:00
$editorFontFamily = $dialogPreference.find("input[name=editorFontFamily]"),
$editorFontSize = $dialogPreference.find("input[name=editorFontSize]"),
$editorLineHeight = $dialogPreference.find("input[name=editorLineHeight]"),
2014-12-08 11:11:43 +03:00
$editorTheme = $dialogPreference.find("select[name=editorTheme]"),
2014-12-01 10:25:21 +03:00
$editorTabSize = $dialogPreference.find("input[name=editorTabSize]");
2014-11-18 05:03:08 +03:00
$.extend(request, {
"fontFamily": $fontFamily.val(),
"fontSize": $fontSize.val(),
"goFmt": $goFmt.val(),
"workspace": $workspace.val(),
"password": $password.val(),
2014-12-08 09:02:39 +03:00
"email": $email.val(),
2014-11-30 05:18:17 +03:00
"locale": $locale.val(),
"theme": $theme.val(),
"editorFontFamily": $editorFontFamily.val(),
"editorFontSize": $editorFontSize.val(),
"editorLineHeight": $editorLineHeight.val(),
2014-12-01 09:49:16 +03:00
"editorTheme": $editorTheme.val(),
"editorTabSize": $editorTabSize.val()
2014-11-18 05:03:08 +03:00
});
$.ajax({
type: 'POST',
url: '/preference',
data: JSON.stringify(request),
success: function (data, textStatus, jqXHR) {
if (!data.succ) {
return false;
}
$fontFamily.data("value", $fontFamily.val());
$fontSize.data("value", $fontSize.val());
$goFmt.data("value", $goFmt.val());
$workspace.data("value", $workspace.val());
$password.data("value", $password.val());
2014-12-08 09:02:39 +03:00
$email.data("value", $email.val());
2014-11-18 05:03:08 +03:00
$locale.data("value", $locale.val());
2014-11-30 05:18:17 +03:00
$theme.data("value", $theme.val());
$editorFontFamily.data("value", $editorFontFamily.val());
$editorFontSize.data("value", $editorFontSize.val());
$editorLineHeight.data("value", $editorLineHeight.val());
$editorTheme.data("value", $editorTheme.val());
2014-12-01 09:49:16 +03:00
$editorTabSize.data("value", $editorTabSize.val());
2014-11-18 05:03:08 +03:00
var $okBtn = $("#dialogPreference").closest(".dialog-main").find(".dialog-footer > button:eq(0)");
$okBtn.prop("disabled", true);
2014-12-01 10:19:59 +03:00
$("#themesLink").attr("href", config.staticServer + '/static/css/themes/' + $theme.val() + '.css');
2014-12-01 10:25:21 +03:00
config.editorTheme = $editorTheme.val();
for (var i = 0, ii = editors.data.length; i < ii; i++) {
editors.data[i].editor.setOption("theme", $editorTheme.val());
}
2014-11-18 05:03:08 +03:00
}
});
}
});
new Tabs({
id: ".preference"
});
});
2014-12-01 10:19:59 +03:00
}
2014-09-10 14:08:35 +04:00
};