Version 3.3.3
压缩与合并js与css文件，js与src原文件移至src目录下
This commit is contained in:
firesun
558
src/js/loadmyjs.js
Normal file
558
src/js/loadmyjs.js
Normal file
@@ -0,0 +1,558 @@
|
||||
$(document).ready(function() {
|
||||
var base_height = $("#nav-section").height() - $("#dash-logo").outerHeight(true);
|
||||
////////////////
|
||||
//分割栏初始化//
|
||||
////////////////
|
||||
$("#myJS_splitter").jqxSplitter({
|
||||
width: '100%',
|
||||
height: base_height > 0 ? base_height : 0,
|
||||
panels: [{
|
||||
size: '400px'
|
||||
}]
|
||||
});
|
||||
|
||||
////////////////
|
||||
//js列表初始化//
|
||||
////////////////
|
||||
var myJS_last_select_index = -1;
|
||||
var myJS_is_select_rollback = false;
|
||||
var myJS_last_select_name = "";
|
||||
|
||||
//数据源与datafields
|
||||
var myJS_source = {
|
||||
datatype: "json",
|
||||
datafields: [{
|
||||
name: "js_uri"
|
||||
}, {
|
||||
name: "js_name"
|
||||
}, {
|
||||
name: "js_description"
|
||||
}, {
|
||||
name: "js_name_abbr"
|
||||
}, {
|
||||
name: "js_description_abbr"
|
||||
} ],
|
||||
|
||||
id: "js_name",
|
||||
url: urlbase + "?my_js_cmd=list"
|
||||
};
|
||||
|
||||
var myJS_dataAdapter = new $.jqx.dataAdapter(myJS_source, {
|
||||
loadComplete: function() {
|
||||
if (myJS_last_select_name !== "") {
|
||||
$("#myJS_listbox").jqxListBox('selectItem', myJS_last_select_name);
|
||||
myJS_last_select_name = "";
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$('#myJS_listbox').jqxListBox({
|
||||
selectedIndex: -1,
|
||||
source: myJS_dataAdapter,
|
||||
displayMember: "js_name",
|
||||
valueMember: "js_name",
|
||||
itemHeight: 60,
|
||||
width: '100%',
|
||||
height: base_height - 29 > 0 ? base_height - 29 : 0,
|
||||
renderer: function(index, label, value) {
|
||||
//注：js_name_abbr与js_description_abbr经过了stripStr
|
||||
var datarecord = myJS_dataAdapter.records[index];
|
||||
var imgurl = 'static/images/js_icon.png';
|
||||
var img = '<img height="50" width="50" src="' + imgurl + '"/>';
|
||||
var table = '<table class="listbox_item_table"><tr><td class="listbox_item_img" rowspan="2">' + img + '</td><td class="listbox_item_name">' + datarecord.js_name_abbr + '.js</td></tr><tr><td class="listbox_item_description">' + datarecord.js_description_abbr + '</td></tr></table>';
|
||||
|
||||
return table;
|
||||
}
|
||||
});
|
||||
|
||||
$('#myJS_listbox').on('select', function(event) {
|
||||
myJS_update_form(event.args.index);
|
||||
});
|
||||
|
||||
//////////////////
|
||||
//js列表相关函数//
|
||||
//////////////////
|
||||
|
||||
//清空编辑表单
|
||||
function myJS_clear_form() {
|
||||
$('#myJS_name').val("");
|
||||
$('#myJS_description').val("");
|
||||
|
||||
myJS_editor.setValue("", -1);
|
||||
$('#myJS_form').data('changed', false);
|
||||
|
||||
}
|
||||
|
||||
//根据列表选中的index，加载编辑表单
|
||||
function myJS_update_form(current_select_index) {
|
||||
if (myJS_is_select_rollback) {
|
||||
myJS_is_select_rollback = false;
|
||||
return;
|
||||
}
|
||||
|
||||
if ($('#myJS_form').data('changed')) {
|
||||
|
||||
if (confirm("------------------------------------\n提示：未保存的内容将会丢失！\n------------------------------------\n\n确认离开吗？")) {
|
||||
$('#myJS_form').data('changed', false);
|
||||
myJS_last_select_index = current_select_index;
|
||||
} else {
|
||||
myJS_is_select_rollback = true;
|
||||
$('#myJS_listbox').jqxListBox('selectIndex', myJS_last_select_index);
|
||||
return;
|
||||
}
|
||||
|
||||
} else {
|
||||
myJS_last_select_index = current_select_index;
|
||||
}
|
||||
|
||||
//index为-1，代表list没有选中项，现在是新增一个js
|
||||
if (current_select_index === -1) {
|
||||
$('#myJS_ok').text('新增');
|
||||
myJS_clear_form();
|
||||
}
|
||||
//index为大于0代表现在是修改一个js
|
||||
else {
|
||||
$('#myJS_ok').text('修改');
|
||||
var datarecord = myJS_dataAdapter.records[current_select_index];
|
||||
$('#myJS_name').val(datarecord.js_name);
|
||||
$('#myJS_description').val(datarecord.js_description);
|
||||
|
||||
myJS_update_content(datarecord.js_name);
|
||||
}
|
||||
}
|
||||
|
||||
//根据列表选中的index，将对应js的内容加载到编辑器中
|
||||
function myJS_update_content(filename) {
|
||||
$('#myJS_form').data('changed', false);
|
||||
myJS_editor.setReadOnly(true);
|
||||
|
||||
$.ajax({
|
||||
url: urlbase + "?my_js_cmd=get&name=" + filename,
|
||||
dataType: "json",
|
||||
timeout: interval,
|
||||
success: function(data) {
|
||||
myJS_editor.setValue(data, -1);
|
||||
$('#myJS_form').data('changed', false);
|
||||
myJS_editor.setReadOnly(false);
|
||||
},
|
||||
complete: function(XMLHttpRequest, status) {
|
||||
if (status == 'timeout') {
|
||||
alert("载入超时！");
|
||||
} else if (status == "parsererror") {
|
||||
window.location.href = "login.php";
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//重新载入js列表
|
||||
function reload_myJS_listbox() {
|
||||
$('#myJS_form').data('changed', false);
|
||||
myJS_dataAdapter.dataBind();
|
||||
}
|
||||
|
||||
//////////////////////
|
||||
//js列表工具栏初始化//
|
||||
//////////////////////
|
||||
$("#myJS_add_button").jqxButton({
|
||||
width: 65,
|
||||
height: 20
|
||||
});
|
||||
$("#myJS_del_button").jqxButton({
|
||||
width: 65,
|
||||
height: 20
|
||||
});
|
||||
$("#myJS_clear_button").jqxButton({
|
||||
width: 65,
|
||||
height: 20
|
||||
});
|
||||
|
||||
$("#myJS_add_button").click(function(event) {
|
||||
$('#myJS_listbox').jqxListBox('selectIndex', -1);
|
||||
});
|
||||
|
||||
$("#myJS_del_button").click(function(event) {
|
||||
var index = $("#myJS_listbox").jqxListBox('getSelectedIndex');
|
||||
if (index >= 0) {
|
||||
if (confirm("您确认执行删除操作么？")) {
|
||||
var datarecord = myJS_dataAdapter.records[index];
|
||||
$.ajax({
|
||||
url: urlbase + "?my_js_cmd=del&name=" + datarecord.js_name,
|
||||
dataType: "json",
|
||||
timeout: interval,
|
||||
success: function(result) {
|
||||
if (result) {
|
||||
$('#myJS_listbox').jqxListBox('selectIndex', -1);
|
||||
reload_myJS_listbox();
|
||||
} else {
|
||||
$('#failedWindow').jqxWindow('open');
|
||||
$("#failedWindow").addClass('animated');
|
||||
}
|
||||
|
||||
},
|
||||
complete: function(XMLHttpRequest, status) {
|
||||
if (status == 'timeout') {
|
||||
$('#failedWindow').jqxWindow('open');
|
||||
$("#failedWindow").addClass('animated');
|
||||
} else if (status == "parsererror") {
|
||||
window.location.href = "login.php";
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
$("#myJS_clear_button").click(function(event) {
|
||||
if (confirm("您确认清空所有JS模板么？")) {
|
||||
$.ajax({
|
||||
url: urlbase + "?my_js_cmd=clear",
|
||||
dataType: "json",
|
||||
timeout: interval,
|
||||
success: function(result) {
|
||||
if (result) {
|
||||
$('#myJS_listbox').jqxListBox('selectIndex', -1);
|
||||
reload_myJS_listbox();
|
||||
} else {
|
||||
$('#failedWindow').jqxWindow('open');
|
||||
$("#failedWindow").addClass('animated');
|
||||
}
|
||||
|
||||
},
|
||||
complete: function(XMLHttpRequest, status) {
|
||||
if (status == 'timeout') {
|
||||
$('#failedWindow').jqxWindow('open');
|
||||
$("#failedWindow").addClass('animated');
|
||||
} else if (status == "parsererror") {
|
||||
window.location.href = "login.php";
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
//////////////////////
|
||||
//编辑面板表单初始化//
|
||||
//////////////////////
|
||||
$("#myJS_form").change(function() {
|
||||
$('#myJS_form').data('changed', true);
|
||||
});
|
||||
|
||||
//////////////////////////
|
||||
//编辑面板输入控件初始化//
|
||||
//////////////////////////
|
||||
$("#myJS_name").jqxInput({
|
||||
width: '80%',
|
||||
height: '20px',
|
||||
placeHolder: '请输入js模板名...'
|
||||
});
|
||||
|
||||
$('#myJS_description').jqxTextArea({
|
||||
width: '100%',
|
||||
height: 50,
|
||||
placeHolder: '请输入js模板描述...'
|
||||
});
|
||||
|
||||
////////////////
|
||||
//编辑器初始化//
|
||||
////////////////
|
||||
$('#myJS_content').height(base_height - 207 > 0 ? base_height - 207 : 0);
|
||||
|
||||
var myJS_editor = ace.edit("myJS_content");
|
||||
myJS_editor.setTheme("ace/theme/chrome");
|
||||
myJS_editor.session.setMode("ace/mode/javascript");
|
||||
myJS_editor.session.setUseWrapMode(true);
|
||||
|
||||
myJS_editor.renderer.setScrollMargin(10, 10);
|
||||
myJS_editor.setOptions({
|
||||
// "scrollPastEnd": 0.8,
|
||||
autoScrollEditorIntoView: true
|
||||
});
|
||||
myJS_editor.on("change", function() {
|
||||
$('#myJS_form').data('changed', true);
|
||||
|
||||
});
|
||||
myJS_editor.$blockScrolling = Infinity;
|
||||
myJS_editor.setFontSize(16);
|
||||
|
||||
//////////////////////
|
||||
//编辑器工具栏初始化//
|
||||
//////////////////////
|
||||
|
||||
$("#myJS_content_toolBar").jqxToolBar({
|
||||
width: "100%",
|
||||
height: 35,
|
||||
minimizeWidth: 100,
|
||||
tools: 'button | button | combobox button | button | button',
|
||||
initTools: function(type, index, tool, menuToolIninitialization) {
|
||||
if (type == "button") {
|
||||
tool.attr("type", "button");
|
||||
}
|
||||
switch (index) {
|
||||
case 0:
|
||||
tool.val("格式化");
|
||||
tool.click(function() {
|
||||
var source = myJS_editor.getValue();
|
||||
if (source !== "") {
|
||||
var output = js_beautify(source);
|
||||
myJS_editor.setValue(output, -1);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
break;
|
||||
case 1:
|
||||
tool.val("压缩");
|
||||
tool.click(function() {
|
||||
var source = myJS_editor.getValue();
|
||||
if (source !== "") {
|
||||
var output = jsmin(source, 3);
|
||||
myJS_editor.setValue(output.trim(), -1);
|
||||
}
|
||||
});
|
||||
break;
|
||||
|
||||
case 2:
|
||||
tool.attr("id", "insert_jsTemplate_button");
|
||||
break;
|
||||
case 3:
|
||||
tool.val("插入模板");
|
||||
|
||||
tool.click(function() {
|
||||
var index = $("#insert_jsTemplate_button").jqxComboBox('getSelectedIndex');
|
||||
if (index >= 0) {
|
||||
var datarecord = jsTemplate_dataAdapter.records[index];
|
||||
$.ajax({
|
||||
url: urlbase + "?js_template_cmd=get&name=" + datarecord.js_name,
|
||||
dataType: "json",
|
||||
timeout: interval,
|
||||
success: function(data) {
|
||||
myJS_editor.insert(data);
|
||||
},
|
||||
complete: function(XMLHttpRequest, status) {
|
||||
if (status == 'timeout') {
|
||||
alert("载入超时！");
|
||||
} else if (status == "parsererror") {
|
||||
window.location.href = "login.php";
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
break;
|
||||
case 4:
|
||||
tool.val("生成payload");
|
||||
tool.click(function() {
|
||||
var index = $("#myJS_listbox").jqxListBox('getSelectedIndex');
|
||||
if (index >= 0) {
|
||||
var datarecord = myJS_dataAdapter.records[index];
|
||||
var pos = window.location.href.lastIndexOf("/");
|
||||
var url = window.location.href.substr(0, pos + 1) + datarecord.js_uri;
|
||||
|
||||
$("#Ww_B_0_textarea").val('<script src="' + url + '"></script>');
|
||||
$('#xssorWindow').jqxWindow('open');
|
||||
$('#xssorWindow').addClass('animated');
|
||||
} else {
|
||||
alert("请先保存！");
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
break;
|
||||
case 5:
|
||||
tool.val("复制js地址");
|
||||
var client = new ZeroClipboard(tool);
|
||||
|
||||
client.on("copy", function(event) {
|
||||
var index = $("#myJS_listbox").jqxListBox('getSelectedIndex');
|
||||
if (index >= 0) {
|
||||
var clipboard = event.clipboardData;
|
||||
var datarecord = myJS_dataAdapter.records[index];
|
||||
var pos = window.location.href.lastIndexOf("/");
|
||||
var url = window.location.href.substr(0, pos + 1) + datarecord.js_uri;
|
||||
clipboard.setData("text/plain", url);
|
||||
//alert("JS地址已复制至剪切板\n" + url);
|
||||
} else {
|
||||
alert("请先保存！");
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
$("#insert_jsTemplate_button").jqxComboBox({
|
||||
source: jsTemplate_dataAdapter,
|
||||
selectedIndex: 0,
|
||||
displayMember: "js_name",
|
||||
valueMember: "js_name",
|
||||
width: 200,
|
||||
autoDropDownHeight: false,
|
||||
placeHolder: "选择js模板",
|
||||
|
||||
renderer: function(index, label, value) {
|
||||
|
||||
var datarecord = jsTemplate_dataAdapter.records[index];
|
||||
var imgurl = 'static/images/js_icon.png';
|
||||
var img = '<img height="50" width="50" src="' + imgurl + '"/>';
|
||||
var table = '<table class="listbox_item_table"><tr><td class="listbox_item_img" rowspan="2">' + img + '</td><td class="listbox_item_name">' + datarecord.js_name_abbr + '.js</td></tr><tr><td class="listbox_item_description">' + datarecord.js_description_abbr + '</td></tr></table>';
|
||||
return table;
|
||||
}
|
||||
});
|
||||
//////////////////////////
|
||||
//编辑表单提交按键初始化//
|
||||
//////////////////////////
|
||||
$("#myJS_ok").jqxButton({
|
||||
width: 65,
|
||||
height: 25
|
||||
});
|
||||
|
||||
$("#myJS_cancel").jqxButton({
|
||||
width: 65,
|
||||
height: 25
|
||||
});
|
||||
|
||||
$("#myJS_ok").click(function(event) {
|
||||
var name = $('#myJS_name').val();
|
||||
var desc = $('#myJS_description').val();
|
||||
|
||||
var content = myJS_editor.getValue();
|
||||
var index = $("#myJS_listbox").jqxListBox('getSelectedIndex');
|
||||
|
||||
//当前状态为新增一个js
|
||||
if (index === -1) {
|
||||
var data = {
|
||||
'name': name,
|
||||
'desc': desc,
|
||||
'content': content
|
||||
};
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
data: data,
|
||||
url: urlbase + "?my_js_cmd=add",
|
||||
dataType: "json",
|
||||
timeout: interval,
|
||||
success: function(result) {
|
||||
if (result) {
|
||||
myJS_last_select_name = name;
|
||||
reload_myJS_listbox();
|
||||
} else {
|
||||
//操作失败！
|
||||
$('#failedWindow').jqxWindow('open');
|
||||
$("#failedWindow").addClass('animated');
|
||||
}
|
||||
},
|
||||
complete: function(XMLHttpRequest, status) {
|
||||
if (status == 'timeout') {
|
||||
//操作失败！
|
||||
$('#failedWindow').jqxWindow('open');
|
||||
$("#failedWindow").addClass('animated');
|
||||
} else if (status == "parsererror") {
|
||||
window.location.href = "login.php";
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
//当前状态为修改一个js
|
||||
else {
|
||||
var datarecord = myJS_dataAdapter.records[index];
|
||||
var data = {
|
||||
'old_name': datarecord.js_name,
|
||||
'name': name,
|
||||
'desc': desc,
|
||||
'content': content
|
||||
};
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
data: data,
|
||||
url: urlbase + "?my_js_cmd=modify",
|
||||
dataType: "json",
|
||||
timeout: interval,
|
||||
success: function(result) {
|
||||
if (result) {
|
||||
myJS_last_select_name = name;
|
||||
reload_myJS_listbox();
|
||||
} else {
|
||||
//操作失败！
|
||||
$('#failedWindow').jqxWindow('open');
|
||||
$("#failedWindow").addClass('animated');
|
||||
}
|
||||
},
|
||||
complete: function(XMLHttpRequest, status) {
|
||||
if (status == 'timeout') {
|
||||
//操作失败！
|
||||
$('#failedWindow').jqxWindow('open');
|
||||
$("#failedWindow").addClass('animated');
|
||||
} else if (status == "parsererror") {
|
||||
window.location.href = "login.php";
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$("#myJS_cancel").click(function(event) {
|
||||
$('#myJS_form').data('changed', false);
|
||||
var index = $("#myJS_listbox").jqxListBox('getSelectedIndex');
|
||||
|
||||
myJS_update_form(index);
|
||||
|
||||
});
|
||||
|
||||
/////////
|
||||
//xssor//
|
||||
/////////
|
||||
$('#xssorWindow').jqxWindow({
|
||||
height: 290,
|
||||
width: 610,
|
||||
resizable: false,
|
||||
isModal: true,
|
||||
modalOpacity: 0.3,
|
||||
autoOpen: false,
|
||||
title: "XSS'OR js编码工具"
|
||||
});
|
||||
|
||||
$("#Ww_B_0_textarea").jqxTextArea({
|
||||
height: 220,
|
||||
width: 270
|
||||
});
|
||||
|
||||
$("#rwb_b2").jqxButton();
|
||||
$("#rwb_b2_j").jqxButton();
|
||||
$("#rwb_b1").jqxButton();
|
||||
$("#rwb_b1_j").jqxButton();
|
||||
$("#rwb_b3").jqxButton();
|
||||
$("#rwb_b3j").jqxButton();
|
||||
$("#rwb_b4").jqxButton();
|
||||
$("#rwb_b4j").jqxButton();
|
||||
$("#rwb_b5").jqxButton();
|
||||
$("#rwb_b5j").jqxButton();
|
||||
$("#rwb_b6").jqxButton();
|
||||
$("#rwb_b6j").jqxButton();
|
||||
$("#rwb_b7").jqxButton();
|
||||
$("#rwb_b7j").jqxButton();
|
||||
$("#rwb_b8").jqxButton();
|
||||
|
||||
//////////////
|
||||
//大小自适应//
|
||||
//////////////
|
||||
$(window).resize(function() {
|
||||
var base_height = $("#nav-section").height() - $("#dash-logo").outerHeight(true);
|
||||
$("#myJS_splitter").jqxSplitter({
|
||||
height: base_height > 0 ? base_height : 0
|
||||
});
|
||||
|
||||
$('#myJS_listbox').jqxListBox({
|
||||
height: base_height - 29 > 0 ? base_height - 29 : 0
|
||||
});
|
||||
|
||||
$('#myJS_content').height(base_height - 207 > 0 ? base_height - 207 : 0);
|
||||
});
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user