delete unused js
This commit is contained in:
hmm
parent
c55daae043
commit
89d9b0711f
|
|
@ -231,21 +231,6 @@ body {
|
||||||
<script src="lib/other/jstree.min.js"></script>
|
<script src="lib/other/jstree.min.js"></script>
|
||||||
<script src="lib/other/jquery.msgbox.min.js"></script>
|
<script src="lib/other/jquery.msgbox.min.js"></script>
|
||||||
<script src="lib/other/jquery.noty.packaged.min.js"></script>
|
<script src="lib/other/jquery.noty.packaged.min.js"></script>
|
||||||
<!--
|
|
||||||
<script src="script/editor/pluginEditor/editorFactory.js"></script>
|
|
||||||
<script src="script/editor/pluginEditor/dataFormat.js"></script>
|
|
||||||
<script src="script/editor/pluginEditor/containerFactory.js"></script>
|
|
||||||
<script src="script/editor/pluginEditor/dataCollect.js"></script>
|
|
||||||
<script src="script/editor/uiFactory.js"></script>
|
|
||||||
<script src="script/editor/jstreeFactory.js"></script>
|
|
||||||
<script src="script/editor/behavior.js"></script>
|
|
||||||
<script src="script/editor/usePlugin.js"></script>
|
|
||||||
<script src="script/editor/submitScript.js"></script>
|
|
||||||
<script src="script/editor/createScript.js"></script>
|
|
||||||
<script src="script/ScriptEditor/scriptModels.js"></script>
|
|
||||||
-->
|
|
||||||
|
|
||||||
|
|
||||||
<script src="script/scriptManager/scriptModels.js"></script>
|
<script src="script/scriptManager/scriptModels.js"></script>
|
||||||
<script src="script/scriptManager/editorFactory.js"></script>
|
<script src="script/scriptManager/editorFactory.js"></script>
|
||||||
<script src="script/scriptManager/containerFactory.js"></script>
|
<script src="script/scriptManager/containerFactory.js"></script>
|
||||||
|
|
|
||||||
|
|
@ -226,23 +226,6 @@
|
||||||
<script src="lib/other/jquery.msgbox.min.js"></script>
|
<script src="lib/other/jquery.msgbox.min.js"></script>
|
||||||
<script src="lib/HashMap/HashMap.js"></script>
|
<script src="lib/HashMap/HashMap.js"></script>
|
||||||
<script src="script/Share/getUrlVars.js"></script>
|
<script src="script/Share/getUrlVars.js"></script>
|
||||||
|
|
||||||
<!--
|
|
||||||
<script src="script/editor/pluginEditor/editorFactory.js"></script>
|
|
||||||
<script src="script/editor/pluginEditor/dataFormat.js"></script>
|
|
||||||
<script src="script/editor/pluginEditor/containerFactory.js"></script>
|
|
||||||
<script src="script/editor/pluginEditor/dataCollect.js"></script>
|
|
||||||
<script src="script/editor/uiFactory.js"></script>
|
|
||||||
<script src="script/editor/behavior.js"></script>
|
|
||||||
<script src="script/editor/usePlugin.js"></script>
|
|
||||||
<script src="script/editor/submitScript.js"></script>
|
|
||||||
<script src="script/editor/jstreeFactory.js"></script>
|
|
||||||
|
|
||||||
<script src="script/Share/getUrlVars.js"></script>
|
|
||||||
<script src="script/ScriptEditor/scriptEditor.js"></script>
|
|
||||||
<script src="script/ScriptEditor/scriptModels.js"></script>
|
|
||||||
<script src="script/ScriptEditor/scriptEditor.js"></script>
|
|
||||||
-->
|
|
||||||
<script src="script/scriptManager/editorFactory.js"></script>
|
<script src="script/scriptManager/editorFactory.js"></script>
|
||||||
<script src="script/scriptManager/dataFormat.js"></script>
|
<script src="script/scriptManager/dataFormat.js"></script>
|
||||||
<script src="script/scriptManager/containerFactory.js"></script>
|
<script src="script/scriptManager/containerFactory.js"></script>
|
||||||
|
|
|
||||||
|
|
@ -1,155 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|
||||||
pageEncoding="UTF-8"%>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Bench4Q</title>
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<meta name="description"
|
|
||||||
content="Bench4Q, a new method for QOS benchmarking.">
|
|
||||||
<link id="bs-css" href="lib/chrisma/css/bootstrap-cerulean.css"
|
|
||||||
rel="stylesheet">
|
|
||||||
<link
|
|
||||||
href="http://ajax.aspnetcdn.com/ajax/bootstrap/2.3.2/css/bootstrap-responsive.css"
|
|
||||||
rel="stylesheet">
|
|
||||||
<link rel="shortcut icon" href="image/bench4q.png">
|
|
||||||
<link href="lib/chrisma/css/charisma-app.css" rel="stylesheet">
|
|
||||||
<link href='lib/chrisma/css/opa-icons.css' rel='stylesheet'>
|
|
||||||
<!-- <link href="http://cdn.alloyui.com/2.5.0/aui-css/css/bootstrap.min.css"
|
|
||||||
rel="stylesheet"></link> -->
|
|
||||||
<link href='css/editor.css' rel='stylesheet'>
|
|
||||||
|
|
||||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
|
|
||||||
<!-- The fav icon -->
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<fmt:bundle basename="i18n">
|
|
||||||
<jsp:include page="publiccontrol/navigatebar.jsp"></jsp:include>
|
|
||||||
<div class="container-fluid">
|
|
||||||
<div class="row-fluid">
|
|
||||||
<jsp:include page="publiccontrol/leftmenubar.jsp"></jsp:include>
|
|
||||||
<div class="tab span10">
|
|
||||||
<ul style="cursor: pointer" class="nav nav-tabs">
|
|
||||||
<li id="tow1" class="on" onclick='refresh();setTab("tow",1,3);'><a
|
|
||||||
href="#">View</a></li>
|
|
||||||
<li id="tow2" onclick='setTab("tow",2,3);'><a href="#">EditBehaviors</a></li>
|
|
||||||
<li id="tow3" onclick='setTab("tow",3,3);'><a href="#">EditPlugins</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="span10">
|
|
||||||
<div id="cont_tow_1" class="one block">
|
|
||||||
<div id="contents" class="span12">
|
|
||||||
<div id="codeEditor" class="view"></div>
|
|
||||||
</div>
|
|
||||||
<%-- <jsp:include page="publiccontrol/scriptEditRightMenuBar.jsp"></jsp:include> --%>
|
|
||||||
</div>
|
|
||||||
<div id="cont_tow_2" class="one" style="display: none">
|
|
||||||
<div class="all-plugins btn-group span12">
|
|
||||||
<a class="btn dropdown-toggle" href="#" data-toggle="dropdown">
|
|
||||||
<span class="hidden-phone"> All plug-ins </span> <span
|
|
||||||
class="caret"></span>
|
|
||||||
</a>
|
|
||||||
<ul class="dropdown-menu" id="allPlugins">
|
|
||||||
<li><a onclick="choosePlugin(this);">All</a></li>
|
|
||||||
<li class="divider"></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row-fluid">
|
|
||||||
<div id="behaviors" class="all-behaviors span4">
|
|
||||||
<ul id="behaviorUl">
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="span8">
|
|
||||||
<div id="showPluginMethodForm"></div>
|
|
||||||
<div id="action" style="display: none">
|
|
||||||
<button type="button" class="btn btn-primary" id="submit"
|
|
||||||
title="save edit">
|
|
||||||
<fmt:message key="script_edit_jsp_save"></fmt:message>
|
|
||||||
</button>
|
|
||||||
<button type="button" class="btn btn-primary" id="cancel"
|
|
||||||
title="cancel edit">
|
|
||||||
<fmt:message key="script_edit_jsp_cancel" />
|
|
||||||
</button>
|
|
||||||
<button type="button" class="btn btn-primary" id="validate"
|
|
||||||
title="validate edit">
|
|
||||||
<fmt:message key="script_edit_jsp_validate"></fmt:message>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="cont_tow_3" class="one" style="display: none">
|
|
||||||
<div class="all-plugins btn-group span12">
|
|
||||||
<a class="btn dropdown-toggle" href="#" data-toggle="dropdown">
|
|
||||||
<span class="hidden-phone"> All plug-ins </span> <span
|
|
||||||
class="caret"></span>
|
|
||||||
</a>
|
|
||||||
<ul class="dropdown-menu" id="allPlugins">
|
|
||||||
<li><a onclick="choosePlugin(this);">All</a></li>
|
|
||||||
<li class="divider"></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row-fluid">
|
|
||||||
<div id="usePlugins" class="all-behaviors span4">
|
|
||||||
<ul id="usePlugin">
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="span8">
|
|
||||||
<div id="pluginParamArea"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="usePluginAction" style="float: right">
|
|
||||||
<button type="button" class="btn btn-primary" id="submitPlugin"
|
|
||||||
title="save edit">
|
|
||||||
<fmt:message key="script_edit_jsp_save"></fmt:message>
|
|
||||||
</button>
|
|
||||||
<button type="button" class="btn btn-primary" id="cancel"
|
|
||||||
title="cancel edit">
|
|
||||||
<fmt:message key="script_edit_jsp_cancel" />
|
|
||||||
</button>
|
|
||||||
<button type="button" class="btn btn-primary" id="validate"
|
|
||||||
title="validate edit">
|
|
||||||
<fmt:message key="script_edit_jsp_validate"></fmt:message>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- </div> -->
|
|
||||||
<hr>
|
|
||||||
<jsp:include page="publiccontrol/footer.jsp"></jsp:include>
|
|
||||||
|
|
||||||
|
|
||||||
<script
|
|
||||||
src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"></script>
|
|
||||||
<script src="lib/jquery/js/jquery-ui-1.10.4.js"></script>
|
|
||||||
<script
|
|
||||||
src='http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js'></script>
|
|
||||||
<script
|
|
||||||
src="http://ajax.aspnetcdn.com/ajax/bootstrap/2.3.1/bootstrap.min.js"></script>
|
|
||||||
<script src="lib/jqueryi18n/jquery.i18n.properties-1.0.9.js"></script>
|
|
||||||
<script src="script/base.js"></script>
|
|
||||||
<script src="lib/chrisma/js/jquery.cookie.js"></script>
|
|
||||||
<script src="lib/chrisma/js/theme.js"></script>
|
|
||||||
<script src="http://cdn.alloyui.com/2.5.0/aui/aui-min.js"></script>
|
|
||||||
<script src="lib/bootstrap/js/bootstrap-collapse.js"></script>
|
|
||||||
<script src="script/ScriptEditor/pluginCommon.js"></script>
|
|
||||||
<script src="script/ScriptEditor/paramInfosForm.js"></script>
|
|
||||||
<script src="script/ScriptEditor/pluginModel.js"></script>
|
|
||||||
<script src="script/ScriptEditor/xmlEditor.js"></script>
|
|
||||||
<script src="script/ScriptEditor/editScript.js"></script>
|
|
||||||
<script src="lib/other/jquery.noty.packaged.min.js"></script>
|
|
||||||
<script src="script/scriptManager/uiFactory.js"></script>
|
|
||||||
</fmt:bundle>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,90 +0,0 @@
|
||||||
var Container = function() {
|
|
||||||
this.pluginListContainer = $("#pluginList");
|
|
||||||
this.usePluginContainer = $("#usePlugin");
|
|
||||||
this.pluginParamConfigContainer = $("#pluginParams");
|
|
||||||
this.behaviorListForPlugin = $("#pluginMethod");
|
|
||||||
this.usePluginModal=$("#insertPluginAreaPlugins")
|
|
||||||
this.useBehaviorListContainer = $("#behaviorArea");
|
|
||||||
this.behaviorParamConfigContianer = $("#showPluginMethod");
|
|
||||||
|
|
||||||
};
|
|
||||||
var ListContainer = function(container) {
|
|
||||||
this.conteiner = container;
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
Container.prototype.createALine = function(name, index, list) {
|
|
||||||
var div = document.createElement("div");
|
|
||||||
var p = document.createElement("p");
|
|
||||||
var i = document.createElement("i");
|
|
||||||
var textNode = document.createTextNode(name);
|
|
||||||
div.setAttribute("id", name);
|
|
||||||
i.setAttribute("class", "icon-hand-right");
|
|
||||||
p.setAttribute("id", index);
|
|
||||||
p.setAttribute("class", "");
|
|
||||||
if (list == "pluginMethodList") {
|
|
||||||
p.setAttribute("onClick", "showMethodDocument(this)");// loadMethodParams
|
|
||||||
} else if (list == "pluginChoosedList") {
|
|
||||||
p.setAttribute("onClick", "choosePlugin(this);");// 此处用于显示plugin文档
|
|
||||||
} else if (list == "editPluginChoosedList") {
|
|
||||||
p.setAttribute("onClick", "chooseEditPlugin(this);");
|
|
||||||
}
|
|
||||||
p.setAttribute("style", "cursor:pointer;width:85%");
|
|
||||||
p.appendChild(i);
|
|
||||||
p.appendChild(textNode);
|
|
||||||
div.appendChild(p);
|
|
||||||
return div;
|
|
||||||
};
|
|
||||||
Container.prototype.showChoosedLines = function(container, clickNode) {
|
|
||||||
var choosedNode = container.children();
|
|
||||||
for ( var i = 0; i < choosedNode.length; i++) {
|
|
||||||
if (i == clickNode) {
|
|
||||||
$(choosedNode[i]).find("p").attr("class", "visited");
|
|
||||||
|
|
||||||
} else {
|
|
||||||
$(choosedNode[i]).find("p").attr("class", "");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
Container.prototype.showChoosedParamInfos = function(container, clickNode) {
|
|
||||||
var div = container.children();// pluginParams
|
|
||||||
for ( var j = 0; j < div.length; j++) {
|
|
||||||
if (div[j].getAttribute("id") == clickNode) {
|
|
||||||
$(div[j]).show();
|
|
||||||
} else {
|
|
||||||
$(div[j]).hide();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
Container.prototype.createBehaviorWithPluginLines = function(behavior) {
|
|
||||||
this.behaviorParamConfigContianer.html("");
|
|
||||||
this.useBehaviorListContainer.html("");
|
|
||||||
for ( var j = 0; j < behavior.behaviorWithPluginList.length; j++) {
|
|
||||||
var div = this.createALine(behavior.behaviorWithPluginList[j], j,
|
|
||||||
"pluginMethodList");
|
|
||||||
if (j == behavior.clickPluginBehaviorNode) {
|
|
||||||
$(div).find("p").attr("class", "visited");
|
|
||||||
}
|
|
||||||
document.getElementById('behaviorArea').appendChild(div);
|
|
||||||
behavior.useParamInforsContainerInit(j);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
Container.prototype.createParamInforsContainer = function(data, name, index) {
|
|
||||||
var documentHtml = "";
|
|
||||||
var boxHeader = "";
|
|
||||||
var paramHtml = "";
|
|
||||||
boxHeader = "<div class='box-header well' data-original-title> "
|
|
||||||
+ "<i class='icon-pencil left'></i>" + "<h2>sample:<i>" + name
|
|
||||||
+ "</i></h2></div>";
|
|
||||||
if (data != null) {
|
|
||||||
paramHtml = createPluginsOrBehaviorsForm(data, index);
|
|
||||||
}
|
|
||||||
documentHtml = "<div id='" + index + "' class='hide'><p class='hide'>"
|
|
||||||
+ name + "</p><div class='span12 box' style='margin-left:-2px;'>"
|
|
||||||
+ boxHeader + "<div class='box-content'>" + paramHtml + "</div>"
|
|
||||||
+ "</div></div>";
|
|
||||||
return documentHtml;
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
@ -1,395 +0,0 @@
|
||||||
var pluginNameList = new Array();
|
|
||||||
var parameters = [];
|
|
||||||
var parameterList = [];
|
|
||||||
var usePluginParamInfosList = [];
|
|
||||||
var pluginList;
|
|
||||||
var behaviorChoosed;
|
|
||||||
var behaviorName;
|
|
||||||
var pluginName;
|
|
||||||
var plugin_id;
|
|
||||||
var behavior_id;
|
|
||||||
var usePlugin = "";
|
|
||||||
|
|
||||||
function loadUsePluigns(data) {
|
|
||||||
pluginNameList.splice(0, pluginNameList.length);
|
|
||||||
for ( var i = 0; i < data.usePlugins.length; i++) {
|
|
||||||
var flag = false;
|
|
||||||
var usePlugin = data.usePlugins[i];
|
|
||||||
for ( var j = 0; j < pluginNameList.length; j++) {
|
|
||||||
if (pluginNameList[j] == usePlugin.id) {
|
|
||||||
flag = true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (flag == false) {
|
|
||||||
pluginNameList.push(usePlugin.id);
|
|
||||||
usePluginParamInfosList.push(usePlugin.id);
|
|
||||||
usePluginParamInfosList[usePlugin.id] = usePlugin.parameters;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var ulNode = document.getElementById("allPlugins");
|
|
||||||
for ( var p = 0; p < pluginNameList.length; p++) {
|
|
||||||
createALi(ulNode, pluginNameList[p], "choosePlugin");
|
|
||||||
}
|
|
||||||
loadBehaviors("all");
|
|
||||||
pluginList = loadPluginList();
|
|
||||||
usePluginParamInfosContainerInit();
|
|
||||||
}
|
|
||||||
|
|
||||||
function createALi(ulNode, name, action) {
|
|
||||||
var textNode = document.createTextNode(name);
|
|
||||||
var li = document.createElement("li");
|
|
||||||
var divider = document.createElement("li");
|
|
||||||
var a = document.createElement("a");
|
|
||||||
divider.setAttribute("class", "divider");
|
|
||||||
if (action == "choosePlugin") {
|
|
||||||
a.setAttribute("onClick", "choosePlugin(this);");
|
|
||||||
} else if (action == "chooseBehavior") {
|
|
||||||
a.setAttribute("onClick", "chooseBehavior(this);");
|
|
||||||
} else if (action == "chooseUsePlugin") {
|
|
||||||
a.setAttribute("onClick", "chooseUsePlugin(this)");
|
|
||||||
}
|
|
||||||
a.appendChild(textNode);
|
|
||||||
li.appendChild(a);
|
|
||||||
ulNode.appendChild(li);
|
|
||||||
ulNode.appendChild(divider);
|
|
||||||
}
|
|
||||||
|
|
||||||
function chooseUsePlugin(selectedNode) {
|
|
||||||
document.getElementById("action").style.display = "none";
|
|
||||||
document.getElementById("pluginParamArea").innerHTML = "";
|
|
||||||
usePlugin = selectedNode.firstChild.nodeValue;
|
|
||||||
createUsePluginParamInfosPage(usePlugin);
|
|
||||||
}
|
|
||||||
|
|
||||||
function usePluginParamInfosContainerInit() {
|
|
||||||
var ul = document.getElementById("usePlugin");
|
|
||||||
for ( var i = 0; i < usePluginParamInfosList.length; i++) {
|
|
||||||
var usePluginName = usePluginParamInfosList.valueOf()[i];
|
|
||||||
createALi(ul, usePluginName, "chooseUsePlugin");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function choosePlugin(selectedNode) {
|
|
||||||
pluginName = selectedNode.firstChild.nodeValue;
|
|
||||||
if (pluginName == "All") {
|
|
||||||
loadBehaviors("all");
|
|
||||||
} else {
|
|
||||||
loadBehaviors("other");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function loadBehaviors(mark) {
|
|
||||||
var ul = document.getElementById("behaviorUl");
|
|
||||||
$(ul).html("");
|
|
||||||
$.each(modelData.pages, function(i, item) {
|
|
||||||
$.each(item.batches, function(i, item) {
|
|
||||||
var Id = item.Id;
|
|
||||||
if (mark == "other") {
|
|
||||||
$.each(item.behaviors, function(i, item) {
|
|
||||||
if (item.use == pluginName) {
|
|
||||||
var text = item.use + ":" + Id + "." + item.name + ":"
|
|
||||||
+ item.id;
|
|
||||||
createALi(ul, text, "");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} else if (mark == "all") {
|
|
||||||
$.each(item.behaviors, function(i, item) {
|
|
||||||
var text = item.use + ":" + Id + "." + item.name + ":"
|
|
||||||
+ item.id;
|
|
||||||
createALi(ul, text, "chooseBehavior");
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function chooseBehavior(selectedNode) {
|
|
||||||
document.getElementById("action").style.display = "none";
|
|
||||||
document.getElementById("showPluginMethodForm").innerHTML = "";
|
|
||||||
var behaviorMethod = selectedNode.firstChild.nodeValue;
|
|
||||||
var bm = behaviorMethod.split(".");
|
|
||||||
plugin_id = bm[0].split(":")[1];
|
|
||||||
behavior_id = bm[1].split(":")[1];
|
|
||||||
behaviorName = bm[1].split(":")[0];
|
|
||||||
createBehaviorParamPage(behaviorMethod);
|
|
||||||
}
|
|
||||||
|
|
||||||
function createUsePluginParamInfosPage(usePluginName) {
|
|
||||||
var pluginHtml = "";
|
|
||||||
var index = 0;
|
|
||||||
for ( var i = 0; i < pluginList.length; i++) {
|
|
||||||
var pluginInfoModel = pluginList[i].pluginInfoModel;
|
|
||||||
if (pluginInfoModel.name == usePluginName) {
|
|
||||||
index = i;
|
|
||||||
var paramInfoModels = pluginInfoModel.paramInfoModels;
|
|
||||||
for ( var j = 0; j < paramInfoModels.length; j++) {
|
|
||||||
var paramInfoModel = paramInfoModels[j];
|
|
||||||
pluginHtml += createModelByType(
|
|
||||||
usePluginParamInfosList[usePluginName], paramInfoModel,
|
|
||||||
index);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
document.getElementById("pluginParamArea").innerHTML = createAEditText(
|
|
||||||
pluginHtml, usePluginName, index);
|
|
||||||
}
|
|
||||||
|
|
||||||
function createBehaviorParamPage(behaviorData) {
|
|
||||||
var plugin = "", method = "";
|
|
||||||
var behaviorHTML = "";
|
|
||||||
var paramInfoModels = null, paramInfoModel = null;
|
|
||||||
var behaviorParameters = [];
|
|
||||||
$
|
|
||||||
.each(
|
|
||||||
modelData.pages,
|
|
||||||
function(i, item) {
|
|
||||||
$
|
|
||||||
.each(
|
|
||||||
item.batches,
|
|
||||||
function(i, item) {
|
|
||||||
if (item.Id == plugin_id) {
|
|
||||||
$
|
|
||||||
.each(
|
|
||||||
item.behaviors,
|
|
||||||
function(i,
|
|
||||||
item) {
|
|
||||||
if (item.id == behavior_id) {
|
|
||||||
plugin = item.use;
|
|
||||||
method = item.name;
|
|
||||||
$
|
|
||||||
.each(
|
|
||||||
item.parameters,
|
|
||||||
function(
|
|
||||||
i,
|
|
||||||
item) {
|
|
||||||
behaviorParameters
|
|
||||||
.push(item.key);
|
|
||||||
behaviorParameters[item.key] = item.value;
|
|
||||||
});
|
|
||||||
var behaviorList = loadBehaviorList(plugin
|
|
||||||
.split("_")[0]);// List<BehaviorInfoModel>
|
|
||||||
for ( var j = 0; j < behaviorList.length; j++) {
|
|
||||||
if (behaviorList[j].name == method) {
|
|
||||||
paramInfoModels = behaviorList[j].paramInfoModels;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
for ( var k = 0; k < paramInfoModels.length; k++) {
|
|
||||||
paramInfoModel = paramInfoModels[k];
|
|
||||||
behaviorHTML += createParamInfoModelWithParams(
|
|
||||||
paramInfoModel,
|
|
||||||
behaviorParameters,
|
|
||||||
behavior_id);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
document.getElementById("showPluginMethodForm").innerHTML = createAEditText(
|
|
||||||
behaviorHTML, behaviorData, behavior_id);
|
|
||||||
document.getElementById("action").style.display = "block";
|
|
||||||
nfieldCount = 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 生成页面显示
|
|
||||||
function createAEditText(behaviorHTML, behaviorData, behavior_id) {
|
|
||||||
var documentHtml = "";
|
|
||||||
var boxHeader = "";
|
|
||||||
boxHeader = "<div class='box-header well' data-original-title> "
|
|
||||||
+ "<i class='icon-pencil left'></i>" + "<h2>sample:<i>"
|
|
||||||
+ behaviorData + "</i></h2></div>";
|
|
||||||
|
|
||||||
documentHtml = "<div id='"
|
|
||||||
+ behavior_id
|
|
||||||
+ "' class=''><p class='hide'>"
|
|
||||||
+ behaviorData
|
|
||||||
+ "</p><div class='span10 box' style='margin-left:15px;margin-top:-2px;'>"
|
|
||||||
+ boxHeader + "<div class='box-content'>" + behaviorHTML
|
|
||||||
+ "</div></div></div>";
|
|
||||||
return documentHtml;
|
|
||||||
}
|
|
||||||
|
|
||||||
function createParamInfoModelWithParams(paramInfoModel, behaviorParameters,
|
|
||||||
behaviorIndex) {
|
|
||||||
var name = paramInfoModel.name;
|
|
||||||
var value = behaviorParameters[name];
|
|
||||||
return createModelByType(value, paramInfoModel, behaviorIndex);
|
|
||||||
}
|
|
||||||
var nfieldCount = 0;
|
|
||||||
function createModelByType(value, paramInfoModel, behaviorIndex) {
|
|
||||||
var paramTypeModel = paramInfoModel.paramTypeModel;
|
|
||||||
var type = paramTypeModel.type;
|
|
||||||
var fieldHTML = "";
|
|
||||||
if (type == "field") {
|
|
||||||
var size = paramTypeModel.size;
|
|
||||||
fieldHTML += createField(paramInfoModel.lable, paramInfoModel.name,
|
|
||||||
size, value, behaviorIndex);
|
|
||||||
} else if (type == "nfield") {
|
|
||||||
var size = paramTypeModel.size;
|
|
||||||
fieldHTML += createMultiField(paramInfoModel.lable,
|
|
||||||
paramInfoModel.name, size, value, nfieldCount);
|
|
||||||
nfieldCount++;
|
|
||||||
} else if (type == "table") {
|
|
||||||
var cols = paramTypeModel.cols;
|
|
||||||
fieldHTML += createTable(paramInfoModel.lable, paramInfoModel.name,
|
|
||||||
cols, value, behaviorIndex);
|
|
||||||
} else if (type == "checkBox") {
|
|
||||||
var rows = paramTypeModel.choiceModels;
|
|
||||||
fieldHTML += createCheckBox(paramInfoModel.lable, paramInfoModel.name,
|
|
||||||
rows, value, behaviorIndex);
|
|
||||||
} else if (type == "radioButton") {
|
|
||||||
var rows = paramTypeModel.choiceModels;// List<ChoiceModel>
|
|
||||||
fieldHTML += createRadioButton(paramInfoModel.lable,
|
|
||||||
paramInfoModel.name, rows, value, behaviorIndex);
|
|
||||||
} else if (type == "file") {
|
|
||||||
fieldHTML += createFile(paramInfoModel.lable, paramInfoModel.name,
|
|
||||||
value, behaviorIndex);
|
|
||||||
}
|
|
||||||
return fieldHTML;
|
|
||||||
}
|
|
||||||
function loadBehaviorList(plugin) {
|
|
||||||
var behaviors = null;
|
|
||||||
$.ajax({
|
|
||||||
type : "GET",
|
|
||||||
url : "loadBehaviorList",
|
|
||||||
data : "pluginName=" + plugin,
|
|
||||||
dataType : "json",
|
|
||||||
async : false,
|
|
||||||
success : function(response) {
|
|
||||||
if (!response.success) {
|
|
||||||
information(response.failedMessage);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
behaviors = response.behaviors;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return behaviors;
|
|
||||||
}
|
|
||||||
|
|
||||||
function loadPluginList() {
|
|
||||||
var pluginList = null;
|
|
||||||
$.ajax({
|
|
||||||
type : 'POST',
|
|
||||||
url : 'loadPluginUIList',
|
|
||||||
data : {},
|
|
||||||
dataType : 'json',
|
|
||||||
async : false,
|
|
||||||
success : function(response) {
|
|
||||||
if (!response.success) {
|
|
||||||
information(response.failedMessage);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
pluginList = response.pluginUIs;// List<PluginUIModel>pluginUIModels
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return pluginList;
|
|
||||||
}
|
|
||||||
|
|
||||||
$('#submitPlugin').click(function() {
|
|
||||||
// 保存pluginParmas
|
|
||||||
var div = document.getElementById("pluginParamArea");
|
|
||||||
saveFormModification(div, "plugin");
|
|
||||||
});
|
|
||||||
|
|
||||||
function saveFormModification(div, type) {
|
|
||||||
var contents = div.lastChild.lastChild.childNodes;
|
|
||||||
var length = contents.length;
|
|
||||||
for ( var i = 0; i < length; i++) {
|
|
||||||
var node = contents[i];
|
|
||||||
var key = "", value = "", temp = "";
|
|
||||||
if ($(node).attr("class") == "Field sample_frame") {
|
|
||||||
key = node.lastChild.firstChild.nodeValue;
|
|
||||||
|
|
||||||
temp = $(node).find("input").val();
|
|
||||||
if (temp != "") {
|
|
||||||
value = temp;
|
|
||||||
}
|
|
||||||
} else if ($(node).attr("class") == "NField sample_frame") {
|
|
||||||
key = node.firstChild.firstChild.nodeValue.split(":")[0];
|
|
||||||
var fieldNode = $(node).find("table").children();
|
|
||||||
var fieldLength = $(fieldNode).length;
|
|
||||||
for ( var j = 0; j < fieldLength; j++) {
|
|
||||||
temp = $(fieldNode[j]).find("input").val();
|
|
||||||
if (temp != "") {
|
|
||||||
value += temp;
|
|
||||||
}
|
|
||||||
if (j != fieldLength - 1) {
|
|
||||||
value += ";";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else if ($(node).attr("class") == "Table sample_frame") {
|
|
||||||
key = node.lastChild.firstChild.nodeValue;
|
|
||||||
var table = $(node).find("table");
|
|
||||||
var col = table.find("th").length;
|
|
||||||
var row = table.find("tbody").children().length;
|
|
||||||
var tbody = $(node).find("tbody");
|
|
||||||
for ( var m = 0; m < row; m++) {
|
|
||||||
for ( var n = 0; n < col; n++) {
|
|
||||||
var rowNode = $(tbody).children()[m];
|
|
||||||
var colNode = $(rowNode).children()[n];
|
|
||||||
temp = $(colNode).find("input").val();
|
|
||||||
if (temp != "") {
|
|
||||||
value += temp + "|";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (value != "") {
|
|
||||||
value += ";";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else if ($(node).attr("class") == "CheckBox sample_frame") {
|
|
||||||
key = node.lastChild.firstChild.nodeValue;
|
|
||||||
var id = $(node).attr("id");
|
|
||||||
$('input[name=' + id + ']:checked').each(function() {
|
|
||||||
temp = $(this).val();
|
|
||||||
if (temp != "") {
|
|
||||||
value += temp + ";";
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
parameterList.push(key);
|
|
||||||
parameterList[key] = value;
|
|
||||||
|
|
||||||
}
|
|
||||||
if (type == "plugin") {
|
|
||||||
modifyJsonDataOfPlugin();
|
|
||||||
} else if (type == "behavior") {
|
|
||||||
modifyJsonDataOfBehavior();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function modifyJsonDataOfPlugin() {
|
|
||||||
$.each(item.usePlugins,
|
|
||||||
function(i, item) {
|
|
||||||
if (item.id == usePlugin) {
|
|
||||||
for ( var i = 0; i < parameterList.length; i++) {
|
|
||||||
var key = parameterList.valueOf()[i];
|
|
||||||
var parameterModel = new ParameterModel(key,
|
|
||||||
parameterList[key]);
|
|
||||||
item.parameters[i] = parameterModel;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
parameterList.splice(0, parameterList.length);
|
|
||||||
}
|
|
||||||
|
|
||||||
function modifyJsonDataOfBehavior() {
|
|
||||||
$.each(modelData.pages, function(i, item) {
|
|
||||||
$.each(item.batches, function(i, item) {
|
|
||||||
if (item.Id == plugin_id) {
|
|
||||||
$.each(item.behaviors, function(i, item) {
|
|
||||||
if (item.id == behavior_id) {
|
|
||||||
for ( var i = 0; i < parameterList.length; i++) {
|
|
||||||
var key = parameterList.valueOf()[i];
|
|
||||||
var parameterModel = new ParameterModel(key,
|
|
||||||
parameterList[key]);
|
|
||||||
item.parameters[i] = parameterModel;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
parameterList.splice(0, parameterList.length);
|
|
||||||
}
|
|
||||||
|
|
@ -1,380 +0,0 @@
|
||||||
function createPluginsOrBehaviorsForm(data, behaviorIndex) {
|
|
||||||
var paramInfoList = new Array();// ParamInfoModel
|
|
||||||
var fieldHTML = "";
|
|
||||||
for (var i = 0; i < data.length; i++) {
|
|
||||||
paramInfoList.push(data[i]);
|
|
||||||
}
|
|
||||||
var nfieldCount = 0;
|
|
||||||
for (var j = 0; j < paramInfoList.length; j++) {
|
|
||||||
var paramTypeModel = paramInfoList[j].paramTypeModel;
|
|
||||||
var methodParamModel = new ParamInfoModel(paramInfoList[j].name,
|
|
||||||
paramInfoList[j].label, paramTypeModel);
|
|
||||||
var type = paramTypeModel.type;
|
|
||||||
if (type == "field") {
|
|
||||||
var size = paramTypeModel.size;
|
|
||||||
var text = paramTypeModel.text;
|
|
||||||
fieldHTML += createField(methodParamModel.label,
|
|
||||||
methodParamModel.name, size, text, behaviorIndex);
|
|
||||||
} else if (type == "nfield") {
|
|
||||||
var size = paramTypeModel.size;
|
|
||||||
var text = paramTypeModel.text;
|
|
||||||
fieldHTML += createMultiField(methodParamModel.label,
|
|
||||||
methodParamModel.name, size, text, nfieldCount);
|
|
||||||
nfieldCount++;
|
|
||||||
} else if (type == "table") {
|
|
||||||
var cols = paramTypeModel.cols;
|
|
||||||
fieldHTML += createTable(methodParamModel.label,
|
|
||||||
methodParamModel.name, cols, null, behaviorIndex);
|
|
||||||
} else if (type == "checkBox") {
|
|
||||||
var rows = paramTypeModel.choiceModels;
|
|
||||||
fieldHTML += createCheckBox(methodParamModel.label,
|
|
||||||
methodParamModel.name, rows, null, behaviorIndex);
|
|
||||||
} else if (type == "radioButton") {
|
|
||||||
var rows = paramTypeModel.choiceModels;// List<ChoiceModel>
|
|
||||||
fieldHTML += createRadioButton(methodParamModel.label,
|
|
||||||
methodParamModel.name, rows, null, behaviorIndex);
|
|
||||||
} else if (type == "file") {
|
|
||||||
var text = paramTypeModel.text;
|
|
||||||
fieldHTML += createFile(methodParamModel.label,
|
|
||||||
methodParamModel.name, text, behaviorIndex);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return fieldHTML;
|
|
||||||
}
|
|
||||||
|
|
||||||
function createFile(label, name, text, behaviorIndex) {
|
|
||||||
var divNode=document.createElement("div");
|
|
||||||
var p=document.createElement("p");
|
|
||||||
var labelNode = document.createTextNode(label);
|
|
||||||
var div = document.createElement("div");
|
|
||||||
var nameNode = document.createTextNode(name);
|
|
||||||
var input=$(document.createElement("input"));
|
|
||||||
$(divNode).attr("class", "File sample_frame");
|
|
||||||
$(divNode).attr("id", behaviorIndex + "_" + name);
|
|
||||||
$(div).attr("class", "sample_sub_frame");
|
|
||||||
input.attr("type","file");
|
|
||||||
input.attr("id","file"+behaviorIndex);
|
|
||||||
p.appendChild(labelNode);
|
|
||||||
div.appendChild(nameNode);
|
|
||||||
$(div).append(input);
|
|
||||||
divNode.appendChild(p);
|
|
||||||
divNode.appendChild(div);
|
|
||||||
return divNode.outerHTML;
|
|
||||||
}
|
|
||||||
|
|
||||||
function createField(label, name, size, text, behaviorIndex) {
|
|
||||||
if (size == 0) {
|
|
||||||
size = 10;
|
|
||||||
}
|
|
||||||
var divNode = document.createElement("div");
|
|
||||||
var p = document.createElement("p");
|
|
||||||
var labelNode = document.createTextNode(label);
|
|
||||||
var div = document.createElement("div");
|
|
||||||
var nameNode = document.createTextNode(name);
|
|
||||||
var input = document.createElement("input");
|
|
||||||
|
|
||||||
$(divNode).attr("class", "Field sample_frame");
|
|
||||||
$(divNode).attr("id", behaviorIndex + "_" + name);
|
|
||||||
$(div).attr("class", "sample_sub_frame");
|
|
||||||
$(input).attr("type", "text");
|
|
||||||
$(input).attr("size", size);
|
|
||||||
$(input).attr("id", name + "_input");
|
|
||||||
if (text != null) {
|
|
||||||
$(input).attr("value", text);
|
|
||||||
}
|
|
||||||
p.appendChild(labelNode);
|
|
||||||
div.appendChild(nameNode);
|
|
||||||
div.appendChild(input);
|
|
||||||
divNode.appendChild(p);
|
|
||||||
divNode.appendChild(div);
|
|
||||||
return divNode.outerHTML;
|
|
||||||
}
|
|
||||||
|
|
||||||
function createMultiField(label, name, size, text, behaviorIndex) {
|
|
||||||
if (size == 0) {
|
|
||||||
size = 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
var divNode = document.createElement("div");
|
|
||||||
var p = document.createElement("p");
|
|
||||||
var labelNode = document.createTextNode(name + ":" + label);
|
|
||||||
var div = document.createElement("div");
|
|
||||||
var addFieldButton = document.createElement("button");
|
|
||||||
var addFieldNode = document.createTextNode($.i18n.prop("addField"));
|
|
||||||
var removeFieldButton = document.createElement("button");
|
|
||||||
var removeFieldNode = document.createTextNode($.i18n.prop("removeField"));
|
|
||||||
var br = document.createElement("br");
|
|
||||||
var table = document.createElement("table");
|
|
||||||
|
|
||||||
$(divNode).attr("class", "NField sample_frame");
|
|
||||||
$(divNode).attr("id", behaviorIndex + "_" + name);
|
|
||||||
$(div).attr("class", "sample_sub_frame");
|
|
||||||
$(addFieldButton).attr("type", "submit");
|
|
||||||
$(addFieldButton).attr("class", "btn-large");
|
|
||||||
$(addFieldButton).attr("onClick",
|
|
||||||
"addField(" + size + "," + behaviorIndex + "," + null + ");");
|
|
||||||
$(removeFieldButton).attr("type", "submit");
|
|
||||||
$(removeFieldButton).attr("class", "btn-large");
|
|
||||||
$(removeFieldButton).attr("onClick", "removeField(this)");
|
|
||||||
$(table).attr("id", "addFieldTable_" + behaviorIndex);
|
|
||||||
$(table).attr("class", "table-margin");
|
|
||||||
if (text != null) {
|
|
||||||
var content = text.split(";");
|
|
||||||
for (var i = 0; i < content.length; i++) {
|
|
||||||
createAFieldLine(10, i, behaviorIndex, content[i]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
p.appendChild(labelNode);
|
|
||||||
addFieldButton.appendChild(addFieldNode);
|
|
||||||
removeFieldButton.appendChild(removeFieldNode);
|
|
||||||
div.appendChild(addFieldButton);
|
|
||||||
div.appendChild(removeFieldButton);
|
|
||||||
div.appendChild(br);
|
|
||||||
div.appendChild(table);
|
|
||||||
divNode.appendChild(p);
|
|
||||||
divNode.appendChild(div);
|
|
||||||
return divNode.outerHTML;
|
|
||||||
}
|
|
||||||
|
|
||||||
function getFieldCount(addId) {
|
|
||||||
return $("#addFieldTable_" + addId).children().length;
|
|
||||||
}
|
|
||||||
|
|
||||||
function createAFieldLine(size, field, addId, value) {
|
|
||||||
var data = "field_" + field + ":";
|
|
||||||
var newTrNode = document.createElement("tr");
|
|
||||||
var newTdNode1 = document.createElement("td");
|
|
||||||
var newTdNode2 = document.createElement("td");
|
|
||||||
newTdNode1.setAttribute("class", data);
|
|
||||||
var textNode = document.createTextNode(data);
|
|
||||||
var inputNode = document.createElement("input");
|
|
||||||
inputNode.setAttribute("type", "text");
|
|
||||||
inputNode.setAttribute("size", size);
|
|
||||||
if (value != null) {
|
|
||||||
inputNode.setAttribute("value", value);
|
|
||||||
}
|
|
||||||
newTdNode1.appendChild(textNode);
|
|
||||||
newTdNode2.appendChild(inputNode);
|
|
||||||
newTrNode.appendChild(newTdNode1);
|
|
||||||
newTrNode.appendChild(newTdNode2);
|
|
||||||
return newTrNode;
|
|
||||||
}
|
|
||||||
|
|
||||||
function addField(size, addId, value) {
|
|
||||||
var field = getFieldCount(addId);
|
|
||||||
var newTrNode = createAFieldLine(size, field, addId, value);
|
|
||||||
document.getElementById("addFieldTable_" + addId).appendChild(newTrNode);
|
|
||||||
}
|
|
||||||
|
|
||||||
function removeField(selectedNode) {
|
|
||||||
var table = selectedNode.nextSibling.nextSibling;
|
|
||||||
var deletedNode = table.lastChild;
|
|
||||||
table.removeChild(deletedNode);
|
|
||||||
}
|
|
||||||
|
|
||||||
function createTable(label, name, cols, value, behaviorIndex) {
|
|
||||||
var table_content = cols.split(";");// table分隔符
|
|
||||||
var col = table_content.length;
|
|
||||||
var tableWidth = 300 / col;
|
|
||||||
var tr = document.createElement("tr");
|
|
||||||
for (var i = 0; i < col; i++) {
|
|
||||||
var th = document.createElement("th");
|
|
||||||
var text = document.createTextNode(table_content[i]);
|
|
||||||
th.appendChild(text);
|
|
||||||
tr.appendChild(th);
|
|
||||||
}
|
|
||||||
var divNode = document.createElement("div");
|
|
||||||
var p = document.createElement("p");
|
|
||||||
var labelNode = document.createTextNode(label);
|
|
||||||
var div = document.createElement("div");
|
|
||||||
var nameNode = document.createTextNode(name);
|
|
||||||
var br1 = document.createElement("br");
|
|
||||||
var br2 = document.createElement("br");
|
|
||||||
var addColButton = document.createElement("button");
|
|
||||||
var addColNode = document.createTextNode($.i18n.prop("addCol"));
|
|
||||||
var removeColButton = document.createElement("button");
|
|
||||||
var removeColNode = document.createTextNode($.i18n.prop("removeCol"));
|
|
||||||
var table = document.createElement("table");
|
|
||||||
var thead = document.createElement("thead");
|
|
||||||
var tbody = document.createElement("tbody");
|
|
||||||
|
|
||||||
if (value != null) {
|
|
||||||
value = value.split("|;");// 一行的信息
|
|
||||||
var row = value.length - 1;
|
|
||||||
for (var m = 0; m < row; m++) {
|
|
||||||
var colValue = value[m].split("|");// 一行中的每列信息
|
|
||||||
var trNode = document.createElement("tr");
|
|
||||||
for (var n = 0; n < col; n++) {
|
|
||||||
var tdNode = document.createElement("td");
|
|
||||||
var input = document.createElement("input");
|
|
||||||
input.setAttribute("size", 10);
|
|
||||||
input.setAttribute("type", "text");
|
|
||||||
input.setAttribute("style", "width:" + tableWidth + "px;");
|
|
||||||
input.setAttribute("value", colValue[n]);
|
|
||||||
tdNode.appendChild(input);
|
|
||||||
trNode.appendChild(tdNode);
|
|
||||||
}
|
|
||||||
tbody.appendChild(trNode);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
$(divNode).attr("class", "Table sample_frame");
|
|
||||||
$(divNode).attr("id", behaviorIndex + "_" + name);
|
|
||||||
$(div).attr("class", "sample_sub_frame");
|
|
||||||
$(addColButton).attr("type", "submit");
|
|
||||||
$(addColButton).attr("class", "btn-large");
|
|
||||||
$(addColButton).attr("onClick", "addCol(this)");
|
|
||||||
$(addColButton).attr("id", tableWidth);
|
|
||||||
$(removeColButton).attr("type", "submit");
|
|
||||||
$(removeColButton).attr("class", "btn-large");
|
|
||||||
$(removeColButton).attr("onClick", "removeCol(this)");
|
|
||||||
$(table).attr("class", behaviorIndex + "_operateTableCols");
|
|
||||||
$(table).attr("class", "table-margin");
|
|
||||||
|
|
||||||
p.appendChild(labelNode);
|
|
||||||
addColButton.appendChild(addColNode);
|
|
||||||
removeColButton.appendChild(removeColNode);
|
|
||||||
thead.appendChild(tr);
|
|
||||||
table.appendChild(thead);
|
|
||||||
table.appendChild(tbody);
|
|
||||||
div.appendChild(nameNode);
|
|
||||||
div.appendChild(br1);
|
|
||||||
div.appendChild(addColButton);
|
|
||||||
div.appendChild(removeColButton);
|
|
||||||
div.appendChild(br2);
|
|
||||||
div.appendChild(table);
|
|
||||||
divNode.appendChild(p);
|
|
||||||
divNode.appendChild(div);
|
|
||||||
return divNode.outerHTML;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function addCol(selectedNode) {
|
|
||||||
var tableWidth = $(selectedNode).attr("id");
|
|
||||||
var tbody = selectedNode.nextSibling.nextSibling.nextSibling.lastChild;
|
|
||||||
var length = tbody.previousSibling.firstChild.childNodes.length;
|
|
||||||
var tr = document.createElement("tr");
|
|
||||||
for (var i = 0; i < length; i++) {
|
|
||||||
var td = document.createElement("td");
|
|
||||||
var input = document.createElement("input");
|
|
||||||
input.setAttribute("size", 10);
|
|
||||||
input.setAttribute("type", "text");
|
|
||||||
input.setAttribute("style", "width:" + tableWidth + "px;");
|
|
||||||
td.appendChild(input);
|
|
||||||
tr.appendChild(td);
|
|
||||||
}
|
|
||||||
tbody.appendChild(tr);
|
|
||||||
}
|
|
||||||
|
|
||||||
function removeCol(selectedNode) {
|
|
||||||
var tbody = selectedNode.nextSibling.nextSibling.lastChild;
|
|
||||||
var removeNode = tbody.lastChild;
|
|
||||||
tbody.removeChild(removeNode);
|
|
||||||
}
|
|
||||||
|
|
||||||
function createCheckBox(label, name, rows, value, behaviorIndex) {
|
|
||||||
var valueList = new Array();
|
|
||||||
var defaultList = new Array();
|
|
||||||
|
|
||||||
for (var j = 0; j < rows.length; j++) {
|
|
||||||
valueList.push(rows[j].value);
|
|
||||||
defaultList.push(rows[j].defaultValue);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (value != null) {
|
|
||||||
value = value.split(";");
|
|
||||||
for (var m = 0; m < value.length; m++) {
|
|
||||||
for (var n = 0; n < rows.length; n++) {
|
|
||||||
if (valueList[n] == value[m]) {
|
|
||||||
defaultList[n] = true;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var divNode = document.createElement("div");
|
|
||||||
var p = document.createElement("p");
|
|
||||||
var div = document.createElement("div");
|
|
||||||
var br = document.createElement("br");
|
|
||||||
var divInput = document.createElement("div");
|
|
||||||
var labelNode = document.createTextNode(label);
|
|
||||||
var nameNode = document.createTextNode(name);
|
|
||||||
$(divNode).attr("class", "CheckBox sample_frame");
|
|
||||||
$(divNode).attr("id", "checkbox_" + name + "_" + behaviorIndex);
|
|
||||||
$(div).attr("class", "sample_sub_frame");
|
|
||||||
$(divInput).attr("class", "sample_sub_frame");
|
|
||||||
p.appendChild(labelNode);
|
|
||||||
|
|
||||||
for (var i = 0; i < rows.length; i++) {
|
|
||||||
var checkBoxNode = document.createElement("input");
|
|
||||||
var brInput = document.createElement("br");
|
|
||||||
checkBoxNode.setAttribute("type", "checkbox");
|
|
||||||
checkBoxNode.setAttribute("name", "checkbox");
|
|
||||||
checkBoxNode.setAttribute("value", valueList[i]);
|
|
||||||
if (defaultList[i] == true) {
|
|
||||||
checkBoxNode.setAttribute("checked", "checked");
|
|
||||||
}
|
|
||||||
var checkBoxValue = document.createTextNode(valueList[i]);
|
|
||||||
divInput.appendChild(checkBoxNode);
|
|
||||||
divInput.appendChild(checkBoxValue);
|
|
||||||
divInput.appendChild(brInput);
|
|
||||||
}
|
|
||||||
div.appendChild(nameNode);
|
|
||||||
div.appendChild(br);
|
|
||||||
div.appendChild(divInput);
|
|
||||||
divNode.appendChild(p);
|
|
||||||
divNode.appendChild(div);
|
|
||||||
return divNode.outerHTML;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function createRadioButton(label, name, rows, value, behaviorIndex) {
|
|
||||||
var valueList = new Array();
|
|
||||||
var defaultList = new Array();
|
|
||||||
for (var i = 0; i < rows.length; i++) {
|
|
||||||
var choiceModel = rows[i];
|
|
||||||
valueList.push(choiceModel.value);
|
|
||||||
defaultList.push(choiceModel.defaultValue);
|
|
||||||
}
|
|
||||||
if(value!=null){
|
|
||||||
for(var m=0;m<rows.length;m++){
|
|
||||||
if(valueList[m]==value){
|
|
||||||
defaultList[m]=true;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
var divNode = document.createElement("div");
|
|
||||||
var p = document.createElement("p");
|
|
||||||
var div = document.createElement("div");
|
|
||||||
var br = document.createElement("br");
|
|
||||||
var divInput = document.createElement("div");
|
|
||||||
var labelNode = document.createTextNode(label);
|
|
||||||
var nameNode = document.createTextNode(name);
|
|
||||||
$(divNode).attr("class", "RadioButton sample_frame");
|
|
||||||
$(divNode).attr("id", "radio_" + name + "_" + behaviorIndex);
|
|
||||||
$(div).attr("class", "sample_sub_frame");
|
|
||||||
$(divInput).attr("class", "sample_sub_frame");
|
|
||||||
p.appendChild(labelNode);
|
|
||||||
for (var i = 0; i < valueList.length; i++) {
|
|
||||||
var checkBoxNode = document.createElement("input");
|
|
||||||
var brInput = document.createElement("br");
|
|
||||||
checkBoxNode.setAttribute("type", "radio");
|
|
||||||
checkBoxNode.setAttribute("name", "radio");
|
|
||||||
checkBoxNode.setAttribute("value", valueList[i]);
|
|
||||||
if (defaultValue[i] == true) {
|
|
||||||
checkBoxNode.setAttribute("checked", "checked");
|
|
||||||
}
|
|
||||||
var checkBoxValue = document.createTextNode(valueList[i]);
|
|
||||||
divInput.appendChild(checkBoxNode);
|
|
||||||
divInput.appendChild(checkBoxValue);
|
|
||||||
divInput.appendChild(brInput);
|
|
||||||
}
|
|
||||||
div.appendChild(nameNode);
|
|
||||||
div.appendChild(br);
|
|
||||||
div.appendChild(divInput);
|
|
||||||
divNode.appendChild(p);
|
|
||||||
divNode.appendChild(div);
|
|
||||||
return divNode.outerHTML;
|
|
||||||
}
|
|
||||||
|
|
@ -1,30 +0,0 @@
|
||||||
function getvars() {
|
|
||||||
|
|
||||||
var vars = [], hash;
|
|
||||||
|
|
||||||
var hashes = window.location.href.slice(
|
|
||||||
window.location.href.indexOf('?') + 1).split('&');
|
|
||||||
|
|
||||||
for (var i = 0; i < hashes.length; i++)
|
|
||||||
|
|
||||||
{
|
|
||||||
|
|
||||||
hash = hashes[i].split('=');
|
|
||||||
|
|
||||||
vars.push(hash[0]);
|
|
||||||
|
|
||||||
vars[hash[0]] = hash[1];
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
return vars;
|
|
||||||
}
|
|
||||||
$(function() {
|
|
||||||
var jsonData = getvars()['jsonData'];
|
|
||||||
if(jsonData!=null){
|
|
||||||
showScriptByJsonData(jsonData);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,42 +0,0 @@
|
||||||
var collectScriptData;
|
|
||||||
|
|
||||||
//function setTab(name, m, n) {
|
|
||||||
// for (var i = 1; i <= n; i++) {
|
|
||||||
// var menu = document.getElementById(name + i);
|
|
||||||
// var showDiv = document.getElementById("cont_" + name + "_" + i);
|
|
||||||
// menu.className = i == m ? "on" : "";
|
|
||||||
// showDiv.style.display = i == m ? "block" : "none";
|
|
||||||
// }
|
|
||||||
//}
|
|
||||||
|
|
||||||
function getScriptObject(scriptId,usePlugin) {
|
|
||||||
$.post("getScript", {
|
|
||||||
scriptId : scriptId
|
|
||||||
}, function(data) {
|
|
||||||
if (!data.success) {
|
|
||||||
information("failed to get script:" + data.failedMessage);
|
|
||||||
return;
|
|
||||||
} else {
|
|
||||||
var scriptObj = eval("(" + data.script + ")");
|
|
||||||
|
|
||||||
usePlugin.initPluginAndPages(scriptObj);
|
|
||||||
}
|
|
||||||
}, "json");
|
|
||||||
}
|
|
||||||
|
|
||||||
$(function() {
|
|
||||||
var scriptId = getvars()['scriptId'];
|
|
||||||
var usePlugin = new UsePlugin("useBehaviorList");
|
|
||||||
getScriptObject(scriptId,usePlugin);
|
|
||||||
$("#scriptName").val(getvars()['name']);
|
|
||||||
|
|
||||||
$("#tabs").tabs();
|
|
||||||
|
|
||||||
|
|
||||||
$("#submitScript").click(function() {
|
|
||||||
var plugins = usePlugin.getPlugins();
|
|
||||||
var pages = usePlugin.getPages();
|
|
||||||
updateScript(scriptId,pages,plugins);
|
|
||||||
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
@ -1,98 +0,0 @@
|
||||||
|
|
||||||
function BehaviorInfoModel(paramInfoModels,behaviorType,name){
|
|
||||||
this.paramInfoModels=paramInfoModels;
|
|
||||||
this.behaviorType=behaviorType;
|
|
||||||
this.name=name;
|
|
||||||
}
|
|
||||||
|
|
||||||
function ParamInfoModel(name,label,paramTypeModel){
|
|
||||||
this.name=name;
|
|
||||||
this.label=label;
|
|
||||||
this.paramTypeModel=paramTypeModel;
|
|
||||||
}
|
|
||||||
|
|
||||||
function ScenarioModel(scriptName,runScenarioModel){
|
|
||||||
this.scriptName=scriptName;
|
|
||||||
this.runScenarioModel=runScenarioModel;
|
|
||||||
}
|
|
||||||
|
|
||||||
function RunScenarioModel(poolSize,usePlugins,definedParameters,pages){
|
|
||||||
this.poolSize=poolSize;
|
|
||||||
this.usePlugins=usePlugins;
|
|
||||||
this.definedParameters=definedParameters;
|
|
||||||
this.pages=pages;
|
|
||||||
}
|
|
||||||
|
|
||||||
function PageModel(id,batches){
|
|
||||||
this.id = id;
|
|
||||||
this.batches=batches;
|
|
||||||
}
|
|
||||||
|
|
||||||
function BatchModel(id,parentId,childId,behaviors){
|
|
||||||
this.id=id;
|
|
||||||
this.parentId=parentId;
|
|
||||||
this.childId=childId;
|
|
||||||
this.behaviors=behaviors;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @param id
|
|
||||||
* @param use
|
|
||||||
* @param name
|
|
||||||
* @param type
|
|
||||||
* @param parameters
|
|
||||||
*/
|
|
||||||
function BehaviorModel(id, use, name, type, parameters) {
|
|
||||||
this.id = id;
|
|
||||||
this.use = use;
|
|
||||||
this.name = name;
|
|
||||||
this.type = type;
|
|
||||||
this.parameters = parameters;
|
|
||||||
}
|
|
||||||
|
|
||||||
function ParameterModel(key, value) {
|
|
||||||
this.key = key;
|
|
||||||
this.value = value;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @param id
|
|
||||||
* @param name
|
|
||||||
* @param nickName
|
|
||||||
* @param parameters
|
|
||||||
*/
|
|
||||||
function UsePluginModel(id, name, nickName, parameters) {
|
|
||||||
this.id = id;
|
|
||||||
this.name = name;
|
|
||||||
this.nickName = nickName;
|
|
||||||
this.parameters = parameters;
|
|
||||||
}
|
|
||||||
|
|
||||||
function PluginEditScriptRequestModel(behaviorModels, usePluginModels,
|
|
||||||
scriptName) {
|
|
||||||
this.behaviorModels = behaviorModels;
|
|
||||||
this.usePluginModels = usePluginModels;
|
|
||||||
this.scriptName = scriptName;
|
|
||||||
}
|
|
||||||
|
|
||||||
function MethodParamModel(name, lable, valueSeperator, fieldSeperator,
|
|
||||||
paramType, methodParamProperties) {
|
|
||||||
this.name = name;
|
|
||||||
this.lable = lable;
|
|
||||||
this.valueSeperator = valueSeperator;
|
|
||||||
this.fieldSeperator = fieldSeperator;
|
|
||||||
this.paramType = paramType;
|
|
||||||
this.methodParamProperties = methodParamProperties;
|
|
||||||
}
|
|
||||||
|
|
||||||
function MethodParamPropertyModel(key, value) {
|
|
||||||
this.key = key;
|
|
||||||
this.value = value;
|
|
||||||
}
|
|
||||||
|
|
||||||
function pluignChoosedModel(pluginName, index) {
|
|
||||||
this.pluginName = pluginName;
|
|
||||||
this.index = index;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,197 +0,0 @@
|
||||||
var behaviors = new Array();
|
|
||||||
var usePluginList = new Array();
|
|
||||||
var pageList = new Array();
|
|
||||||
function submit(selectedNode) {
|
|
||||||
var scriptName = $(selectedNode.parentNode.parentNode).find("input").val();
|
|
||||||
saveBehaviorInfo();
|
|
||||||
savePluginInfo();
|
|
||||||
if (validateBehaviors(behaviors)) {
|
|
||||||
submitScriptWithScriptName(scriptName);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function saveBehaviorInfo() {
|
|
||||||
var children = document.getElementById("showPluginMethod").childNodes;
|
|
||||||
var length = children.length;
|
|
||||||
if (length != 0) {
|
|
||||||
saveParamInfoWithSubmit(children, length, "behavior");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function savePluginInfo() {
|
|
||||||
var pluginChildren = document.getElementById("pluginParams").childNodes;
|
|
||||||
var pluginLength = pluginChildren.length;
|
|
||||||
if (pluginLength != 0) {
|
|
||||||
saveParamInfoWithSubmit(pluginChildren, pluginLength, "plugin");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function validateBehaviors(behaviors) {
|
|
||||||
return (behaviors.length != 0 || behaviors != null);
|
|
||||||
}
|
|
||||||
|
|
||||||
function saveParamInfoWithSubmit(children, length, type) {
|
|
||||||
for ( var i = 0; i < length; i++) {
|
|
||||||
for ( var j = 0; j < length; j++) {
|
|
||||||
var node = children[j];
|
|
||||||
if ($(node).attr("id") == i) {
|
|
||||||
if (type == "behavior") {
|
|
||||||
saveABehavior(node);
|
|
||||||
} else if (type == "plugin") {
|
|
||||||
saveAPlugin(node);
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function saveAPlugin(node) {
|
|
||||||
var id = node.firstChild.firstChild.nodeValue;
|
|
||||||
var name = id.split("_")[0];
|
|
||||||
var div = node.lastChild.lastChild.childNodes;
|
|
||||||
var parameters = saveParamInfo(div);
|
|
||||||
var usePluginModel = new UsePluginModel(id, name, parameters);
|
|
||||||
usePluginList.push(usePluginModel);
|
|
||||||
}
|
|
||||||
|
|
||||||
function saveABehavior(node) {
|
|
||||||
var div = node.lastChild.lastChild.childNodes;
|
|
||||||
var behaviorIndex = 0;
|
|
||||||
var use = "", name = "", type = "";
|
|
||||||
var plugin_method = node.firstChild.firstChild.nodeValue.split(".");
|
|
||||||
name = plugin_method[1];
|
|
||||||
use = plugin_method[0];
|
|
||||||
if (use.split("_")[0] == "ConstantTimer") {
|
|
||||||
type = "TIMERBEHAVIOR";
|
|
||||||
} else {
|
|
||||||
type = "USERBEHAVIOR";
|
|
||||||
}
|
|
||||||
var parameters = saveParamInfo(div);
|
|
||||||
var behaviorModel = new BehaviorModel(behaviorIndex, use, name, type,
|
|
||||||
parameters);
|
|
||||||
behaviors.push(behaviorModel);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 封装到parameters中，保存参数
|
|
||||||
function saveParamInfo(div) {
|
|
||||||
var length = div.length;
|
|
||||||
var parameters = new Array();
|
|
||||||
for ( var i = 0; i < length; i++) {
|
|
||||||
var node = div[i];
|
|
||||||
var parameterModel;
|
|
||||||
var key = "", value = "", temp = "";
|
|
||||||
if ($(node).attr("class") == "Field sample_frame") {
|
|
||||||
key = node.lastChild.firstChild.nodeValue;
|
|
||||||
temp = $(node).find("input").val();
|
|
||||||
if (temp != "") {
|
|
||||||
value = temp;
|
|
||||||
}
|
|
||||||
} else if ($(node).attr("class") == "NField sample_frame") {
|
|
||||||
key = node.firstChild.firstChild.nodeValue.split(":")[0];
|
|
||||||
var fieldNode = $(node).find("table").children();
|
|
||||||
var fieldLength = $(fieldNode).length;
|
|
||||||
for ( var j = 0; j < fieldLength; j++) {
|
|
||||||
temp = $(fieldNode[j]).find("input").val();
|
|
||||||
if (temp != "") {
|
|
||||||
value += temp;
|
|
||||||
}
|
|
||||||
if (j != fieldLength - 1) {
|
|
||||||
value += ";";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else if ($(node).attr("class") == "Table sample_frame") {
|
|
||||||
key = node.lastChild.firstChild.nodeValue;
|
|
||||||
var table = $(node).find("table");
|
|
||||||
var col = table.find("th").length;
|
|
||||||
var row = table.find("tbody").children().length;
|
|
||||||
var tbody = $(node).find("tbody");
|
|
||||||
for ( var m = 0; m < row; m++) {
|
|
||||||
for ( var n = 0; n < col; n++) {
|
|
||||||
var rowNode = $(tbody).children()[m];
|
|
||||||
var colNode = $(rowNode).children()[n];
|
|
||||||
temp = $(colNode).find("input").val();
|
|
||||||
if (temp != "") {
|
|
||||||
value += temp + "|";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (value != "") {
|
|
||||||
value += ";";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else if ($(node).attr("class") == "CheckBox sample_frame") {
|
|
||||||
key = node.lastChild.firstChild.nodeValue;
|
|
||||||
$('input[name= "checkbox"]:checked').each(function() {
|
|
||||||
temp = $(this).val();
|
|
||||||
if (temp != "") {
|
|
||||||
value += temp + ";";
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} else if ($(node).attr("class") == "RadioButton sample_frame") {
|
|
||||||
key = node.lastChild.firstChild.nodeValue;
|
|
||||||
temp = $('input[name="radio"]:checked').val();
|
|
||||||
if (temp != "") {
|
|
||||||
value += temp + ";";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (value != "") {
|
|
||||||
parameterModel = new ParameterModel(key, value);
|
|
||||||
parameters.push(parameterModel);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return parameters;
|
|
||||||
}
|
|
||||||
|
|
||||||
function makePageList(behaviors) {
|
|
||||||
var batch = new BatchModel(0, -1, -1, behaviors);
|
|
||||||
var batchList = new Array();
|
|
||||||
batchList.push(batch);
|
|
||||||
var page = new PageModel(batchList);
|
|
||||||
pageList.push(page);
|
|
||||||
}
|
|
||||||
|
|
||||||
function submitScriptByAjax(scriptModel) {
|
|
||||||
var formData = new FormData();
|
|
||||||
var filesDiv = $("input[type=file]");
|
|
||||||
console.log(filesDiv);
|
|
||||||
if (filesDiv.length != 0) {
|
|
||||||
for ( var i = 0; i < filesDiv.length; i++) {
|
|
||||||
formData.append("paramFiles", filesDiv[i].files[0],
|
|
||||||
filesDiv[i].files[0].name);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
formData.append("content", JSON.stringify(scriptModel));
|
|
||||||
|
|
||||||
$.ajax({
|
|
||||||
url : "uploadScript",
|
|
||||||
type : "POST",
|
|
||||||
contentType : false,
|
|
||||||
processData : false,
|
|
||||||
data : formData,
|
|
||||||
success : function(data) {
|
|
||||||
information("upload success");
|
|
||||||
window.location.replace("script.jsp");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function submitScriptWithScriptName(scriptName) {
|
|
||||||
if (scriptName == null || scriptName == "") {
|
|
||||||
information("Please input scriptName.");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (behaviors.length == 0) {
|
|
||||||
information("Please save the behavior or fill in the form.");
|
|
||||||
return;
|
|
||||||
} else {
|
|
||||||
var n = behaviors.length;
|
|
||||||
information("you have save " + n + " behaviors");
|
|
||||||
}
|
|
||||||
makePageList(behaviors);
|
|
||||||
var runScenarioModel = new RunScenarioModel(0, usePluginList, null,
|
|
||||||
pageList);
|
|
||||||
var scriptModel = new ScenarioModel(scriptName, runScenarioModel);
|
|
||||||
submitScriptByAjax(scriptModel);
|
|
||||||
}
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
function createLineWithRadio(lineText, nameAttr) {
|
|
||||||
var textNode = document.createTextNode(lineText);
|
|
||||||
var divNode = document.createElement("div");
|
|
||||||
var inputNode = document.createElement("input");
|
|
||||||
var brNode = document.createElement("br");
|
|
||||||
inputNode.setAttribute("type", "radio");
|
|
||||||
inputNode.setAttribute("name", nameAttr);
|
|
||||||
inputNode.setAttribute("class", "chooseOnePlugin");
|
|
||||||
inputNode.setAttribute("value", lineText);
|
|
||||||
divNode.appendChild(inputNode);
|
|
||||||
divNode.appendChild(textNode);
|
|
||||||
divNode.appendChild(brNode);
|
|
||||||
return $(divNode).html() + "<br>";
|
|
||||||
}
|
|
||||||
|
|
@ -1,140 +0,0 @@
|
||||||
var Behavior = function(containerManager, plugin) {
|
|
||||||
this.containerManager = containerManager;
|
|
||||||
this.plugin = plugin;
|
|
||||||
this.clickPluginBehaviorNode = -1;
|
|
||||||
this.insertLocation = "after";
|
|
||||||
this.behaviorList = [];// 存放所有方法及其对应的parameter
|
|
||||||
this.behaviorWithPluginList = new Array();
|
|
||||||
};
|
|
||||||
|
|
||||||
Behavior.prototype.setClickPluginBehaviorNode = function(
|
|
||||||
clickPluginBehaviorNode) {
|
|
||||||
this.clickPluginBehaviorNode = clickPluginBehaviorNode;
|
|
||||||
};
|
|
||||||
|
|
||||||
Behavior.prototype.usePluginListContainerInit = function(insertLocation,
|
|
||||||
container) {
|
|
||||||
var chooesedPluginHtml = "";
|
|
||||||
this.setInsertLocation(insertLocation);
|
|
||||||
for ( var i = 0; i < this.plugin.usePluginList.length; i++) {
|
|
||||||
chooesedPluginHtml += createLineWithRadio(this.plugin.usePluginList[i],
|
|
||||||
"plugin");
|
|
||||||
}
|
|
||||||
container.html(chooesedPluginHtml);// insertPluginAreaPlugins
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
Behavior.prototype.setInsertLocation = function(insertLocation) {
|
|
||||||
this.insertLocation = insertLocation;
|
|
||||||
};
|
|
||||||
|
|
||||||
Behavior.prototype.loadBehaviorList = function(plugin) {
|
|
||||||
var behaviors = null;
|
|
||||||
$.ajax({
|
|
||||||
type : "GET",
|
|
||||||
url : "loadBehaviorList",
|
|
||||||
data : "pluginName=" + plugin,
|
|
||||||
dataType : "json",
|
|
||||||
async : false,
|
|
||||||
success : function(response) {
|
|
||||||
if (!response.success) {
|
|
||||||
information(response.failedMessage);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
behaviors = response.behaviors;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return behaviors;
|
|
||||||
};
|
|
||||||
|
|
||||||
Behavior.prototype.getBehaviorListOfOnePlugin = function(pluginName) {
|
|
||||||
var behaviorHtml = "";
|
|
||||||
this.behaviorList.splice(0, this.behaviorList.length);
|
|
||||||
var behaviors = this.loadBehaviorList(pluginName.split("_")[0]);
|
|
||||||
for ( var i = 0; i < behaviors.length; i++) {
|
|
||||||
this.behaviorList.push(behaviors[i].name);
|
|
||||||
this.behaviorList[behaviors[i].name] = behaviors[i].paramInfoModels;
|
|
||||||
behaviorHtml += createLineWithRadio(behaviors[i].name, "method");
|
|
||||||
}
|
|
||||||
this.containerManager.behaviorListForPlugin.html(behaviorHtml);
|
|
||||||
};
|
|
||||||
|
|
||||||
Behavior.prototype.useBehaviorOfOnePluginContainerInit = function(plugin,
|
|
||||||
behaivor) {
|
|
||||||
var behaviorWithPlugin = plugin + "." + behaivor;
|
|
||||||
var length = this.behaviorWithPluginList.length;
|
|
||||||
var documentChild = this.containerManager.behaviorParamConfigContianer
|
|
||||||
.children();
|
|
||||||
if (this.insertLocation == "before") {
|
|
||||||
for ( var j = length - 1; j > parseInt(this.clickPluginBehaviorNode - 1); j--) {
|
|
||||||
information("j=" + j);
|
|
||||||
this.behaviorWithPluginList[j + 1] = this.behaviorWithPluginList[j];
|
|
||||||
$(documentChild[j]).attr("id", parseInt(j + 1));
|
|
||||||
}
|
|
||||||
this.behaviorWithPluginList[parseInt(this.clickPluginBehaviorNode)] = behaviorWithPlugin;
|
|
||||||
this
|
|
||||||
.setClickPluginBehaviorNode(parseInt(this.clickPluginBehaviorNode + 1));
|
|
||||||
} else if (this.insertLocation == "after") {
|
|
||||||
if (this.clickPluginBehaviorNode == parseInt(length - 1)
|
|
||||||
|| this.clickPluginBehaviorNode == -1) {
|
|
||||||
this.behaviorWithPluginList.push(behaviorWithPlugin);
|
|
||||||
} else {
|
|
||||||
for ( var j = parseInt(length - 1); j > parseInt(this.clickPluginBehaviorNode); j--) {
|
|
||||||
this.behaviorWithPluginList[j + 1] = this.behaviorWithPluginList[j];
|
|
||||||
$(documentChild[j]).attr("id", parseInt(j + 1));
|
|
||||||
}
|
|
||||||
this.behaviorWithPluginList[parseInt(this.clickPluginBehaviorNode + 1)] = behaviorWithPlugin;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$('#myModal_Behavior').modal('hide');
|
|
||||||
};
|
|
||||||
|
|
||||||
Behavior.prototype.createBehaviorWithPluginLines = function() {
|
|
||||||
this.containerManager.behaviorParamConfigContianer.html("");
|
|
||||||
this.containerManager.useBehaviorListContainer.html("");
|
|
||||||
for ( var j = 0; j < this.behaviorWithPluginList.length; j++) {
|
|
||||||
var div = this.containerManager.createALine(
|
|
||||||
this.behaviorWithPluginList[j], j, "pluginMethodList");
|
|
||||||
if (j == this.clickPluginBehaviorNode) {
|
|
||||||
$(div).find("p").attr("class", "visited");
|
|
||||||
}
|
|
||||||
document.getElementById('behaviorArea').appendChild(div);
|
|
||||||
this.useParamInforsContainerInit(j);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
Behavior.prototype.useParamInforsContainerInit = function(index) {
|
|
||||||
var behaviorName = this.behaviorWithPluginList[index].split('.')[1];
|
|
||||||
document.getElementById("showPluginMethod").innerHTML += this.containerManager
|
|
||||||
.createParamInforsContainer(this.behaviorList[behaviorName],
|
|
||||||
this.behaviorWithPluginList[index], index);
|
|
||||||
};
|
|
||||||
|
|
||||||
Behavior.prototype.removeInsertPluginByClicked = function() {
|
|
||||||
var length = $('#behaviorArea').children().length;
|
|
||||||
for ( var i = parseInt(this.clickPluginBehaviorNode + 1); i < length; i++) {
|
|
||||||
this.behaviorWithPluginList[i - 1] = this.behaviorWithPluginList[i];
|
|
||||||
}
|
|
||||||
this.behaviorWithPluginList.splice(length - 1, 1);
|
|
||||||
if (this.behaviorWithPluginList.length == 0) {
|
|
||||||
this.setClickPluginBehaviorNode(-1);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
Behavior.prototype.removeUseBehaviorWithPluginParamInfo = function() {
|
|
||||||
var removeDocumentNode = $("#showPluginMethod").children();
|
|
||||||
for ( var j = 0; j < length; j++) {
|
|
||||||
if ($(removeDocumentNode[j]).attr("id") == this.clickPluginBehaviorNode) {
|
|
||||||
document.getElementById("showPluginMethod").removeChild(
|
|
||||||
removeDocumentNode[j]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
Behavior.prototype.clearBehaviorWithPluginList = function() {
|
|
||||||
this.behaviorWithPluginList.splice(0, this.behaviorWithPluginList.length);
|
|
||||||
this.setClickPluginBehaviorNode(-1);
|
|
||||||
$('#behaviorArea').html("");
|
|
||||||
$('#showPluginMethod').html("");
|
|
||||||
$('#submitBehaviors').attr("class", "hide");
|
|
||||||
};
|
|
||||||
|
|
@ -1,147 +0,0 @@
|
||||||
|
|
||||||
var Plugin = function(containerManager) {
|
|
||||||
this.pluginList = null;
|
|
||||||
this.pluginIndex = new HashMap();
|
|
||||||
this.usePluginList = new Array();
|
|
||||||
this.pluginParamInfoList = [];
|
|
||||||
this.clickPluginChoosedNodeIndex = 0;
|
|
||||||
this.clickPluginChoosedNodeName = "";
|
|
||||||
this.loadPluginNameList();
|
|
||||||
this.loadPluginUIList();
|
|
||||||
this.setPluginParamInfoList();
|
|
||||||
this.containerManager = containerManager;
|
|
||||||
};
|
|
||||||
|
|
||||||
Plugin.prototype.loadPluginNameList = function() {
|
|
||||||
var plugin = this;
|
|
||||||
$.ajax({
|
|
||||||
type : 'POST',
|
|
||||||
url : 'loadPluginName',
|
|
||||||
data : {},
|
|
||||||
dataType : 'json',
|
|
||||||
async : false,
|
|
||||||
success : function(response) {
|
|
||||||
if (!response.success) {
|
|
||||||
information(response.failedMessage);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
var pluginNameList = response.pluginNames;
|
|
||||||
for ( var i = 0; i < pluginNameList.length; i++) {
|
|
||||||
plugin.pluginIndex.put(pluginNameList[i], -1);
|
|
||||||
}
|
|
||||||
|
|
||||||
pluginListContainerInit($("#pluginList"), pluginNameList);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
function pluginListContainerInit(container, pluginNameList) {
|
|
||||||
var pluginListHtmlContent = "";
|
|
||||||
for ( var i = 0; i < pluginNameList.length; i++) {
|
|
||||||
pluginListHtmlContent += createLineWithRadio(pluginNameList[i],
|
|
||||||
"plugin");
|
|
||||||
}
|
|
||||||
container.html(pluginListHtmlContent);
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
Plugin.prototype.loadPluginUIList = function() {
|
|
||||||
var plugin = this;
|
|
||||||
$.ajax({
|
|
||||||
type : 'POST',
|
|
||||||
url : 'loadPluginUIList',
|
|
||||||
data : {},
|
|
||||||
dataType : 'json',
|
|
||||||
async : false,
|
|
||||||
success : function(response) {
|
|
||||||
if (!response.success) {
|
|
||||||
information(response.failedMessage);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
plugin.pluginList = response.pluginUIs;// List<PluginUIModel>pluginUIModels
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
Plugin.prototype.addUsePlugin = function(item) {
|
|
||||||
this.pluginIndex.put(item, this.pluginIndex.get(item) + 1);
|
|
||||||
var pluginName = createUsePluginName(item, this.pluginIndex.get(item));
|
|
||||||
this.usePluginList.push(pluginName);
|
|
||||||
$("#usePlugin").append(
|
|
||||||
createLine(pluginName, usePluginList.length, "pluginChoosedList"));
|
|
||||||
function createUsePluginName(pluginName, index) {
|
|
||||||
return pluginName + '_' + index;
|
|
||||||
}
|
|
||||||
function createLine(name, index, list) {
|
|
||||||
var div = document.createElement("div");
|
|
||||||
var p = document.createElement("p");
|
|
||||||
var i = document.createElement("i");
|
|
||||||
var textNode = document.createTextNode(name);
|
|
||||||
div.setAttribute("id", name);
|
|
||||||
i.setAttribute("class", "icon-hand-right");
|
|
||||||
p.setAttribute("id", index);
|
|
||||||
p.setAttribute("class", "");
|
|
||||||
if (list == "pluginMethodList") {
|
|
||||||
p.setAttribute("onClick", "showMethodDocument(this)");// loadMethodParams
|
|
||||||
} else if (list == "pluginChoosedList") {
|
|
||||||
p.setAttribute("onClick", "choosePlugin(this);");// 此处用于显示plugin文档
|
|
||||||
} else if (list == "editPluginChoosedList") {
|
|
||||||
p.setAttribute("onClick", "chooseEditPlugin(this);");
|
|
||||||
}
|
|
||||||
p.setAttribute("style", "cursor:pointer;width:85%");
|
|
||||||
p.appendChild(i);
|
|
||||||
p.appendChild(textNode);
|
|
||||||
div.appendChild(p);
|
|
||||||
return $(div);
|
|
||||||
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
Plugin.prototype.setClickPluginChoosedNodeIndex = function(selectedNode) {
|
|
||||||
this.clickPluginChoosedNodeIndex = $(selectedNode).attr("id");
|
|
||||||
};
|
|
||||||
|
|
||||||
Plugin.prototype.setClickPluginChoosedNodeName = function(selectedNode) {
|
|
||||||
this.clickPluginChoosedNodeName = selectedNode.lastChild.nodeValue;
|
|
||||||
};
|
|
||||||
|
|
||||||
Plugin.prototype.setPluginParamInfoList = function() {
|
|
||||||
for ( var i = 0; i < this.pluginList.length; i++) {
|
|
||||||
var pluginInfoModel = this.pluginList[i].pluginInfoModel;
|
|
||||||
this.pluginParamInfoList.push(pluginInfoModel.name);
|
|
||||||
this.pluginParamInfoList[pluginInfoModel.name] = pluginInfoModel.paramInfoModels;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
Plugin.prototype.usePluginParamInfosContainerInit = function(item) {
|
|
||||||
var data = this.pluginParamInfoList[item];
|
|
||||||
document.getElementById("pluginParams").innerHTML += this.containerManager
|
|
||||||
.createParamInforsContainer(data,
|
|
||||||
this.usePluginList[this.usePluginList.length - 1],
|
|
||||||
this.usePluginList.length - 1);
|
|
||||||
};
|
|
||||||
|
|
||||||
Plugin.prototype.removeUsePluginByClicked = function(container) {
|
|
||||||
for ( var i = parseInt(this.clickPluginChoosedNodeIndex + 1); i < this.usePluginList.length; i++) {
|
|
||||||
this.usePluginList[i - 1] = this.usePluginList[i];
|
|
||||||
}
|
|
||||||
this.usePluginList.splice(length - 1, 1);
|
|
||||||
};
|
|
||||||
|
|
||||||
Plugin.prototype.removeUsePluginParamInfos = function() {
|
|
||||||
var removeDocumentNode = document.getElementById("pluginParams").childNodes;
|
|
||||||
for ( var i = 0; i < removeDocumentNode.length; i++) {
|
|
||||||
if ($(removeDocumentNode[i]).attr("id") == this.clickPluginChoosedNodeIndex) {
|
|
||||||
document.getElementById("pluginParams").removeChild(
|
|
||||||
removeDocumentNode[i]);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
Plugin.prototype.clearUsePluginContainer = function() {
|
|
||||||
this.usePluginList.splice(0, this.usePluginList.length);
|
|
||||||
for ( var i = 0; i < this.pluginNameList.length; i++) {
|
|
||||||
this.pluginIndex.put(this.pluginNameList[i], 0);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
@ -1,61 +0,0 @@
|
||||||
//var modelData;
|
|
||||||
//var editor;
|
|
||||||
//
|
|
||||||
//function setTab(name, m, n) {
|
|
||||||
// for ( var i = 1; i <= n; i++) {
|
|
||||||
// var menu = document.getElementById(name + i);
|
|
||||||
// var showDiv = document.getElementById("cont_" + name + "_" + i);
|
|
||||||
// menu.className = i == m ? "on" : "";
|
|
||||||
// showDiv.style.display = i == m ? "block" : "none";
|
|
||||||
// }
|
|
||||||
//}
|
|
||||||
//
|
|
||||||
//function getScript(scriptId) {
|
|
||||||
//
|
|
||||||
// $.post("getScriptXml", {
|
|
||||||
// scriptId : scriptId
|
|
||||||
// }, function(data) {
|
|
||||||
// if (!data.success) {
|
|
||||||
// alert("failed to get script:" + data.failedMessage);
|
|
||||||
// return;
|
|
||||||
// } else {
|
|
||||||
// YUI().use('aui-ace-editor', function(Y) {
|
|
||||||
// editor = new Y.AceEditor({
|
|
||||||
// boundingBox : '#codeEditor',
|
|
||||||
// mode : 'xml',
|
|
||||||
// value : data.script ,
|
|
||||||
// height : '500',
|
|
||||||
// width : '800'
|
|
||||||
// }).render();
|
|
||||||
// editor.set("showPrintMargin",false);
|
|
||||||
// editor.set("width",1000);
|
|
||||||
// });
|
|
||||||
//
|
|
||||||
//
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
// }, "json")
|
|
||||||
//}
|
|
||||||
//
|
|
||||||
//$(function() {
|
|
||||||
// var scriptId = getvars()['scriptId'];
|
|
||||||
// getScript(scriptId);
|
|
||||||
//
|
|
||||||
// $("#tabs").tabs();
|
|
||||||
//
|
|
||||||
// $("#submitScript").click(function() {
|
|
||||||
// var script = editor.getSession().getValue();
|
|
||||||
//
|
|
||||||
// $.post("updateScript", {
|
|
||||||
// scriptId : scriptId,
|
|
||||||
// script : vkbeautify.xmlmin(script)
|
|
||||||
// }, function(data) {
|
|
||||||
// if (data.success) {
|
|
||||||
// alert($.i18n.prop("script-save"))
|
|
||||||
// } else {
|
|
||||||
// alert($.i18n.prop('fail'));
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
// });
|
|
||||||
// });
|
|
||||||
//});
|
|
||||||
|
|
@ -1,66 +0,0 @@
|
||||||
var ContainerFactory = function() {
|
|
||||||
};
|
|
||||||
ContainerFactory.prototype.createEditorContainer = function(header, id,
|
|
||||||
containerInfo) {
|
|
||||||
|
|
||||||
var container = document.createElement("div");
|
|
||||||
$(container).addClass("containerBox");
|
|
||||||
if (id != null) {
|
|
||||||
$(container).attr("id", id);
|
|
||||||
}
|
|
||||||
var containerHeader = document.createElement("p");
|
|
||||||
$(containerHeader).addClass("header");
|
|
||||||
var img = document.createElement("img");
|
|
||||||
$(containerHeader).append(img);
|
|
||||||
$(containerHeader).append(document.createTextNode(header));
|
|
||||||
$(container).append(containerHeader);
|
|
||||||
|
|
||||||
for ( var i = 0; i < containerInfo.length; i++) {
|
|
||||||
|
|
||||||
if (containerInfo[i].children == null) {
|
|
||||||
this.appendEdtiors(container, containerInfo[i].label,
|
|
||||||
containerInfo[i].name, containerInfo[i].paramTypeModel);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
$(container).append(
|
|
||||||
|
|
||||||
this.createEditorContainer(containerInfo[i].name, null,
|
|
||||||
containerInfo[i].children));
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
return container;
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
ContainerFactory.prototype.appendEdtiors = function(container, label, name,
|
|
||||||
editorInfo) {
|
|
||||||
var editorFactory = new EditorFactory();
|
|
||||||
|
|
||||||
if (editorInfo.type.toLowerCase() == "field") {
|
|
||||||
$(container).append(
|
|
||||||
editorFactory.createField(label, name, editorInfo.size, name));
|
|
||||||
|
|
||||||
} else if (editorInfo.type.toLowerCase() == "nfield") {
|
|
||||||
$(container).append(
|
|
||||||
editorFactory.createMultiField(label, name, editorInfo.size,
|
|
||||||
name));
|
|
||||||
} else if (editorInfo.type.toLowerCase() == "table") {
|
|
||||||
$(container).append(
|
|
||||||
editorFactory.createTable(label, name, editorInfo.cols, name));
|
|
||||||
|
|
||||||
} else if (editorInfo.type.toLowerCase() == "file") {
|
|
||||||
$(container).append(
|
|
||||||
editorFactory.createFile(lable, name, editorInfo.size, name));
|
|
||||||
} else if (editorInfo.type.toLowerCase() == "date") {
|
|
||||||
$(container).append(
|
|
||||||
editorFactory.createDate(label, name, editorInfo.size, name));
|
|
||||||
} else if (editorInfo.type.toLowerCase() == "select") {
|
|
||||||
$(container).append(
|
|
||||||
editorFactory.createSelect(label, name, editorInfo.size,
|
|
||||||
editorInfo.options, name));
|
|
||||||
} else {
|
|
||||||
information("no such editor type:" + editorInfo.type);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
@ -1,164 +0,0 @@
|
||||||
var Parameter = function(key, value) {
|
|
||||||
this.key = key;
|
|
||||||
this.value = value;
|
|
||||||
}
|
|
||||||
var DataCollector = function() {
|
|
||||||
};
|
|
||||||
DataCollector.prototype.fieldData = function(editor) {
|
|
||||||
editor = $(editor.children('.field'));
|
|
||||||
var name = editor.children("label").html();
|
|
||||||
var value = editor.children("input").val();
|
|
||||||
if (value == null || value == "") {
|
|
||||||
information("please input data in " + editor.attr("id"));
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
return new Parameter(name, value);
|
|
||||||
};
|
|
||||||
DataCollector.prototype.dateData = function(editor) {
|
|
||||||
var name = editor.children("label").html();
|
|
||||||
var value = editor.children("input").val();
|
|
||||||
if (value == null || value == "") {
|
|
||||||
information("please input data in " + editor.attr("id"));
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
return new Parameter(name, value);
|
|
||||||
};
|
|
||||||
DataCollector.prototype.multiFieldData = function(editor) {
|
|
||||||
var editorArray = editor.children(".field");
|
|
||||||
if (ediotrArray.size == 0) {
|
|
||||||
information("please input data in " + editor.attr("id"));
|
|
||||||
return;
|
|
||||||
|
|
||||||
}
|
|
||||||
var name = editor.attr("id")
|
|
||||||
var value = "";
|
|
||||||
|
|
||||||
for ( var i = 0; i < editorArray.length; i++) {
|
|
||||||
var filedValue = $(editorArray[i]).children("input").val();
|
|
||||||
if (filedValue == null || filedValue == "") {
|
|
||||||
information("please input data in" + editor.attr("id"));
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
value += fieldVlaue + ";";
|
|
||||||
}
|
|
||||||
value = value.substring(0, value.length - 1);
|
|
||||||
return new Parameter(name, value);
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
DataCollector.prototype.tableData = function(editor) {
|
|
||||||
var editorArray = editor.find("tbody").children("tr");
|
|
||||||
var name = editor.attr("id");
|
|
||||||
var value = "";
|
|
||||||
for ( var i = 0; i < editorArray.length; i++) {
|
|
||||||
var tdArray = $(editorArray[i]).children("td");
|
|
||||||
var trValue = "";
|
|
||||||
for ( var j = 1; j < tdArray.length; j++) {
|
|
||||||
trValue += $(tdArray[j]).children("input").val() + "|";
|
|
||||||
}
|
|
||||||
trValue = trValue.substring(0, trValue.length - 1);
|
|
||||||
value += trValue + ";";
|
|
||||||
}
|
|
||||||
value = value.substring(0, value.length - 1);
|
|
||||||
return new Parameter(name, value);
|
|
||||||
|
|
||||||
};
|
|
||||||
DataCollector.prototype.selectData = function(editor) {
|
|
||||||
var name = editor.attr("id");
|
|
||||||
var value = editor.children("select").val();
|
|
||||||
return new Parameter(name, value);
|
|
||||||
};
|
|
||||||
|
|
||||||
DataCollector.prototype.getUnitParams = function(paramEditors) {
|
|
||||||
var params = new Array();
|
|
||||||
for ( var i = 0; i < paramEditors.length; i++) {
|
|
||||||
var editor = $(paramEditors[i]);
|
|
||||||
var editorType = editor.attr("editorType");
|
|
||||||
if (editorType == "field") {
|
|
||||||
params.push(this.fieldData(editor));
|
|
||||||
} else if (editorType == "date") {
|
|
||||||
params.push(this.dateData(editor));
|
|
||||||
} else if (editorType == "multiField") {
|
|
||||||
params.push(this.multiFieldData(deditor));
|
|
||||||
} else if (editorType == "table") {
|
|
||||||
params.push(this.tableData(editor));
|
|
||||||
} else if (editorType == "select") {
|
|
||||||
params.push(this.selectData(editor));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return params;
|
|
||||||
};
|
|
||||||
|
|
||||||
var BehaviorData = function(name, usePlugin, type, parameters) {
|
|
||||||
this.name = name;
|
|
||||||
this.type = type;
|
|
||||||
this.use = usePlugin;
|
|
||||||
this.parameters = parameters;
|
|
||||||
};
|
|
||||||
function getBehaviorNames(usePlugins) {
|
|
||||||
var behaviorNames = new Array();
|
|
||||||
var behaviorName = "Send";
|
|
||||||
for ( var i = 0; i < usePlugins.length; i++) {
|
|
||||||
behaviorNames.push(usePlugins[i].id + "_" + behaviorName);
|
|
||||||
|
|
||||||
}
|
|
||||||
return behaviorNames;
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
function getBehaviorDatas(behaviorNames) {
|
|
||||||
var behaviors = new Array();
|
|
||||||
var behaviorEditor = $("#behaviors").children(".containerBox");
|
|
||||||
var type = "USERBEHAVIOR";
|
|
||||||
for ( var i = 0; i < behaviorNames.length; i++) {
|
|
||||||
behaviors.push(getBehaviorData(behaviorEditor, behaviorNames[i], type));
|
|
||||||
}
|
|
||||||
return behaviors;
|
|
||||||
function getBehaviorData(editor, behaviorName, type) {
|
|
||||||
var paramEditors = editor.find(".editor");
|
|
||||||
var names = behaviorName.split("_");
|
|
||||||
var usePlugin = names[0];
|
|
||||||
var behavior = names[1];
|
|
||||||
var dataCollector = new DataCollector();
|
|
||||||
var params = dataCollector.getUnitParams(paramEditors);
|
|
||||||
var behavior = new BehaviorData(behavior, usePlugin, type, params);
|
|
||||||
return behavior;
|
|
||||||
}
|
|
||||||
;
|
|
||||||
|
|
||||||
};
|
|
||||||
var PluginData = function(id, name, params) {
|
|
||||||
|
|
||||||
this.id = id;
|
|
||||||
this.name = name;
|
|
||||||
this.parameters = params;
|
|
||||||
}
|
|
||||||
|
|
||||||
function getPluginDatas() {
|
|
||||||
var pluginContainers = $("#devices").children(".containerBox");
|
|
||||||
var separators = $("#devices").children(".separator");
|
|
||||||
var plugins = new Array();
|
|
||||||
var pluginCount = -1;
|
|
||||||
var pluginName = "hbase";
|
|
||||||
for ( var i = 0; i < pluginContainers.length; i++) {
|
|
||||||
var deviceSize = $(separators[i]).children("input").val();
|
|
||||||
if (deviceSize == null || deviceSize == "") {
|
|
||||||
information("no device config");
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
var dataCollector = new DataCollector();
|
|
||||||
var params = dataCollector.getUnitParams($(pluginContainers[i]).find(".editor"));
|
|
||||||
for ( var j = 1; j <= deviceSize; j++) {
|
|
||||||
pluginCount++;
|
|
||||||
var id=pluginName+pluginCount;
|
|
||||||
plugins.push(new PluginData(id, pluginName,params));
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
return plugins;
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
@ -1,51 +0,0 @@
|
||||||
var DeviceFactory = function(deviceEditorInfo, container, behaviorEditorInfo) {
|
|
||||||
this.deviceEditorInfo = deviceEditorInfo;
|
|
||||||
this.container = container;
|
|
||||||
this.behaviorEditorInfo = behaviorEditorInfo;
|
|
||||||
};
|
|
||||||
DeviceFactory.prototype.createDevice = function(header, id) {
|
|
||||||
|
|
||||||
var deviceSizeConfig = this.createDeviceSizeConfig();
|
|
||||||
var containerFactory = new ContainerFactory();
|
|
||||||
var deviceContainer = containerFactory.createEditorContainer(header, id,
|
|
||||||
this.deviceEditorInfo);
|
|
||||||
var behaviorFactory = new BehaviorFactory(this.container);
|
|
||||||
behaviorFactory.createBehavior("Device Data Sender", "behavior",
|
|
||||||
this.behaviorEditorInfo);
|
|
||||||
|
|
||||||
this.container.prepend(deviceContainer);
|
|
||||||
this.container.prepend(deviceSizeConfig);
|
|
||||||
|
|
||||||
};
|
|
||||||
DeviceFactory.prototype.createDeviceSizeConfig = function() {
|
|
||||||
var deviceSizeConfig = document.createElement("div");
|
|
||||||
$(deviceSizeConfig).addClass("separator");
|
|
||||||
var label = document.createElement("label");
|
|
||||||
$(label).html("Device Size:");
|
|
||||||
var input = document.createElement("input");
|
|
||||||
$(input).attr("type", "text");
|
|
||||||
$(deviceSizeConfig).append(label);
|
|
||||||
$(deviceSizeConfig).append(input);
|
|
||||||
return deviceSizeConfig;
|
|
||||||
}
|
|
||||||
|
|
||||||
var BehaviorFactory = function(container) {
|
|
||||||
this.container = container;
|
|
||||||
|
|
||||||
};
|
|
||||||
BehaviorFactory.prototype.createBehavior = function(header, id, editorInfo) {
|
|
||||||
var title = this.createTitle();
|
|
||||||
var containerFactory = new ContainerFactory();
|
|
||||||
var editorContainer = containerFactory.createEditorContainer(header, id,
|
|
||||||
editorInfo);
|
|
||||||
|
|
||||||
this.container.prepend(editorContainer)
|
|
||||||
this.container.prepend(title);
|
|
||||||
};
|
|
||||||
BehaviorFactory.prototype.createTitle = function() {
|
|
||||||
var title = document.createElement("div");
|
|
||||||
$(title).addClass("separator");
|
|
||||||
$(title).attr("style", "color:#4183c4")
|
|
||||||
$(title).html("Configure Device Data Sender")
|
|
||||||
return title;
|
|
||||||
}
|
|
||||||
|
|
@ -1,233 +0,0 @@
|
||||||
var EditorFactory = function() {
|
|
||||||
};
|
|
||||||
EditorFactory.prototype.createBaseEditor = function(label, id) {
|
|
||||||
if (label == null) {
|
|
||||||
label = "";
|
|
||||||
}
|
|
||||||
var containerBox = document.createElement("div");
|
|
||||||
$(containerBox).addClass("containerBox");
|
|
||||||
var boxHeader = document.createElement("div");
|
|
||||||
var p = document.createElement("p")
|
|
||||||
$(p).html(label)
|
|
||||||
$(boxHeader).append(p);
|
|
||||||
$(boxHeader).addClass("header")
|
|
||||||
$(containerBox).append(boxHeader);
|
|
||||||
var boxBody = document.createElement("div");
|
|
||||||
$(boxBody).addClass("editor");
|
|
||||||
$(boxBody).attr("id", id);
|
|
||||||
$(containerBox).append(boxBody);
|
|
||||||
return containerBox;
|
|
||||||
}
|
|
||||||
|
|
||||||
EditorFactory.prototype.createField = function(label, name, size, id) {
|
|
||||||
var div = this.createBaseEditor(label, id);
|
|
||||||
$(div).children(".editor").attr("editorType", "field");
|
|
||||||
$(div).children(".editor").append(this.createFieldLine(size, name));
|
|
||||||
return div;
|
|
||||||
}
|
|
||||||
EditorFactory.prototype.createMultiField = function(label, name, size, id) {
|
|
||||||
var div = this.createBaseEditor(label, id);
|
|
||||||
$(div).children(".editor").attr("editorType", "multiField");
|
|
||||||
$(div).children(".editor").append(this.createFieldLine(size, name));
|
|
||||||
var editorFactory = this;
|
|
||||||
var addFieldButton = document.createElement("button");
|
|
||||||
$(addFieldButton).html("add")
|
|
||||||
$(addFieldButton).attr("type", "submit");
|
|
||||||
$(addFieldButton).click(
|
|
||||||
{
|
|
||||||
editorFactory : editorFactory
|
|
||||||
},
|
|
||||||
function(event) {
|
|
||||||
event.preventDefault()
|
|
||||||
$(event.data.editorFactory.createFieldLine(size, name))
|
|
||||||
.insertBefore($(this));
|
|
||||||
});
|
|
||||||
var removeFieldButton = document.createElement("button");
|
|
||||||
$(removeFieldButton).html("remove")
|
|
||||||
$(removeFieldButton).attr("type", "submit");
|
|
||||||
$(removeFieldButton).click(function(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
$(this).parent().children(".field").last().remove();
|
|
||||||
|
|
||||||
});
|
|
||||||
$(div).children(".editor").append(addFieldButton).append(removeFieldButton);
|
|
||||||
return div;
|
|
||||||
}
|
|
||||||
|
|
||||||
EditorFactory.prototype.createFieldLine = function(size, name) {
|
|
||||||
if (size == null || size <= 0) {
|
|
||||||
size = 150;
|
|
||||||
}
|
|
||||||
var fieldDiv = document.createElement("div");
|
|
||||||
$(fieldDiv).addClass("field");
|
|
||||||
var fieldName = document.createElement("label");
|
|
||||||
$(fieldName).html(name);
|
|
||||||
var field = document.createElement("input");
|
|
||||||
$(field).attr("type", "text");
|
|
||||||
$(field).attr("style", "width:" + size + "px");
|
|
||||||
$(fieldDiv).append(fieldName.outerHTML + field.outerHTML);
|
|
||||||
return fieldDiv;
|
|
||||||
}
|
|
||||||
EditorFactory.prototype.createFile = function(label, name, size, id) {
|
|
||||||
if (size == null || size <= 0) {
|
|
||||||
size = 150;
|
|
||||||
}
|
|
||||||
|
|
||||||
var div = this.createBaseEditor(label, id);
|
|
||||||
$(div).children(".editor").attr("editorType", "file");
|
|
||||||
var fileEditor = document.createElement("div");
|
|
||||||
|
|
||||||
var fieldName = document.createElement("label");
|
|
||||||
$(fieldName).html(name);
|
|
||||||
var file = document.createElement("input");
|
|
||||||
$(file).attr("type", "file");
|
|
||||||
$(file).attr("style", "width:" + size + "px");
|
|
||||||
$(fileEditor).append(fieldName.outerHTML + file.outerHTML);
|
|
||||||
$(div).children(".editor").append(fileEditor);
|
|
||||||
return div;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
EditorFactory.prototype.createTable = function(label, name, cols, id) {
|
|
||||||
var div = this.createBaseEditor(label, id);
|
|
||||||
$(div).children(".editor").attr("editorType", "table");
|
|
||||||
var headers = getHeaders(cols);
|
|
||||||
$(div).children(".editor").append(createTable(cols, name, headers));
|
|
||||||
var addButton = document.createElement("button");
|
|
||||||
$(addButton).html("add");
|
|
||||||
$(addButton).click(
|
|
||||||
{
|
|
||||||
headers : headers,
|
|
||||||
fieldName : name
|
|
||||||
},
|
|
||||||
function(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
$(this).parent().children("table").children("tbody").append(
|
|
||||||
createTr(event.data.headers, event.data.fieldName));
|
|
||||||
});
|
|
||||||
var deleteButton = document.createElement("button");
|
|
||||||
$(deleteButton).html("remove");
|
|
||||||
$(deleteButton).click(
|
|
||||||
function(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
$(this).parent().children("table").children("tbody").children(
|
|
||||||
"tr").last().remove();
|
|
||||||
});
|
|
||||||
$(div).children(".editor").append(addButton);
|
|
||||||
$(div).children(".editor").append(deleteButton);
|
|
||||||
return div;
|
|
||||||
|
|
||||||
function getHeaders(col) {
|
|
||||||
var headers = new Array();
|
|
||||||
headers.push("name:");
|
|
||||||
var cols = col.split(";");
|
|
||||||
for ( var i = 0; i < cols.length; i++) {
|
|
||||||
headers.push(cols[i]);
|
|
||||||
}
|
|
||||||
|
|
||||||
return headers;
|
|
||||||
}
|
|
||||||
|
|
||||||
function createTable(cols, name, headers) {
|
|
||||||
var table = document.createElement("table");
|
|
||||||
var thead = document.createElement("thead");
|
|
||||||
var tbody = document.createElement("tbody");
|
|
||||||
$(thead).append(createHeader(headers));
|
|
||||||
$(tbody).append(createTr(headers, name));
|
|
||||||
$(table).append(thead);
|
|
||||||
$(table).append(tbody);
|
|
||||||
return table;
|
|
||||||
}
|
|
||||||
|
|
||||||
function createHeader(headers) {
|
|
||||||
|
|
||||||
var tr = document.createElement("tr");
|
|
||||||
for ( var i = 0; i < headers.length; i++) {
|
|
||||||
var th = document.createElement("th");
|
|
||||||
$(th).append(document.createTextNode(headers[i]));
|
|
||||||
$(th).attr("style", "width:" + 100 / headers.length + "%")
|
|
||||||
$(tr).append(th);
|
|
||||||
|
|
||||||
}
|
|
||||||
return tr;
|
|
||||||
}
|
|
||||||
function createTr(headers, name) {
|
|
||||||
var tr = document.createElement("tr");
|
|
||||||
var td = document.createElement("td");
|
|
||||||
$(td).attr("style", "width:" + 100 / headers.length + "%")
|
|
||||||
$(td).html(name);
|
|
||||||
$(tr).append(td);
|
|
||||||
for ( var i = 1; i < headers.length; i++) {
|
|
||||||
var input = document.createElement("input");
|
|
||||||
$(input).attr("type", "text");
|
|
||||||
var td = document.createElement("td");
|
|
||||||
$(td).attr("style", "width:" + 100 / headers.length + "%")
|
|
||||||
$(td).append(input);
|
|
||||||
$(tr).append(td);
|
|
||||||
}
|
|
||||||
return tr;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
EditorFactory.prototype.createSelect = function(label, name, size, options, id) {
|
|
||||||
|
|
||||||
if (size == null || size <= 0) {
|
|
||||||
size = 150;
|
|
||||||
}
|
|
||||||
if (options == null || options.length <= 0) {
|
|
||||||
information("no options in:" + name);
|
|
||||||
}
|
|
||||||
|
|
||||||
var div = this.createBaseEditor(label, id);
|
|
||||||
$(div).children(".editor").attr("editorType", "select");
|
|
||||||
var nameLabel = document.createElement("label");
|
|
||||||
$(nameLabel).html(name);
|
|
||||||
$(div).children(".editor").append(nameLabel);
|
|
||||||
var select = document.createElement("select");
|
|
||||||
$(select).attr("style", "width:" + size + "px");
|
|
||||||
for ( var i = 0; i < options.length; i++) {
|
|
||||||
var option = document.createElement("option");
|
|
||||||
$(option).attr("value", options[i]);
|
|
||||||
$(option).html(options[i]);
|
|
||||||
$(select).append(option);
|
|
||||||
}
|
|
||||||
$(div).children(".editor").append(select);
|
|
||||||
return div;
|
|
||||||
}
|
|
||||||
EditorFactory.prototype.createDate = function(label, name, size, id) {
|
|
||||||
|
|
||||||
if (size == null || size < 0) {
|
|
||||||
size = 150
|
|
||||||
}
|
|
||||||
var div = this.createBaseEditor(label, id);
|
|
||||||
$(div).children(".editor").attr("editorType","date");
|
|
||||||
var dateLabel = document.createElement("label");
|
|
||||||
$(dateLabel).html(name);
|
|
||||||
var date = document.createElement("input");
|
|
||||||
$(date).attr("type", "date");
|
|
||||||
$(div).children(".editor").append(dateLabel);
|
|
||||||
$(div).children(".editor").append(date);
|
|
||||||
return div;
|
|
||||||
}
|
|
||||||
function createContainer(id, name) {
|
|
||||||
|
|
||||||
var edtiorFactory = new EditorFactory();
|
|
||||||
var div = document.createElement("div");
|
|
||||||
$(div).attr("id", id);
|
|
||||||
$(div).append(edtiorFactory.createMultiField("test", "name", 150, "test"));
|
|
||||||
$(div).append(edtiorFactory.createFile("file", "file name", 150, "file"));
|
|
||||||
$(div).append(
|
|
||||||
edtiorFactory.createField("field", "field name", 150, "field"));
|
|
||||||
$(div).append(
|
|
||||||
edtiorFactory.createTable("table", "input", "td1;td1;td3", "id"));
|
|
||||||
$(div).append(
|
|
||||||
edtiorFactory.createSelect("select", "select", 150, [ 1, 2, 3 ],
|
|
||||||
"oo"));
|
|
||||||
$(div).append(edtiorFactory.createDate("date", "date", 150, "dateid"));
|
|
||||||
return div;
|
|
||||||
}
|
|
||||||
$(function() {
|
|
||||||
|
|
||||||
$('#test').append(createContainer("test", "test"));
|
|
||||||
});
|
|
||||||
|
|
@ -1,120 +0,0 @@
|
||||||
function dataTransfer(serverData) {
|
|
||||||
var Container = function(name, children) {
|
|
||||||
this.name = name;
|
|
||||||
this.children = children;
|
|
||||||
|
|
||||||
};
|
|
||||||
var editorInfos = new Array();
|
|
||||||
var paramInfos = serverData.paramInfoModels;
|
|
||||||
var groupInfos = serverData.groupModels;
|
|
||||||
if (serverData.paramInfoModels != null) {
|
|
||||||
for ( var i = 0; i < paramInfos.length; i++) {
|
|
||||||
editorInfos.push(paramInfos[i]);
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (serverData.groupModels != null) {
|
|
||||||
for ( var i = 0; i < groupInfos.length; i++) {
|
|
||||||
var container = new Container(groupInfos[i].name,
|
|
||||||
dataTransfer(groupInfos[i]));
|
|
||||||
editorInfos.push(container);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return editorInfos;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
function initDevice(){
|
|
||||||
var pluginData;
|
|
||||||
var behaviorData;
|
|
||||||
var pluginName="hbase";
|
|
||||||
$.ajax({
|
|
||||||
type: "GET",
|
|
||||||
url:"/getPlugin/" + pluginName,
|
|
||||||
dataType: "json",
|
|
||||||
async: false,
|
|
||||||
success: function (data) {
|
|
||||||
if(data.success){
|
|
||||||
pluginData=dataTransfer(data.pluginInfo );
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
information(data.failedMessage);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
$.ajax({
|
|
||||||
type: "GET",
|
|
||||||
url:"loadBehaviorList",
|
|
||||||
data:{pluginName:pluginName},
|
|
||||||
dataType: "json",
|
|
||||||
async: false,
|
|
||||||
success: function (data) {
|
|
||||||
if(data.success){
|
|
||||||
behaviorData=dataTransfer(data.behaviors[0]);
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
information(data.failedMessage);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
var deviceFactory=new DeviceFactory(pluginData,$("#devices"),behaviorData);
|
|
||||||
deviceFactory.createDevice("device config",
|
|
||||||
"device");
|
|
||||||
return deviceFactory;
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
function createSeparator(){
|
|
||||||
var div=document.create
|
|
||||||
}
|
|
||||||
|
|
||||||
$(function() {
|
|
||||||
|
|
||||||
$("#behaviorPanel").hide();
|
|
||||||
var deviceFactory=initDevice();
|
|
||||||
$("#add-device").click(
|
|
||||||
{
|
|
||||||
deviceFactory : deviceFactory,
|
|
||||||
},
|
|
||||||
function(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
event.data.deviceFactory.createDevice("device config",
|
|
||||||
"device");
|
|
||||||
|
|
||||||
});
|
|
||||||
$("#remove-device").click(function(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
if ($("#devices").children(".containerBox").length <= 1) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
$("#devices").children(".containerBox").last().remove();
|
|
||||||
$("#devices").children(".separator").last().remove();
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#start").click(function(event){
|
|
||||||
var plugins=getPluginDatas();
|
|
||||||
var behaviorNames=getBehaviorNames(plugins);
|
|
||||||
var behaviors=getBehaviorDatas(behaviorNames);
|
|
||||||
$.ajax({
|
|
||||||
type: "POST",
|
|
||||||
url: 'deviceScript',
|
|
||||||
dataType: "json",
|
|
||||||
async: false,
|
|
||||||
contentType:"application/json",
|
|
||||||
data: JSON.stringify({usePlugins:plugins,behaviors:behaviors,name:"script"}),
|
|
||||||
success: function (data) {
|
|
||||||
if(data.success){
|
|
||||||
return ;
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
information(data.failedMessage);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
@ -1,434 +0,0 @@
|
||||||
function BehaviorViewModel(pluginModel, method, id) {
|
|
||||||
this.pluginModel = pluginModel;
|
|
||||||
this.method = method;
|
|
||||||
this.id = id;
|
|
||||||
|
|
||||||
this.getBehaviorName = function() {
|
|
||||||
return pluginModel.nickName + "_" + method + "_" + id;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* @param id
|
|
||||||
* @param parentId
|
|
||||||
* @param childId
|
|
||||||
*/
|
|
||||||
function BatchViewModel(id, parentId, childId) {
|
|
||||||
this.id = id;
|
|
||||||
this.parentId = parentId;
|
|
||||||
this.childId = childId;
|
|
||||||
}
|
|
||||||
function Behavior(usePlugin, containerId) {
|
|
||||||
// var containerId = "useBehaviorList";
|
|
||||||
var usePlugin = usePlugin;
|
|
||||||
|
|
||||||
var behaviorMap = new HashMap();
|
|
||||||
var behaviorEditorMap = new HashMap();
|
|
||||||
var batchMap = new HashMap();
|
|
||||||
|
|
||||||
var index = 1;
|
|
||||||
var paramDataCollector = new DataCollector();
|
|
||||||
var behavior = this;
|
|
||||||
|
|
||||||
// init tree node container
|
|
||||||
jstreeCreate(containerId);
|
|
||||||
|
|
||||||
$("#addBehavior").click(function() {
|
|
||||||
// selected node's type
|
|
||||||
var selectedNodes = jstreeSelectedNodes(containerId);
|
|
||||||
if (!selectedNodes.length) {
|
|
||||||
// add page
|
|
||||||
showPage();
|
|
||||||
} else {
|
|
||||||
var currNode = selectedNodes[0];
|
|
||||||
var currNodeType = currNode.data;
|
|
||||||
if (currNodeType == "page") {
|
|
||||||
// add page
|
|
||||||
showPage();
|
|
||||||
} else if (currNodeType == "batch") {
|
|
||||||
// add batch
|
|
||||||
showBatch();
|
|
||||||
} else {
|
|
||||||
// add behavior
|
|
||||||
showPluginList();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$("#selectBehavior").modal('show');
|
|
||||||
$("#addBehavior").addClass("clicked");
|
|
||||||
});
|
|
||||||
$("#insertChildNode").click(function() {
|
|
||||||
|
|
||||||
var selectedNodes = jstreeSelectedNodes(containerId);
|
|
||||||
if (!selectedNodes.length) {
|
|
||||||
return;
|
|
||||||
} else {
|
|
||||||
var currNode = selectedNodes[0];
|
|
||||||
var currNodeType = currNode.data;
|
|
||||||
if (currNodeType == "page") {
|
|
||||||
// add batch
|
|
||||||
showBatch();
|
|
||||||
} else if (currNodeType == "batch") {
|
|
||||||
// add behavior
|
|
||||||
showPluginList();
|
|
||||||
} else {
|
|
||||||
// other container behavior;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$("#selectBehavior").modal('show');
|
|
||||||
$("#insertChildNode").addClass("clicked");
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#useBehaviorList").bind(
|
|
||||||
"select_node.jstree",
|
|
||||||
function(node, selected, event) {
|
|
||||||
var type = selected.node.data;
|
|
||||||
if (type == "page" || type == "batch") {
|
|
||||||
$("#insertChildDiv").removeClass("hide");
|
|
||||||
|
|
||||||
updateBehaviorEditors();
|
|
||||||
} else {
|
|
||||||
$("#insertChildDiv").addClass("hide");
|
|
||||||
|
|
||||||
updateBehaviorEditors();
|
|
||||||
$("#behaviorEditor").append(
|
|
||||||
behaviorEditorMap.get(selected.node.id));
|
|
||||||
$("#behaviorEditor").attr("behavior", selected.node.id);
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
$("#selectBehavior")
|
|
||||||
.on(
|
|
||||||
"click",
|
|
||||||
"div[name='behavior_usePlugin']",
|
|
||||||
function() {
|
|
||||||
var pluginName = $(
|
|
||||||
"#selectBehavior input[name='behavior_usePlugin']:checked")
|
|
||||||
.val();
|
|
||||||
if (pluginName == "page" || pluginName == "batch") {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
$.post("loadBehaviorList", {
|
|
||||||
pluginName : pluginName
|
|
||||||
}, function(data) {
|
|
||||||
if (!data.success) {
|
|
||||||
information("fail");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
$("#pluginMethod").html("");
|
|
||||||
var dataBehaviors = data.behaviors.sort(function(a,
|
|
||||||
b) {
|
|
||||||
return a.name.localeCompare(b.name);
|
|
||||||
});
|
|
||||||
createRadioGroupByAttribute(dataBehaviors, "name",
|
|
||||||
"name", "name", "method", "pluginMethod")
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#selectBehavior #ok")
|
|
||||||
.click(
|
|
||||||
function() {
|
|
||||||
var usePluginId = $(
|
|
||||||
"#usePlugins input[name='behavior_usePlugin']:checked")
|
|
||||||
.attr("id");
|
|
||||||
var method = $(
|
|
||||||
"#pluginMethod input[name='method']:checked")
|
|
||||||
.val();
|
|
||||||
var pluginId = usePluginId.split("_")[2];
|
|
||||||
// get add type, insert or add
|
|
||||||
var pos;
|
|
||||||
if ($("#insertChildNode").hasClass("clicked")) {
|
|
||||||
pos = "last";
|
|
||||||
} else {
|
|
||||||
pos = "after";
|
|
||||||
|
|
||||||
}
|
|
||||||
// deal page and batch
|
|
||||||
if (pluginId == "page") {
|
|
||||||
// add page to web
|
|
||||||
createPageViewModel(index, pos);
|
|
||||||
jstreeSelectNode(containerId, index);
|
|
||||||
|
|
||||||
} else if (pluginId == "batch") {
|
|
||||||
// var batchViewModel = new BatchViewModel(index,
|
|
||||||
// -1, -1);
|
|
||||||
// batchMap.put(batchViewModel.id, batchViewModel);
|
|
||||||
// // add batch to web
|
|
||||||
// jstreeCreateNode("useBehaviorList", "batch",
|
|
||||||
// "batch",
|
|
||||||
// batchViewModel.id, pos);
|
|
||||||
createBatchViewModel(index, -1, -1, pos);
|
|
||||||
jstreeSelectNode(containerId, index);
|
|
||||||
} else {
|
|
||||||
if (pluginId == undefined || method == undefined) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// var pluginModel =
|
|
||||||
// usePlugin.getUsePluginMap().get(
|
|
||||||
// pluginId);
|
|
||||||
//
|
|
||||||
// var behaviorViewModel = new BehaviorViewModel(
|
|
||||||
// pluginModel, method, index);
|
|
||||||
//
|
|
||||||
// jstreeCreateNode("useBehaviorList",
|
|
||||||
// behaviorViewModel.method, behaviorViewModel
|
|
||||||
// .getBehaviorName(),
|
|
||||||
// behaviorViewModel.id, pos);
|
|
||||||
// createBehaviorEditor(behaviorViewModel);
|
|
||||||
//
|
|
||||||
// // add behavior id to plugin which used
|
|
||||||
// pluginModel.behaviors.push(behaviorViewModel);
|
|
||||||
// behaviorMap.put(behaviorViewModel.id,
|
|
||||||
// behaviorViewModel);
|
|
||||||
|
|
||||||
createBehaviorViewModel(index, pluginId, method,
|
|
||||||
pos, index);
|
|
||||||
|
|
||||||
}
|
|
||||||
if (pos == "last") {
|
|
||||||
$("#insertChildNode").removeClass("clicked");
|
|
||||||
} else {
|
|
||||||
$("#addBehavior").removeClass("clicked");
|
|
||||||
}
|
|
||||||
$("#selectBehavior").modal('hide');
|
|
||||||
$("#usePlugins").html("");
|
|
||||||
$("#pluginMethod").html("");
|
|
||||||
index++;
|
|
||||||
});
|
|
||||||
$("#selectBehavior #cancel").click(function() {
|
|
||||||
if ($("#insertChildNode").hasClass("clicked")) {
|
|
||||||
$("#insertChildNode").removeClass("clicked")
|
|
||||||
} else {
|
|
||||||
$("#addBehavior").removeClass("clicked");
|
|
||||||
pos = "after";
|
|
||||||
}
|
|
||||||
$("#selectBehavior").modal('hide');
|
|
||||||
$("#usePlugins").html("");
|
|
||||||
$("#pluginMethod").html("");
|
|
||||||
});
|
|
||||||
$("#removeBehavior").click(function() {
|
|
||||||
|
|
||||||
// selected node's type
|
|
||||||
var selectedNodes = jstreeSelectedNodes(containerId);
|
|
||||||
if (!selectedNodes.length) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
var currNode = selectedNodes[0];
|
|
||||||
// delete behavior from plugin
|
|
||||||
var pluginModel = behaviorMap.get(currNode.id).pluginModel;
|
|
||||||
|
|
||||||
for (var i = 0; i < pluginModel.behaviors; i++) {
|
|
||||||
if (pluginModel.behaviors[i].id == currNode.id) {
|
|
||||||
pluginModel.behaviors.splice(i, 1);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
behavior.deleteBehaviorNode(currNode.id);
|
|
||||||
});
|
|
||||||
this.deleteBehaviorNode = function(behaviorId) {
|
|
||||||
behaviorMap.remove(behaviorId);
|
|
||||||
behaviorEditorMap.remove(behaviorId);
|
|
||||||
// delete node from tree
|
|
||||||
jstreeDeleteNode(containerId, behaviorId);
|
|
||||||
$("#behaviorEditor").html("");
|
|
||||||
$("#behaviorEditor").attr("behavior", "");
|
|
||||||
}
|
|
||||||
$("#clearBehavior").click(function() {
|
|
||||||
$("#insertChildDiv").addClass("hide");
|
|
||||||
// delete from pluginModel
|
|
||||||
var keys = behaviorMap.getKeys();
|
|
||||||
for (var i = 0; i < keys.length; i++) {
|
|
||||||
var pluginModel = behaviorMap.get(keys[i]).pluginModel;
|
|
||||||
pluginModel.behaviors = [];
|
|
||||||
}
|
|
||||||
behavior.clearBehaviorNode();
|
|
||||||
|
|
||||||
})
|
|
||||||
this.clearBehaviorNode = function() {
|
|
||||||
behaviorMap.clear();
|
|
||||||
behaviorEditorMap.clear();
|
|
||||||
// clear tree
|
|
||||||
jstreeClearNode(containerId);
|
|
||||||
index = 1;
|
|
||||||
$("#behaviorEditor").html("");
|
|
||||||
$("#behaviorEditor").attr("behavior", "");
|
|
||||||
}
|
|
||||||
function updateBehaviorEditors() {
|
|
||||||
if ($("#behaviorEditor").attr("behavior") == undefined
|
|
||||||
|| $("#behaviorEditor").attr("behavior") == "") {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
behaviorEditorMap.put($("#behaviorEditor").attr("behavior"), $(
|
|
||||||
"#behaviorEditor div:first").clone(true))
|
|
||||||
$("#behaviorEditor").attr("behavior", "")
|
|
||||||
$("#behaviorEditor").html("");
|
|
||||||
|
|
||||||
}
|
|
||||||
function createBehaviorEditor(behaviorModel, selectedId, parameters) {
|
|
||||||
|
|
||||||
var pluginName = behaviorModel.pluginModel.name;
|
|
||||||
var methodName = behaviorModel.method;
|
|
||||||
var containerFactory = new ContainerFactory();
|
|
||||||
$.post("getPluginMethod" + "/" + pluginName + "/" + methodName, {},
|
|
||||||
function(data) {
|
|
||||||
if (data.success) {
|
|
||||||
var methodData = dataTransfer(data.method, parameters);
|
|
||||||
var generator = containerFactory.createEditorContainer(
|
|
||||||
methodName, "generator", methodData);
|
|
||||||
|
|
||||||
$(generator).addClass("generator");
|
|
||||||
behaviorEditorMap.put(behaviorModel.id, generator);
|
|
||||||
if (selectedId == behaviorModel.id)
|
|
||||||
jstreeSelectNode(containerId, behaviorModel.id);
|
|
||||||
} else {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function getBehaviorType(pluginName) {
|
|
||||||
if (pluginName == "ConstantTimer") {
|
|
||||||
return "TIMERBEHAVIOR";
|
|
||||||
} else {
|
|
||||||
return "USERBEHAVIOR";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function showPluginList() {
|
|
||||||
$("#usePlugins").html("");
|
|
||||||
var keys = usePlugin.getUsePluginMap().getKeys();
|
|
||||||
for (var i = 0; i < keys.length; i++) {
|
|
||||||
var pluginModel = usePlugin.getUsePluginMap().get(keys[i]);
|
|
||||||
$("#usePlugins").append(
|
|
||||||
createRadio("behavior_plugin_" + pluginModel.id,
|
|
||||||
pluginModel.nickName, "behavior_usePlugin",
|
|
||||||
pluginModel.name));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function showPage() {
|
|
||||||
$("#usePlugins").html("");
|
|
||||||
$("#usePlugins").append(
|
|
||||||
createRadio("behavior_plugin_page", "page",
|
|
||||||
"behavior_usePlugin", "page"));
|
|
||||||
|
|
||||||
}
|
|
||||||
function showBatch() {
|
|
||||||
$("#usePlugins").html("");
|
|
||||||
$("#usePlugins").append(
|
|
||||||
createRadio("behavior_plugin_batch", "batch",
|
|
||||||
"behavior_usePlugin", "batch"));
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
this.getPages = function() {
|
|
||||||
updateBehaviorEditors();
|
|
||||||
var treeObj = $("#" + containerId).jstree(true);
|
|
||||||
var nodeIds = treeObj.get_node('#').children;
|
|
||||||
var idModelMap = new HashMap();
|
|
||||||
var tempNodeList = new Array();
|
|
||||||
var pages = new Array();
|
|
||||||
|
|
||||||
tempNodeList = tempNodeList.concat(nodeIds);
|
|
||||||
var currNodeId;
|
|
||||||
while ((currNodeId = tempNodeList.shift()) != undefined) {
|
|
||||||
var currNode = treeObj.get_node(currNodeId);
|
|
||||||
buildModel(idModelMap, pages, currNode);
|
|
||||||
if (treeObj.is_parent(currNodeId)) {
|
|
||||||
tempNodeList = tempNodeList.concat(currNode.children);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return pages;
|
|
||||||
}
|
|
||||||
function buildModel(idModelMap, pages, currNode) {
|
|
||||||
if (currNode.data == "page") {
|
|
||||||
var pageModel = new PageModel(currNode.id, new Array());
|
|
||||||
pages.push(pageModel);
|
|
||||||
idModelMap.put(pageModel.id, pageModel);
|
|
||||||
} else if (currNode.data == "batch") {
|
|
||||||
var batchViewModel = batchMap.get(currNode.id);
|
|
||||||
var batchModel = new BatchModel(batchViewModel.id,
|
|
||||||
batchViewModel.parentId, batchViewModel.childId,
|
|
||||||
new Array());
|
|
||||||
var pageModel = idModelMap.get(currNode.parents[0]);
|
|
||||||
pageModel.batches.push(batchModel);
|
|
||||||
idModelMap.put(batchModel.id, batchModel);
|
|
||||||
} else {
|
|
||||||
var behaviorView = behaviorMap.get(currNode.id);
|
|
||||||
var behaviorEditor = behaviorEditorMap.get(behaviorView.id);
|
|
||||||
var params = paramDataCollector.getUnitParams($(behaviorEditor)
|
|
||||||
.find(".editor"));
|
|
||||||
var behaviorModel = new BehaviorModel(behaviorView.id,
|
|
||||||
behaviorView.pluginModel.id, behaviorView.method,
|
|
||||||
getBehaviorType(behaviorView.pluginModel.name), params);
|
|
||||||
|
|
||||||
var batchModel = idModelMap.get(currNode.parents[0]);
|
|
||||||
batchModel.behaviors.push(behaviorModel);
|
|
||||||
idModelMap.put(behaviorModel.id, behaviorModel);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
this.initBehaviorList = function(pages) {
|
|
||||||
// init page, batch, behavior
|
|
||||||
for (var i = 0; i < pages.length; i++) {
|
|
||||||
// create page
|
|
||||||
var page = pages[i];
|
|
||||||
createPageViewModel(page.id, "after");
|
|
||||||
// update index
|
|
||||||
updateIndex(page.id);
|
|
||||||
// init batch
|
|
||||||
initBatch(page.id, page.batches);
|
|
||||||
}
|
|
||||||
index += 1;
|
|
||||||
}
|
|
||||||
function initBatch(parentNode, batches) {
|
|
||||||
for (var i = 0; i < batches.length; i++) {
|
|
||||||
var batch = batches[i];
|
|
||||||
createBatchViewModel(batch.id, batch.parentId, batch.childId,
|
|
||||||
"last", parentNode);
|
|
||||||
updateIndex(batch.id);
|
|
||||||
// init behavior
|
|
||||||
initBehavior(batch.id, batch.behaviors);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function initBehavior(parentNode, behaviors) {
|
|
||||||
var selectedId = behaviors[0].id;
|
|
||||||
for (var i = 0; i < behaviors.length; i++) {
|
|
||||||
var behavior = behaviors[i];
|
|
||||||
updateIndex(behavior.id);
|
|
||||||
createBehaviorViewModel(behavior.id, behavior.use, behavior.name,
|
|
||||||
"last", selectedId, behavior.parameters, parentNode);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function createPageViewModel(id, pos) {
|
|
||||||
jstreeCreateNode(containerId, "page", "page", id, pos);
|
|
||||||
}
|
|
||||||
function createBatchViewModel(id, parentId, childId, pos, parentNode) {
|
|
||||||
var batchViewModel = new BatchViewModel(id, parentId, childId);
|
|
||||||
batchMap.put(batchViewModel.id, batchViewModel);
|
|
||||||
// add batch to web
|
|
||||||
jstreeCreateNode(containerId, "batch", "batch", batchViewModel.id, pos,
|
|
||||||
parentNode);
|
|
||||||
}
|
|
||||||
function createBehaviorViewModel(id, pluginId, method, pos, selectedId,
|
|
||||||
parameters, parentNode) {
|
|
||||||
var pluginModel = usePlugin.getUsePluginMap().get(pluginId);
|
|
||||||
|
|
||||||
var behaviorViewModel = new BehaviorViewModel(pluginModel, method, id);
|
|
||||||
|
|
||||||
jstreeCreateNode("useBehaviorList", behaviorViewModel.method,
|
|
||||||
behaviorViewModel.getBehaviorName(), behaviorViewModel.id, pos,
|
|
||||||
parentNode);
|
|
||||||
createBehaviorEditor(behaviorViewModel, selectedId, parameters);
|
|
||||||
|
|
||||||
// add behavior id to plugin which used
|
|
||||||
pluginModel.behaviors.push(behaviorViewModel);
|
|
||||||
behaviorMap.put(behaviorViewModel.id, behaviorViewModel);
|
|
||||||
}
|
|
||||||
function updateIndex(id) {
|
|
||||||
if (index < id) {
|
|
||||||
index = id;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
$(function() {
|
|
||||||
$("#tabs").tabs();
|
|
||||||
var usePlugin = new UsePlugin("useBehaviorList");
|
|
||||||
// usePlugin.getPluginList();
|
|
||||||
|
|
||||||
$("#submitScript").click(function() {
|
|
||||||
var plugins = usePlugin.getPlugins();
|
|
||||||
var pages = usePlugin.getPages();
|
|
||||||
submitScript(pages,plugins);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
@ -1,110 +0,0 @@
|
||||||
/**
|
|
||||||
* @param containerId the id of jstree container
|
|
||||||
* @param data
|
|
||||||
* @param name the name of new node
|
|
||||||
* @param id the id of new node
|
|
||||||
* @param pos the position of new node to the parent node,maybe "last" which means the childnode of the selected
|
|
||||||
* node,"after" or "before" means the sibling node of the selected node
|
|
||||||
*/
|
|
||||||
function jstreeCreateNode(containerId,data,name,id,pos,parentNode){
|
|
||||||
var treeObj = $("#"+containerId).jstree(true);
|
|
||||||
if(parentNode == null || parentNode == undefined){
|
|
||||||
parentNode = treeObj.get_selected();
|
|
||||||
if(!parentNode.length){
|
|
||||||
parentNode=null;
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
parentNode = parentNode[0];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var childNode = null;
|
|
||||||
var type = data;
|
|
||||||
|
|
||||||
if(type!="page" && type!="batch")
|
|
||||||
type = "default";
|
|
||||||
childNode = treeObj.create_node(parentNode,{text:name,id:id,data:data,type:type},pos);
|
|
||||||
if(childNode) {
|
|
||||||
treeObj.open_node(parentNode);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* delete current node
|
|
||||||
* @param containerId the id of jstree container
|
|
||||||
*/
|
|
||||||
function jstreeDeleteNode(containerId,nodeId){
|
|
||||||
var treeObj = $("#"+containerId).jstree(true);
|
|
||||||
// var parentNode = treeObj.get_selected();
|
|
||||||
// if(!parentNode.length){return false;}
|
|
||||||
treeObj.delete_node(nodeId);
|
|
||||||
return treeObj.element.context.id;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* delete all node
|
|
||||||
* @param containerId the id of jstree container
|
|
||||||
*/
|
|
||||||
function jstreeClearNode(containerId){
|
|
||||||
var treeObj = $("#"+containerId).jstree(true);
|
|
||||||
var nodes = treeObj.get_children_dom("#");
|
|
||||||
while(nodes.length){
|
|
||||||
treeObj.delete_node(nodes);
|
|
||||||
nodes = treeObj.get_children_dom("#");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @param containerId the id of jstree container
|
|
||||||
* @param node the id of to be selected node
|
|
||||||
*/
|
|
||||||
function jstreeSelectNode(containerId,node){
|
|
||||||
var treeObj = $("#"+containerId).jstree(true);
|
|
||||||
treeObj.deselect_all();
|
|
||||||
treeObj.select_node(node);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @param containerId the id of jstree container
|
|
||||||
*/
|
|
||||||
function jstreeSelectedNodes(containerId){
|
|
||||||
var treeObj = $("#"+containerId).jstree(true);
|
|
||||||
return treeObj.get_selected(true);
|
|
||||||
}
|
|
||||||
|
|
||||||
function jstreeRenameNode(containerId, node, text){
|
|
||||||
var treeObj = $("#"+containerId).jstree(true);
|
|
||||||
treeObj.rename_node(node,text);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @param containerId the id of jstree container
|
|
||||||
*/
|
|
||||||
function jstreeCreate(containerId){
|
|
||||||
$("#"+containerId).jstree({
|
|
||||||
"core" : {
|
|
||||||
"animation" : 0,
|
|
||||||
"check_callback" : true,
|
|
||||||
"themes" : { "stripes" : true }
|
|
||||||
},
|
|
||||||
"types" : {
|
|
||||||
"#" : { "max_depth" : 4, "valid_children" : ["page","default"] },
|
|
||||||
"page" : { "icon" : false, "valid_children" : ["batch"] },
|
|
||||||
"batch" : { "icon" : false, "valid_children" : ["default"] },
|
|
||||||
"default" : { "icon" : false, "valid_children" : [] }
|
|
||||||
},
|
|
||||||
"contextmenu" : {
|
|
||||||
"items" : function(node) {
|
|
||||||
var tmp = $.jstree.defaults.contextmenu.items();
|
|
||||||
delete tmp.create;
|
|
||||||
delete tmp.ccp;
|
|
||||||
delete tmp.remove;
|
|
||||||
if(containerId == "useBehaviorList"){
|
|
||||||
delete tmp.rename;
|
|
||||||
}
|
|
||||||
return tmp;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"plugins" : [ "contextmenu","types","dnd","wholerow" ]
|
|
||||||
})
|
|
||||||
return $("#"+containerId).jstree(true);
|
|
||||||
}
|
|
||||||
|
|
@ -1,76 +0,0 @@
|
||||||
var ContainerFactory = function() {
|
|
||||||
};
|
|
||||||
ContainerFactory.prototype.createEditorContainer = function(header, id,
|
|
||||||
containerInfo) {
|
|
||||||
|
|
||||||
var container = document.createElement("div");
|
|
||||||
$(container).addClass("containerBox");
|
|
||||||
if (id != null) {
|
|
||||||
$(container).attr("id", id);
|
|
||||||
}
|
|
||||||
var containerHeader = document.createElement("p");
|
|
||||||
$(containerHeader).addClass("containerHeader");
|
|
||||||
$(containerHeader).append(document.createTextNode(header));
|
|
||||||
$(container).append(containerHeader);
|
|
||||||
|
|
||||||
for ( var i = 0; i < containerInfo.length; i++) {
|
|
||||||
|
|
||||||
if (containerInfo[i].label == null) {
|
|
||||||
containerInfo[i].label = "";
|
|
||||||
}
|
|
||||||
if (containerInfo[i].name == null) {
|
|
||||||
containerInfo[i].name == "";
|
|
||||||
}
|
|
||||||
if (containerInfo[i].children == null) {
|
|
||||||
|
|
||||||
this.appendEdtiors(container, containerInfo[i].label,
|
|
||||||
containerInfo[i].nameCN, containerInfo[i].name,
|
|
||||||
containerInfo[i].paramTypeModel,containerInfo[i].value == null ?"":containerInfo[i].value);
|
|
||||||
} else {
|
|
||||||
$(container).append(
|
|
||||||
|
|
||||||
this.createEditorContainer(containerInfo[i].nameCN, null,
|
|
||||||
containerInfo[i].children));
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
return container;
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
ContainerFactory.prototype.appendEdtiors = function(container, label, name, id,
|
|
||||||
editorInfo, value) {
|
|
||||||
|
|
||||||
var editorFactory = new EditorFactory();
|
|
||||||
|
|
||||||
if (editorInfo.type.toLowerCase() == "field") {
|
|
||||||
$(container).append(
|
|
||||||
editorFactory.createField(label, name, editorInfo.size, id,value));
|
|
||||||
|
|
||||||
} else if (editorInfo.type.toLowerCase() == "nfield") {
|
|
||||||
$(container).append(
|
|
||||||
editorFactory
|
|
||||||
.createMultiField(label, name, editorInfo.size, id,value));
|
|
||||||
} else if (editorInfo.type.toLowerCase() == "table") {
|
|
||||||
$(container).append(
|
|
||||||
editorFactory.createTable(label, name, editorInfo.cols, id,value));
|
|
||||||
|
|
||||||
} else if (editorInfo.type.toLowerCase() == "file") {
|
|
||||||
$(container).append(
|
|
||||||
editorFactory.createFile(lable, name, editorInfo.size, id,value));
|
|
||||||
} else if (editorInfo.type.toLowerCase() == "date") {
|
|
||||||
$(container).append(
|
|
||||||
editorFactory.createDate(label, name, editorInfo.size, id,value));
|
|
||||||
} else if (editorInfo.type.toLowerCase() == "select") {
|
|
||||||
$(container).append(
|
|
||||||
editorFactory.createSelect(label, name, editorInfo.size,
|
|
||||||
editorInfo.options, id,value));
|
|
||||||
} else if (editorInfo.type.toLowerCase() == "checkbox") {
|
|
||||||
$(container).append(
|
|
||||||
editorFactory.createCheckBox(label, name,
|
|
||||||
editorInfo.choiceModels, id,value));
|
|
||||||
} else {
|
|
||||||
information("no such editor type:" + editorInfo.type);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
@ -1,161 +0,0 @@
|
||||||
var Parameter = function(key, value) {
|
|
||||||
this.key = key;
|
|
||||||
this.value = value;
|
|
||||||
}
|
|
||||||
var DataCollector = function() {
|
|
||||||
};
|
|
||||||
DataCollector.prototype.validate = function(value) {
|
|
||||||
if (value == null || value == "") {
|
|
||||||
information($.i18n.prop('dataCollect-input'));
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
DataCollector.prototype.checkBoxData = function(editor) {
|
|
||||||
var name = editor.attr("id");
|
|
||||||
var choice = editor.find("input[type='checkbox']");
|
|
||||||
var value = choice.is(':checked');
|
|
||||||
|
|
||||||
return new Parameter(name, value);
|
|
||||||
}
|
|
||||||
|
|
||||||
DataCollector.prototype.fieldData = function(editor) {
|
|
||||||
var name = $(editor).attr("id");
|
|
||||||
editor = $(editor.children('.field'));
|
|
||||||
var value = editor.children("input").val();
|
|
||||||
// if (!this.validate(value)) {
|
|
||||||
// return false;
|
|
||||||
// }
|
|
||||||
|
|
||||||
return new Parameter(name, value);
|
|
||||||
};
|
|
||||||
DataCollector.prototype.dateData = function(editor) {
|
|
||||||
var name = editor.attr("id");
|
|
||||||
var value = editor.children("input").val();
|
|
||||||
// if (!this.validate(value)) {
|
|
||||||
// return false;
|
|
||||||
// }
|
|
||||||
return new Parameter(name, value);
|
|
||||||
};
|
|
||||||
DataCollector.prototype.multiFieldData = function(editor) {
|
|
||||||
var editorArray = editor.children(".field");
|
|
||||||
if (editorArray.size == 0) {
|
|
||||||
information($.i18n.prop('dataCollect-input'));
|
|
||||||
return;
|
|
||||||
|
|
||||||
}
|
|
||||||
var name = editor.attr("id")
|
|
||||||
var value = "";
|
|
||||||
|
|
||||||
for ( var i = 0; i < editorArray.length; i++) {
|
|
||||||
var fieldValue = $(editorArray[i]).children("input").val();
|
|
||||||
if (fieldValue == "") {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
|
|
||||||
value += fieldValue + ";";
|
|
||||||
}
|
|
||||||
value = value.substring(0, value.length - 1);
|
|
||||||
// if (!this.validate(value)) {
|
|
||||||
// return false;
|
|
||||||
// }
|
|
||||||
return new Parameter(name, value);
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
DataCollector.prototype.tableData = function(editor) {
|
|
||||||
var thArray = editor.find("thead").children("th");
|
|
||||||
var editorArray = editor.find("tbody").children("tr");
|
|
||||||
var name = editor.attr("id");
|
|
||||||
var value = "";
|
|
||||||
for ( var i = 0; i < editorArray.length; i++) {
|
|
||||||
var tdArray = $(editorArray[i]).children("td");
|
|
||||||
var trValue = "";
|
|
||||||
for ( var j = 1; j < tdArray.length; j++) {
|
|
||||||
if ($(tdArray[j]).children("input").val() == undefined
|
|
||||||
|| $(tdArray[j]).children("input").val() == "") {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
trValue += thArray[j] + "=" + $(tdArray[j]).children("input").val()
|
|
||||||
+ "|";
|
|
||||||
|
|
||||||
}
|
|
||||||
trValue = trValue.substring(0, trValue.length - 1);
|
|
||||||
value += trValue + ";";
|
|
||||||
}
|
|
||||||
value = value.substring(0, value.length - 1);
|
|
||||||
// if (!this.validate(value)) {
|
|
||||||
// return false;
|
|
||||||
// }
|
|
||||||
return new Parameter(name, value);
|
|
||||||
|
|
||||||
};
|
|
||||||
DataCollector.prototype.selectData = function(editor) {
|
|
||||||
var name = editor.attr("id");
|
|
||||||
var value = editor.children("select").val();
|
|
||||||
// if (!this.validate(value)) {
|
|
||||||
// return false;
|
|
||||||
// }
|
|
||||||
return new Parameter(name, value);
|
|
||||||
};
|
|
||||||
|
|
||||||
DataCollector.prototype.getUnitParams = function(paramEditors) {
|
|
||||||
var params = new Array();
|
|
||||||
for ( var i = 0; i < paramEditors.length; i++) {
|
|
||||||
var editor = $(paramEditors[i]);
|
|
||||||
var editorType = editor.attr("editorType");
|
|
||||||
var data;
|
|
||||||
if (editorType == "field") {
|
|
||||||
data = this.fieldData(editor);
|
|
||||||
if (!data) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
params.push(data);
|
|
||||||
} else if (editorType == "date") {
|
|
||||||
data = this.dateData(editor);
|
|
||||||
if (!data) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
params.push(data);
|
|
||||||
} else if (editorType == "multiField") {
|
|
||||||
data = this.multiFieldData(editor)
|
|
||||||
if (!data) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
params.push(data);
|
|
||||||
} else if (editorType == "table") {
|
|
||||||
data = this.tableData(editor);
|
|
||||||
if (!data) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
params.push(data);
|
|
||||||
} else if (editorType == "select") {
|
|
||||||
data = this.selectData(editor);
|
|
||||||
if (!data) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
params.push(data);
|
|
||||||
} else if (editorType == "checkBox") {
|
|
||||||
data = this.checkBoxData(editor);
|
|
||||||
if (!data) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
params.push(data);
|
|
||||||
} else {
|
|
||||||
information($.i18n.prop('dataCollect-errorType'));
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
return params;
|
|
||||||
};
|
|
||||||
|
|
||||||
var UsePluginModel = function(id, name, parameters) {
|
|
||||||
|
|
||||||
this.id = id;
|
|
||||||
this.name = name;
|
|
||||||
this.parameters = parameters;
|
|
||||||
}
|
|
||||||
|
|
@ -1,43 +0,0 @@
|
||||||
function dataTransfer(serverData,valueList) {
|
|
||||||
var Container = function(name, children) {
|
|
||||||
this.name = name;
|
|
||||||
this.children = children;
|
|
||||||
|
|
||||||
};
|
|
||||||
var valueMap = getParameterMap(valueList);
|
|
||||||
var editorInfos = new Array();
|
|
||||||
var paramInfos = serverData.paramInfoModels;
|
|
||||||
var groupInfos = serverData.groupModels;
|
|
||||||
if (paramInfos != null) {
|
|
||||||
for ( var i = 0; i < paramInfos.length; i++) {
|
|
||||||
var value = valueMap.get(paramInfos[i].name);
|
|
||||||
paramInfos[i].value = value;
|
|
||||||
editorInfos.push(paramInfos[i]);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
if (serverData.groupModels != null) {
|
|
||||||
for ( var i = 0; i < groupInfos.length; i++) {
|
|
||||||
var container = new Container(groupInfos[i].name,
|
|
||||||
dataTransfer(groupInfos[i]));
|
|
||||||
editorInfos.push(container);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
var editorInfos = editorInfos.sort(function(a, b) {
|
|
||||||
return a.name.localeCompare(b.name);
|
|
||||||
});
|
|
||||||
return editorInfos;
|
|
||||||
}
|
|
||||||
function getParameterMap(parameters){
|
|
||||||
var paramMap = new HashMap();
|
|
||||||
if(parameters != null && parameters != undefined){
|
|
||||||
for(var i=0;i<parameters.length;i++){
|
|
||||||
paramMap.put(parameters[i].key,parameters[i].value);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return paramMap;
|
|
||||||
}
|
|
||||||
|
|
@ -1,282 +0,0 @@
|
||||||
var EditorFactory = function() {
|
|
||||||
};
|
|
||||||
|
|
||||||
EditorFactory.prototype.createBaseEditor = function(label, id) {
|
|
||||||
if (label == null) {
|
|
||||||
label = "";
|
|
||||||
}
|
|
||||||
var containerBox = document.createElement("div");
|
|
||||||
$(containerBox).addClass("containerBox");
|
|
||||||
var boxHeader = document.createElement("div");
|
|
||||||
var p = document.createElement("p")
|
|
||||||
$(p).html(label)
|
|
||||||
$(boxHeader).append(p);
|
|
||||||
$(boxHeader).addClass("containerHeader")
|
|
||||||
$(containerBox).append(boxHeader);
|
|
||||||
var boxBody = document.createElement("div");
|
|
||||||
$(boxBody).addClass("editor");
|
|
||||||
$(boxBody).attr("id", id);
|
|
||||||
$(containerBox).append(boxBody);
|
|
||||||
return containerBox;
|
|
||||||
}
|
|
||||||
EditorFactory.prototype.createCheckBox = function(label, name, choices, id,
|
|
||||||
value) {
|
|
||||||
var div = this.createBaseEditor(label, id);
|
|
||||||
$(div).children(".editor").attr("editorType", "checkBox");
|
|
||||||
for (var i = 0; i < choices.length; i++) {
|
|
||||||
var choice = this.createChoice(choices[i].value,
|
|
||||||
choices[i].defaultValue, name);
|
|
||||||
$(div).children(".editor").append(choice);
|
|
||||||
}
|
|
||||||
return div;
|
|
||||||
|
|
||||||
}
|
|
||||||
EditorFactory.prototype.createChoice = function(value, defaultValue, name,
|
|
||||||
value) {
|
|
||||||
|
|
||||||
var div = document.createElement("div");
|
|
||||||
|
|
||||||
var input = document.createElement("input");
|
|
||||||
$(input).attr("type", "checkbox");
|
|
||||||
$(input).attr("name", name);
|
|
||||||
if (defaultValue) {
|
|
||||||
$(input).attr("checked", "checked");
|
|
||||||
}
|
|
||||||
|
|
||||||
$(div).append(input);
|
|
||||||
var label = document.createElement("label");
|
|
||||||
$(label).html(value);
|
|
||||||
$(div).append(label);
|
|
||||||
return div;
|
|
||||||
}
|
|
||||||
|
|
||||||
EditorFactory.prototype.createField = function(label, name, size, id, value) {
|
|
||||||
var div = this.createBaseEditor(label, id);
|
|
||||||
$(div).children(".editor").attr("editorType", "field");
|
|
||||||
$(div).children(".editor").append(this.createFieldLine(size, name, value));
|
|
||||||
return div;
|
|
||||||
}
|
|
||||||
|
|
||||||
EditorFactory.prototype.createMultiField = function(label, name, size, id,
|
|
||||||
value) {
|
|
||||||
var div = this.createBaseEditor(label, id);
|
|
||||||
$(div).children(".editor").attr("editorType", "multiField");
|
|
||||||
if (value != null) {
|
|
||||||
var values = value.split(";");
|
|
||||||
for (var i = 0; i < values.length; i++) {
|
|
||||||
$(div).children(".editor").append(
|
|
||||||
this.createFieldLine(size, name, values[i]));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var editorFactory = this;
|
|
||||||
var addFieldButton = document.createElement("button");
|
|
||||||
$(addFieldButton).html("add")
|
|
||||||
$(addFieldButton).attr("type", "submit");
|
|
||||||
$(addFieldButton).click(
|
|
||||||
{
|
|
||||||
editorFactory : editorFactory
|
|
||||||
},
|
|
||||||
function(event) {
|
|
||||||
event.preventDefault()
|
|
||||||
$(event.data.editorFactory.createFieldLine(size, name))
|
|
||||||
.insertBefore($(this));
|
|
||||||
});
|
|
||||||
var removeFieldButton = document.createElement("button");
|
|
||||||
$(removeFieldButton).html("remove")
|
|
||||||
$(removeFieldButton).attr("type", "submit");
|
|
||||||
$(removeFieldButton).click(function(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
$(this).parent().children(".field").last().remove();
|
|
||||||
|
|
||||||
});
|
|
||||||
$(div).children(".editor").append(addFieldButton).append(removeFieldButton);
|
|
||||||
return div;
|
|
||||||
}
|
|
||||||
|
|
||||||
EditorFactory.prototype.createFieldLine = function(size, name, value) {
|
|
||||||
var fieldDiv = document.createElement("div");
|
|
||||||
$(fieldDiv).addClass("field");
|
|
||||||
var fieldName = document.createElement("label");
|
|
||||||
$(fieldName).html(name);
|
|
||||||
var field = document.createElement("input");
|
|
||||||
$(field).attr("type", "text");
|
|
||||||
// $(field).attr("maxlength", size);
|
|
||||||
$(field).attr("value", value);
|
|
||||||
$(fieldDiv).append(fieldName.outerHTML + field.outerHTML);
|
|
||||||
return fieldDiv;
|
|
||||||
}
|
|
||||||
EditorFactory.prototype.createFile = function(label, name, size, id, value) {
|
|
||||||
if (size == null || size <= 0) {
|
|
||||||
size = 150;
|
|
||||||
}
|
|
||||||
|
|
||||||
var div = this.createBaseEditor(label, id);
|
|
||||||
$(div).children(".editor").attr("editorType", "file");
|
|
||||||
var fileEditor = document.createElement("div");
|
|
||||||
|
|
||||||
var fieldName = document.createElement("label");
|
|
||||||
$(fieldName).html(name);
|
|
||||||
var file = document.createElement("input");
|
|
||||||
$(file).attr("type", "file");
|
|
||||||
// $(field).attr("maxlength", size);
|
|
||||||
$(fileEditor).append(fieldName.outerHTML + file.outerHTML);
|
|
||||||
$(div).children(".editor").append(fileEditor);
|
|
||||||
return div;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
EditorFactory.prototype.createTable = function(label, name, cols, id, value) {
|
|
||||||
|
|
||||||
var div = this.createBaseEditor(label, id);
|
|
||||||
$(div).children(".editor").attr("editorType", "table");
|
|
||||||
var headers = getHeaders(cols);
|
|
||||||
|
|
||||||
$(div).children(".editor").append(createTable(cols, name, headers, value));
|
|
||||||
|
|
||||||
var addButton = document.createElement("button");
|
|
||||||
$(addButton).html("add");
|
|
||||||
$(addButton).click(
|
|
||||||
{
|
|
||||||
headers : headers,
|
|
||||||
fieldName : name
|
|
||||||
},
|
|
||||||
function(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
$(this).parent().children("table").children("tbody").append(
|
|
||||||
createTr(event.data.headers, event.data.fieldName));
|
|
||||||
});
|
|
||||||
var deleteButton = document.createElement("button");
|
|
||||||
$(deleteButton).html("remove");
|
|
||||||
$(deleteButton).click(
|
|
||||||
function(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
$(this).parent().children("table").children("tbody").children(
|
|
||||||
"tr").last().remove();
|
|
||||||
});
|
|
||||||
$(div).children(".editor").append(addButton);
|
|
||||||
$(div).children(".editor").append(deleteButton);
|
|
||||||
return div;
|
|
||||||
|
|
||||||
function getHeaders(col) {
|
|
||||||
var headers = new Array();
|
|
||||||
// headers.push("name:");
|
|
||||||
if(col != null){
|
|
||||||
var cols = col.split(";");
|
|
||||||
for (var i = 0; i < cols.length; i++) {
|
|
||||||
headers.push(cols[i]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return headers;
|
|
||||||
}
|
|
||||||
|
|
||||||
function createTable(cols, name, headers, value) {
|
|
||||||
value==null?value="":value;
|
|
||||||
var values = value.split(";");
|
|
||||||
var table = document.createElement("table");
|
|
||||||
var thead = document.createElement("thead");
|
|
||||||
var tbody = document.createElement("tbody");
|
|
||||||
$(thead).append(createHeader(headers));
|
|
||||||
for (var i = 0; i < values.length; i++) {
|
|
||||||
$(tbody).append(createTr(headers, name, values[i]));
|
|
||||||
}
|
|
||||||
|
|
||||||
$(table).append(thead);
|
|
||||||
$(table).append(tbody);
|
|
||||||
return table;
|
|
||||||
}
|
|
||||||
|
|
||||||
function createHeader(headers) {
|
|
||||||
|
|
||||||
var tr = document.createElement("tr");
|
|
||||||
for (var i = 0; i < headers.length; i++) {
|
|
||||||
var th = document.createElement("th");
|
|
||||||
$(th).append(document.createTextNode(headers[i]));
|
|
||||||
$(th).attr("style", "width:" + 100 / headers.length + "%")
|
|
||||||
$(tr).append(th);
|
|
||||||
|
|
||||||
}
|
|
||||||
return tr;
|
|
||||||
}
|
|
||||||
function createTr(headers, name, value) {
|
|
||||||
value == null? value="":value;
|
|
||||||
var values = value.split("|");
|
|
||||||
var tr = document.createElement("tr");
|
|
||||||
// var td = document.createElement("td");
|
|
||||||
// $(td).attr("style", "width:" + 100 / headers.length + "%")
|
|
||||||
// $(td).html(name);
|
|
||||||
// $(tr).append(td);
|
|
||||||
for (var i = 0; i < headers.length; i++) {
|
|
||||||
var input = document.createElement("input");
|
|
||||||
$(input).attr("type", "text");
|
|
||||||
$(input).attr("style","width:"+"90%");
|
|
||||||
$(input).val(values[i]);
|
|
||||||
var td = document.createElement("td");
|
|
||||||
$(td).attr("style", "width:" + 100 / headers.length + "%")
|
|
||||||
$(td).append(input);
|
|
||||||
$(tr).append(td);
|
|
||||||
}
|
|
||||||
return tr;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
EditorFactory.prototype.createSelect = function(label, name, size, options, id,
|
|
||||||
value) {
|
|
||||||
|
|
||||||
if (size == null || size <= 0) {
|
|
||||||
size = 150;
|
|
||||||
}
|
|
||||||
if (options == null || options.length <= 0) {
|
|
||||||
information("no options in:" + name);
|
|
||||||
}
|
|
||||||
|
|
||||||
var div = this.createBaseEditor(label, id);
|
|
||||||
$(div).children(".editor").attr("editorType", "select");
|
|
||||||
var nameLabel = document.createElement("label");
|
|
||||||
$(nameLabel).html(name);
|
|
||||||
$(div).children(".editor").append(nameLabel);
|
|
||||||
var select = document.createElement("select");
|
|
||||||
$(select).attr("style", "width:" + size + "px");
|
|
||||||
for (var i = 0; i < options.length; i++) {
|
|
||||||
var option = document.createElement("option");
|
|
||||||
$(option).attr("value", options[i]);
|
|
||||||
$(option).html(options[i]);
|
|
||||||
$(select).append(option);
|
|
||||||
}
|
|
||||||
$(div).children(".editor").append(select);
|
|
||||||
return div;
|
|
||||||
}
|
|
||||||
EditorFactory.prototype.createDate = function(label, name, size, id, value) {
|
|
||||||
|
|
||||||
if (size == null || size < 0) {
|
|
||||||
size = 150
|
|
||||||
}
|
|
||||||
var div = this.createBaseEditor(label, id);
|
|
||||||
$(div).children(".editor").attr("editorType", "date");
|
|
||||||
var dateLabel = document.createElement("label");
|
|
||||||
$(dateLabel).html(name);
|
|
||||||
var date = document.createElement("input");
|
|
||||||
$(date).attr("type", "date");
|
|
||||||
$(div).children(".editor").append(dateLabel);
|
|
||||||
$(div).children(".editor").append(date);
|
|
||||||
return div;
|
|
||||||
}
|
|
||||||
function createContainer(id, name) {
|
|
||||||
|
|
||||||
var edtiorFactory = new EditorFactory();
|
|
||||||
var div = document.createElement("div");
|
|
||||||
$(div).attr("id", id);
|
|
||||||
$(div).append(edtiorFactory.createMultiField("test", "name", 150, "test"));
|
|
||||||
$(div).append(edtiorFactory.createFile("file", "file name", 150, "file"));
|
|
||||||
$(div).append(
|
|
||||||
edtiorFactory.createField("field", "field name", 150, "field"));
|
|
||||||
$(div).append(
|
|
||||||
edtiorFactory.createTable("table", "input", "td1;td1;td3", "id"));
|
|
||||||
$(div).append(
|
|
||||||
edtiorFactory.createSelect("select", "select", 150, [ 1, 2, 3 ],
|
|
||||||
"oo"));
|
|
||||||
$(div).append(edtiorFactory.createDate("date", "date", 150, "dateid"));
|
|
||||||
return div;
|
|
||||||
}
|
|
||||||
|
|
@ -1,74 +0,0 @@
|
||||||
function CollectScriptData(behavior) {
|
|
||||||
this.scriptDataModel = behavior;
|
|
||||||
var collector = this;
|
|
||||||
|
|
||||||
this.getRunScenarioModel = function(){
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
//var ParameterModel = function(key, value) {
|
|
||||||
// this.key = key;
|
|
||||||
// this.value = value;
|
|
||||||
//}
|
|
||||||
//var UsePluginModel = function(id, name, parameters) {
|
|
||||||
// this.id = id;
|
|
||||||
// this.name = name;
|
|
||||||
// this.parameters = parameters;
|
|
||||||
//}
|
|
||||||
//var BehaviorModel = function(id, use, name, type, parameters) {
|
|
||||||
// this.id = id;
|
|
||||||
// this.name = name;
|
|
||||||
// this.type = type;
|
|
||||||
// this.use = use;
|
|
||||||
// this.parameters = parameters;
|
|
||||||
//}
|
|
||||||
//var ScenarioModel = function(usePlugins, behaviors) {
|
|
||||||
// this.usePlugins = usePlugins;
|
|
||||||
// this.behaviors = behaviors;
|
|
||||||
//}
|
|
||||||
|
|
||||||
function submitScript(pages,usePlugins) {
|
|
||||||
|
|
||||||
|
|
||||||
var scriptName = $("#scriptName").val();
|
|
||||||
if (scriptName == undefined || scriptName == "") {
|
|
||||||
information("need a script name!")
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
var runScenarioModel = new RunScenarioModel(0,usePlugins,new Array(),pages);
|
|
||||||
|
|
||||||
$.ajax({
|
|
||||||
type : "POST",
|
|
||||||
url : "submitScriptCreated" + "/" + scriptName,
|
|
||||||
data :{runScenarioModelStr: JSON.stringify(runScenarioModel)},//JSON.stringify(runScenarioModel),
|
|
||||||
// dataType : "json",
|
|
||||||
// contentType : "application/json",
|
|
||||||
success : function(data) {
|
|
||||||
if (!data.success) {
|
|
||||||
return;
|
|
||||||
} else {
|
|
||||||
information("success");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
function updateScript(scriptId, pages, usePlugins){
|
|
||||||
var runScenarioModel = new RunScenarioModel(0,usePlugins,new Array(),pages);
|
|
||||||
|
|
||||||
$.ajax({
|
|
||||||
type : "POST",
|
|
||||||
url : "updateScript",
|
|
||||||
data :{scriptId:scriptId, runScenarioModelStr: JSON.stringify(runScenarioModel)},//JSON.stringify(runScenarioModel),
|
|
||||||
// dataType : "json",
|
|
||||||
// contentType : "application/json",
|
|
||||||
success : function(data) {
|
|
||||||
if (!data.success) {
|
|
||||||
return;
|
|
||||||
} else {
|
|
||||||
information("success");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
@ -1,49 +0,0 @@
|
||||||
function createRadioGroup(items,name,containerId){
|
|
||||||
for ( var i = 0; i < items.length; i++) {
|
|
||||||
var radio = createRadio(items[i],items[i],name,items[i]);
|
|
||||||
$("#" + containerId).append(radio);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @param id synchronize the radio, label and div
|
|
||||||
* @param text show in the web
|
|
||||||
* @param name this is same in a radio group
|
|
||||||
* @param value
|
|
||||||
* @returns
|
|
||||||
*/
|
|
||||||
function createRadio (id,text,name,value) {
|
|
||||||
var line = $("<div style='cursor:pointer;' name='"+name+"'>");
|
|
||||||
line.click(function(){
|
|
||||||
document.getElementById(id).checked = true;
|
|
||||||
})
|
|
||||||
var input = $("<input type='radio' name="+name+" id="+id+">");
|
|
||||||
input.attr("value",value);
|
|
||||||
input.attr("text",text);
|
|
||||||
var span = $("<label for="+id+" style='cursor:pointer;'>");
|
|
||||||
span.html(text);
|
|
||||||
line.append(input);
|
|
||||||
line.append(span);
|
|
||||||
line.addClass("line");
|
|
||||||
return line;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @param items
|
|
||||||
* @param textAttr the key of text which is show in the web
|
|
||||||
* @param valueAttr the key of value which is store in the web
|
|
||||||
* @param idAttr
|
|
||||||
* @param name
|
|
||||||
* @param containerId
|
|
||||||
*/
|
|
||||||
function createRadioGroupByAttribute(items,textAttr,valueAttr,idAttr, name,containerId){
|
|
||||||
for ( var i = 0; i < items.length; i++) {
|
|
||||||
var radio = createRadio(items[i][idAttr],items[i][textAttr],name,items[i][valueAttr]);
|
|
||||||
$("#" + containerId).append(radio);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function information(text){
|
|
||||||
noty({text: text,type:'error',layout:'top'});
|
|
||||||
setTimeout("document.body.removeChild(noty_top_layout_container)",2000);
|
|
||||||
}
|
|
||||||
|
|
@ -1,231 +0,0 @@
|
||||||
function UsePluginViewModel(id, name, nickName) {
|
|
||||||
|
|
||||||
this.id = id;
|
|
||||||
this.name = name;
|
|
||||||
this.nickName = nickName;
|
|
||||||
this.behaviors = new Array();
|
|
||||||
}
|
|
||||||
function UsePlugin(behaviorListContainerId) {
|
|
||||||
var containerId = "usePluginList";
|
|
||||||
// var usePlugin = this;
|
|
||||||
var behavior = new Behavior(this,"useBehaviorList");
|
|
||||||
var paramDataCollector = new DataCollector();
|
|
||||||
var containerFactory = new ContainerFactory();
|
|
||||||
var index = 1;
|
|
||||||
var usePluginEditorMap = new HashMap();
|
|
||||||
var map = new HashMap();
|
|
||||||
//init plugin list
|
|
||||||
getPluginList();
|
|
||||||
//init tree
|
|
||||||
jstreeCreate(containerId);
|
|
||||||
|
|
||||||
$("#addPlugin").click(function() {
|
|
||||||
$("#addPlugin").addClass("clicked");
|
|
||||||
$("#selectUsePlugin").modal('show');
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#selectUsePlugin #ok").click(
|
|
||||||
function() {
|
|
||||||
var pluginName = $(
|
|
||||||
"#pluginList div input[name='plugins']:checked").val();
|
|
||||||
if (pluginName == undefined) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
var pluginModel = new UsePluginViewModel(index, pluginName, pluginName+"_"+index);
|
|
||||||
//create plugin node
|
|
||||||
jstreeCreateNode(containerId, pluginModel.name,
|
|
||||||
pluginModel.nickName, pluginModel.id, "after");
|
|
||||||
|
|
||||||
map.put(pluginModel.id, pluginModel);
|
|
||||||
|
|
||||||
updateUsePlugin();
|
|
||||||
createEditor(pluginModel,pluginModel.id);
|
|
||||||
index++;
|
|
||||||
$("#selectUsePlugin").modal('hide');
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#selectUsePlugin #cancel").click(function() {
|
|
||||||
$("#selectUsePlugin").modal('hide');
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#removePlugin").click(function() {
|
|
||||||
$.confirm("Are you sure to delete this plugin and those behaviors which use this plugin?",function(b){
|
|
||||||
if(b){
|
|
||||||
var pluginNodes = jstreeSelectedNodes(containerId);
|
|
||||||
if (!pluginNodes.length) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
var currNodeId = pluginNodes[0].id;
|
|
||||||
var behaviors = map.get(currNodeId).behaviors;
|
|
||||||
|
|
||||||
jstreeDeleteNode(containerId,currNodeId);
|
|
||||||
//delete behavior
|
|
||||||
for(var i=0;i<behaviors.length;i++)
|
|
||||||
{
|
|
||||||
behavior.deleteBehaviorNode(behaviors[i].id);
|
|
||||||
}
|
|
||||||
map.remove(currNodeId);
|
|
||||||
usePluginEditorMap.remove(currNodeId);
|
|
||||||
$("#pluginEditor").attr("usePlugin", "");
|
|
||||||
$("#pluginEditor").html("");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
$("#clearPlugin").click(function() {
|
|
||||||
$.confirm("Are you sure to delete this plugin and those behaviors which use this plugin?",function(b){
|
|
||||||
if(b){
|
|
||||||
map.clear();
|
|
||||||
usePluginEditorMap.clear();
|
|
||||||
jstreeClearNode(containerId);
|
|
||||||
behavior.clearBehaviorNode();
|
|
||||||
index = 1;
|
|
||||||
$("#pluginEditor").attr("usePlugin", "");
|
|
||||||
$("#pluginEditor").html("");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
function getPluginList() {
|
|
||||||
var usePlugin = this;
|
|
||||||
$.post("loadPluginName", {}, function(data) {
|
|
||||||
if (data.success) {
|
|
||||||
createRadioGroup(data.pluginNames, "plugins", "pluginList");
|
|
||||||
} else {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
function createEditor(pluginModel, selectedId, parameters) {
|
|
||||||
|
|
||||||
$.post("getPlugin" + "/" + pluginModel.name, {}, function(data) {
|
|
||||||
if (data.success) {
|
|
||||||
var pluginData = dataTransfer(data.plugin,parameters);
|
|
||||||
createEditorByData(pluginModel,pluginData);
|
|
||||||
// var generator = containerFactory.createEditorContainer(
|
|
||||||
// pluginModel.name, "generator", pluginData);
|
|
||||||
// $(generator).attr("pluginName", pluginModel.nickName);
|
|
||||||
// $(generator).addClass("generator");
|
|
||||||
// usePluginEditorMap.put(pluginModel.id, generator);
|
|
||||||
//select this new node
|
|
||||||
if(selectedId == pluginModel.id)
|
|
||||||
jstreeSelectNode(containerId, pluginModel.id);
|
|
||||||
|
|
||||||
} else {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateUsePlugin() {
|
|
||||||
if ($("#pluginEditor").attr("usePlugin") == undefined
|
|
||||||
|| $("#pluginEditor").attr("usePlugin") == "") {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
usePluginEditorMap.put($("#pluginEditor").attr("usePlugin"), $(
|
|
||||||
"#pluginEditor div:first").clone());
|
|
||||||
$("#pluginEditor").attr("usePlugin", "");
|
|
||||||
$("#pluginEditor").html("");
|
|
||||||
|
|
||||||
}
|
|
||||||
$("#usePluginList").on(
|
|
||||||
"click",
|
|
||||||
"div[name='usePlugin']",
|
|
||||||
function() {
|
|
||||||
var usePluginId = $(
|
|
||||||
"#usePluginList input[name='usePlugin']:checked").attr(
|
|
||||||
"id");
|
|
||||||
if (usePluginId == undefined) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
updateUsePlugin();
|
|
||||||
$("#pluginEditor").append(usePluginEditorMap.get(usePluginId));
|
|
||||||
$("#pluginEditor").attr("usePlugin", usePluginId);
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#usePluginList").bind("select_node.jstree",
|
|
||||||
function(node, selected, event) {
|
|
||||||
var usePluginId = selected.node.id;
|
|
||||||
if (usePluginId == undefined) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
updateUsePlugin();
|
|
||||||
$("#pluginEditor").append(usePluginEditorMap.get(usePluginId));
|
|
||||||
$("#pluginEditor").attr("usePlugin", usePluginId);
|
|
||||||
|
|
||||||
});
|
|
||||||
//listen usePlugin rename
|
|
||||||
$("#usePluginList").bind("rename_node.jstree", function(event, data) {
|
|
||||||
var pluginModel = map.get(data.node.id);
|
|
||||||
pluginModel.nickName = data.text;
|
|
||||||
//change behavior name which use this plugin
|
|
||||||
for (var i=0;i<pluginModel.behaviors.length;i++) {
|
|
||||||
var behaviorView = pluginModel.behaviors[i];
|
|
||||||
jstreeRenameNode(behaviorListContainerId, behaviorView.id, behaviorView.getBehaviorName());
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
//this is for behavior
|
|
||||||
this.getUsePluginMap = function() {
|
|
||||||
return map;
|
|
||||||
}
|
|
||||||
this.getContainerId = function(){
|
|
||||||
return containerId;
|
|
||||||
}
|
|
||||||
//this is for submit
|
|
||||||
this.getPlugins = function() {
|
|
||||||
updateUsePlugin();
|
|
||||||
var keys = map.getKeys();
|
|
||||||
var usePlugins = new Array();
|
|
||||||
for ( var i = 0; i < keys.length; i++) {
|
|
||||||
var id = keys[i];
|
|
||||||
var usePluginViewModel = map.get(id);
|
|
||||||
var usePluginContainer = usePluginEditorMap.get(id);
|
|
||||||
var params = paramDataCollector.getUnitParams($(
|
|
||||||
usePluginContainer).find(".editor"));
|
|
||||||
usePlugins.push(new UsePluginModel(usePluginViewModel.id, usePluginViewModel.name,usePluginViewModel.nickName, params));
|
|
||||||
}
|
|
||||||
return usePlugins;
|
|
||||||
}
|
|
||||||
this.getPages = function(){
|
|
||||||
return behavior.getPages();
|
|
||||||
}
|
|
||||||
|
|
||||||
this.initPluginAndPages = function(scriptObj){
|
|
||||||
initPluginList(scriptObj.usePlugins);
|
|
||||||
behavior.initBehaviorList(scriptObj.pages);
|
|
||||||
}
|
|
||||||
function initPluginList(usePlugins){
|
|
||||||
//init plugin
|
|
||||||
var selectedId = usePlugins[0].id;
|
|
||||||
for(var i=0;i < usePlugins.length;i++){
|
|
||||||
var usePlugin = usePlugins[i];
|
|
||||||
createUsePlugin(usePlugin,selectedId);
|
|
||||||
if(index < usePlugin.id){
|
|
||||||
index = usePlugin.id;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
index +=1;//this is new id
|
|
||||||
}
|
|
||||||
function createUsePlugin(usePlugin,selectedId){
|
|
||||||
//add to map
|
|
||||||
var pluginModel = new UsePluginViewModel(usePlugin.id, usePlugin.name, usePlugin.nickName);
|
|
||||||
map.put(pluginModel.id, pluginModel);
|
|
||||||
|
|
||||||
//add to editor map
|
|
||||||
createEditor(pluginModel,selectedId, usePlugin.parameters);
|
|
||||||
//add to tree
|
|
||||||
jstreeCreateNode("usePluginList",usePlugin.name,usePlugin.nickName,usePlugin.id,"after");
|
|
||||||
}
|
|
||||||
|
|
||||||
function createEditorByData(pluginModel,pluginData){
|
|
||||||
|
|
||||||
var generator = containerFactory.createEditorContainer(
|
|
||||||
pluginModel.name, "generator", pluginData);
|
|
||||||
$(generator).attr("pluginName", pluginModel.nickName);
|
|
||||||
$(generator).addClass("generator");
|
|
||||||
usePluginEditorMap.put(pluginModel.id, generator);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue