summaryrefslogtreecommitdiffstats
path: root/dgbuilder/public/util/js/sliValues.js
diff options
context:
space:
mode:
authorChinthakayala,Sheshashailavas(sc2914) <sc2914@att.com>2018-06-27 16:11:44 +0000
committerChinthakayala,Sheshashailavas(sc2914) <sc2914@att.com>2018-06-27 16:25:31 +0000
commit8f6a6c445eaeb7356e1db9d10d10b7d3fa42f27e (patch)
treebf1e5c83c357fbd4a0158cac6d41bd936e949a80 /dgbuilder/public/util/js/sliValues.js
parente14a02086c9119532f9153c78346d5c1d6789ca9 (diff)
removed dependency on built-editor.min.js
and added ability to test DG from dgbuilder and fixed the break node on XML generation and added ability to download formatted DG XML and DG JSON Issue-ID: SDNC-353 Change-Id: I799de5de2c4f61e9b56dbe996d8ac3e3b28061f7 Signed-off-by: Chinthakayala,Sheshashailavas(sc2914) <sc2914@att.com>
Diffstat (limited to 'dgbuilder/public/util/js/sliValues.js')
-rw-r--r--dgbuilder/public/util/js/sliValues.js429
1 files changed, 428 insertions, 1 deletions
diff --git a/dgbuilder/public/util/js/sliValues.js b/dgbuilder/public/util/js/sliValues.js
index eae10601..4c0230b0 100644
--- a/dgbuilder/public/util/js/sliValues.js
+++ b/dgbuilder/public/util/js/sliValues.js
@@ -1,3 +1,21 @@
+/*
+var sliValuesObj = {};
+var rpcValues = {};
+$(function(){
+ $.get("/loadJSFiles")
+ .done(function( data ) {
+ if(data != undefined && data != null){
+ console.dir(data.sliValuesObj[0]['AicHoming_PROPS']);
+ console.dir(data.sliValuesObj[0]['AicHoming_RPCS']);
+ }
+
+ })
+ .fail(function(err) {
+ })
+ .always(function() {
+ });
+});
+*/
var global_editor ;
function addParam(idVal){
//console.log(val);
@@ -100,6 +118,7 @@ function buildValuesHtml(valuesObj){
return htmlVal;
}
+
function getModuleName(){
var activeWorkspace=RED.view.getWorkspace();
var moduleName="";
@@ -646,6 +665,11 @@ function importCCFlow(commitId,filePath){
var urlPath="/importCodeCloudFlow";
$.get(urlPath,{"commitId" : commitId,"filePath" : filePath })
.done(function( data ) {
+ var nodeSet = getCurrentFlowNodeSet();
+ //console.dir(nodeSet);
+ if(nodeSet != null && nodeSet.length == 0){
+ RED.view.setIsImportAction(true);
+ }
if(data != undefined && data != null){
//console.log(data.stdout);
var jsonObj = JSON.parse(data.stdout);
@@ -664,8 +688,13 @@ $.get(urlPath,{"commitId" : commitId,"filePath" : filePath })
function importGitLocalFlow(filePath){
var urlPath="/importGitLocalFlow";
-$.get(urlPath,{"filePath" : filePath })
+$.get(urlPath,{"filePath" : filePath})
.done(function( data ) {
+ var nodeSet = getCurrentFlowNodeSet();
+ //console.dir(nodeSet);
+ if(nodeSet != null && nodeSet.length == 0){
+ RED.view.setIsImportAction(true);
+ }
if(data != undefined && data != null){
//console.log(data.stdout);
var jsonObj;
@@ -761,3 +790,401 @@ function filterYangModules(filterVal){
html+="</div>";
$( "#yang-modules-data-container" ).html(html);
}
+function filterCtxVariables(filterVal){
+ var matchedCnt =0;
+ var valuesObj = dgParsedParameters;
+ var newValuesObj ={};
+ var searchValues =[];
+ if(filterVal != null && filterVal != undefined){
+ filterVal=filterVal.trim();
+ }
+ searchValues = filterVal.split(/ /);
+ //console.log("filterVal:" + filterVal);
+ //console.log("searchValues:" + searchValues);
+ if(searchValues != undefined && searchValues != null && searchValues != ""){
+ for (var key in valuesObj) {
+ if (valuesObj.hasOwnProperty(key)) {
+ key = key.replace(/\$/g,"");
+ var foundCount=0;
+ for(var k=0;k<searchValues.length;k++){
+ if(key.indexOf(searchValues[k]) != -1){
+ //console.log("key:" +key + " searchValues:" + searchValues[k]);
+ foundCount++;
+ }
+ }
+ if(foundCount == searchValues.length){
+ matchedCnt++;
+ newValuesObj[key] = "";
+ }
+ }
+ }
+ $("#ctxCountId").html(matchedCnt);
+ }else{
+ newValuesObj = dgParsedParameters;
+ $("#ctxCountId").html(Object.keys(newValuesObj).length);
+ }
+ //console.log("Object key length:" + Object.keys(g_currCtxVariables).length);
+ var valuesHtml=buildCtxValuesHtml(newValuesObj);
+ valuesHtml+="</div>";
+ $("#ctx-values-div").html(valuesHtml);
+}
+
+function selectCtxText(objId,groupVal){
+ $(document).ready(function(){
+ if ($('#ctxValAddDiv' + objId).is(":visible")) {
+ $("#aCtx" + objId ).css({"background": "aliceblue",
+ "color": "rgb(32, 45, 87)"});
+ /*"color": "rgb(32, 45, 87)"});*/
+ $("#ctxValAddDiv" + objId ).hide("slow");
+ $("#ctxValueBoxDiv" +objId).css({"border-color": "aliceblue",
+ "border-width":"1px",
+ "background-color":"aliceblue",
+ "border-style":"solid"});
+ //$("#valAddDiv" + objId ).fadeOut("slow");
+ } else{
+ $("#ctxValAddDiv" + objId).show("slow");
+ $("#ctxValueBoxDiv" +objId).css({"border-color": "rgb(75, 111, 147)",
+ "border-width":"3px",
+ "background-color": "aliceblue",
+ "border-style":"solid",
+ "border-bottom": "3px solid rgb(75, 111, 147)"});
+ $("#aCtx" + objId ).css({"background": "aliceblue",
+ "color": "rgb(75, 111, 147)"});
+ }
+ $("#aCtx" + objId).select();
+ });
+ //console.log("group-heading" + objId);
+// var obj= document.getElementById("group-heading" + objId);
+// obj.innerText = groupVal;
+// obj.style.color = "blue";
+// console.dir(obj);
+}
+function buildCtxValuesHtml(valuesObj){
+ var idCounter=0;
+ var htmlVal = "";
+
+ var cnt=1;
+ var idVal = 0;
+ var v="";
+ var newParameterRow = "New Parameter Name:<input style='width:500px' id='aCtx-new' type='text' value='' placeholder='Enter new parameter name'>Value:<input style='width:100px' id='avalbox-new' type='text' value=''> <input name='typeBtns-new' type='radio' value='string' checked>&nbsp;string" +
+ "&nbsp;<input name='typeBtns-new' type='radio' value='int'>&nbsp;int" +
+ "&nbsp;<input name='typeBtns-new' type='radio' value='boolean'>&nbsp;boolean &nbsp;&nbsp;" + "<input id='abtn-new' type='button' style='background-color:#D6EBFF;' value='Add'" + "onclick='addNewParameter(\"" + "-new" + "\")'>";
+ htmlVal = "<div style='font-weight:bold;font-size:1.0em;'>" + newParameterRow + "</div>";
+ for (var key in valuesObj) {
+ if (valuesObj.hasOwnProperty(key)) {
+ key = key.replace(/\$/g,"");
+ var inputStr = $("#test-dg-request").val();
+ var inputObj = JSON.parse(inputStr);
+ var paramsArrObj = inputObj["input"]["sli-parameter"];
+ var alreadyAdded = false;
+ var intChecked = false;
+ var booleanChecked = false;
+ var prevValue="";
+ for(var i=0;paramsArrObj != null && i<paramsArrObj.length ;i++){
+ if(paramsArrObj[i]["parameter-name"] == key){
+ if (paramsArrObj[i].hasOwnProperty("string-value")) {
+ prevValue=paramsArrObj[i]["string-value"];
+ }else if(paramsArrObj[i].hasOwnProperty("int-value")) {
+ intChecked = true;
+ prevValue=paramsArrObj[i]["int-value"];
+ }else if(paramsArrObj[i].hasOwnProperty("boolean-value")) {
+ booleanChecked = true;
+ prevValue=paramsArrObj[i]["boolean-value"];
+ }
+ alreadyAdded = true;
+ }
+ }
+ }
+
+ var idVal = idCounter++;
+ v="<div style='font-weight:bold;font-size:1.0em;'>";
+ var addBtn ="";
+ if(alreadyAdded){
+ addBtn = "<input id='ubtn" + idVal + "' type='button' style='background-color:#D6EBFF;' value='Update'" + "onclick='updateParamVal(\"" + idVal + "\")'>&nbsp;&nbsp;<input id='abtn" + idVal + "' type='button' style='background-color:#D6EBFF;' value='Delete'" + "onclick='updateParam(\"" + idVal + "\")'>";
+ }else{
+ addBtn = "<input id='abtn" + idVal + "' type='button' style='background-color:#D6EBFF;' value='Add'" + "onclick='updateParam(\"" + idVal + "\")'>";
+ }
+
+ var typeBtns = "<input name='typeBtns" + idVal + "' type='radio' value='string' checked>&nbsp;string" +
+ "&nbsp;<input name='typeBtns" + idVal + "' type='radio' value='int'>&nbsp;int" +
+ "&nbsp;<input name='typeBtns" + idVal + "' type='radio' value='boolean'>&nbsp;boolean";
+ if(intChecked){
+ typeBtns = "<input name='typeBtns" + idVal + "' type='radio' value='string'>&nbsp;string" +
+ "&nbsp;<input name='typeBtns" + idVal + "' type='radio' value='int' checked>&nbsp;int" +
+ "&nbsp;<input name='typeBtns" + idVal + "' type='radio' value='boolean'>&nbsp;boolean";
+ }else if(booleanChecked){
+ typeBtns = "<input name='typeBtns" + idVal + "' type='radio' value='string'>&nbsp;string" +
+ "&nbsp;<input name='typeBtns" + idVal + "' type='radio' value='int'>&nbsp;int" +
+ "&nbsp;<input name='typeBtns" + idVal + "' type='radio' value='boolean' checked>&nbsp;boolean";
+ }
+ var valBox =typeBtns + "<br><br>" + "<input id='avalbox" + idVal + "' type='text' style='width:500px;height:30px;' value='" + prevValue + "'>";
+
+ if(key.length <150){
+ v += "<div style='width:1150px;background:aliceblue;border-color:aliceblue' class='ctxValueBoxDiv' id='ctxValueBoxDiv" + idVal + "'>" + "<input style='width:1125px;background:aliceblue;color:rgb(32, 45, 87);' type='text' readonly='1' id='aCtx" + idVal + "' onclick='selectCtxText(\"" + idVal+"\",\"" + key + "\")' value='" + key + "' title='" + key + "' >" ;
+ }else{
+ v+= "<div style='width:1150px;background:aliceblue;border-color:aliceblue' class='ctxValueBoxDiv' id='ctxValueBoxDiv" + idVal + "'>" + "<textarea style='width:1125px;background:aliceblue;color:rgb(32, 45, 87);' readonly='1' id='actx" + idVal + "' onclick='selectCtxText(\"" + idVal+"\",\"" + key + "\")' title='" + key + "' >" + key + "</textarea></div>";
+ }
+ v += "<div id='ctxValAddDiv" + idVal + "' style='display:none;'>" + valBox + "&nbsp;&nbsp;<div id='btnsDivId" + idVal + "' style='display:inline'> " + addBtn + "</div></div></div>";
+ cnt++;
+ htmlVal+= v + "</div>";
+ }
+ return htmlVal;
+}
+
+function updateParam(idVal){
+ var action = $("#abtn" + idVal).val();
+ if(action == "Delete"){
+ var nameVal = document.getElementById("aCtx" + idVal).value;
+ var valueBoxVal = document.getElementById("avalbox" + idVal).value;
+ //$("#addCnt" + idVal).text("added");
+ var addBtn = "<input id='abtn" + idVal + "' type='button' style='background-color:#D6EBFF;' value='Add'" + "onclick='updateParam(\"" + idVal + "\")'>";
+ $("#btnsDivId" + idVal).html(addBtn);
+ var inputStr = $("#test-dg-request").val();
+ var inputObj = JSON.parse(inputStr);
+ var paramsArrObj = inputObj["input"]["sli-parameter"];
+ var index = -1;
+ for(var i=0;paramsArrObj != null && i<paramsArrObj.length ;i++){
+ if(paramsArrObj[i]["parameter-name"] == nameVal){
+ index = i;
+ break;
+ }
+ }
+
+ if(index != -1){
+ inputObj["input"]["sli-parameter"].splice(index,1);
+ }
+ var newInputStr = JSON.stringify(inputObj,null,4);
+ $("#test-dg-request").val(newInputStr);
+ }else{
+ var nameVal = document.getElementById("aCtx" + idVal).value;
+ var valueBoxVal = document.getElementById("avalbox" + idVal).value;
+ //$("#addCnt" + idVal).text("added");
+ var addBtn = "<input id='ubtn" + idVal + "' type='button' style='background-color:#D6EBFF;' value='Update'" + "onclick='updateParamVal(\"" + idVal + "\")'>&nbsp;&nbsp;<input id='abtn" + idVal + "' type='button' style='background-color:#D6EBFF;' value='Delete'" + "onclick='updateParam(\"" + idVal + "\")'>";
+ $("#btnsDivId" + idVal).html(addBtn);
+ var inputStr = $("#test-dg-request").val();
+ var inputObj = {};
+ try{
+ inputObj = JSON.parse(inputStr);
+ }catch(e){
+ $("#test-dg-response").val("Json parsing error" + e);
+ return false;
+ }
+ var typeVal = "input[name=typeBtns" + idVal + "]:checked";
+ var valType =$(typeVal).val();
+ //console.log(valType);
+ var parameterObj ={};
+ if(valType == "string"){
+ parameterObj = { "parameter-name" : nameVal, "string-value": valueBoxVal};
+ }else if(valType == "int"){
+ var intValue = 0;
+ try{
+ intValue = parseInt(valueBoxVal);
+ }catch(e){
+ }
+ parameterObj = { "parameter-name" : nameVal, "int-value": intValue};
+ }else if(valType == "boolean"){
+ var booleanValue = false;
+ try{
+ booleanValue = JSON.parse(valueBoxVal);
+ }catch(e){
+ }
+ parameterObj = { "parameter-name" : nameVal, "boolean-value": booleanValue};
+ }
+ inputObj["input"]["sli-parameter"].push(parameterObj);
+ var newInputStr ="";
+ try{
+ newInputStr = JSON.stringify(inputObj,null,4);
+ }catch(e){
+ }
+ $("#test-dg-request").val(newInputStr);
+ //console.log("newInputStr:" + newInputStr);
+ }
+}
+
+function addNewParameter(idVal){
+ var nameVal = document.getElementById("aCtx" + idVal).value;
+ var valueBoxVal = document.getElementById("avalbox" + idVal).value;
+ var inputStr = $("#test-dg-request").val();
+ var inputObj = {};
+ try{
+ inputObj = JSON.parse(inputStr);
+ }catch(e){
+ $("#test-dg-response").val("Json parsing error" + e);
+ return false;
+ }
+ var typeVal = "input[name=typeBtns" + idVal + "]:checked";
+ var valType =$(typeVal).val();
+ //console.log(valType);
+ var parameterObj ={};
+ if(valType == "string"){
+ parameterObj = { "parameter-name" : nameVal, "string-value": valueBoxVal};
+ }else if(valType == "int"){
+ var intValue = 0;
+ try{
+ intValue = parseInt(valueBoxVal);
+ }catch(e){
+ }
+ parameterObj = { "parameter-name" : nameVal, "int-value": intValue};
+ }else if(valType == "boolean"){
+ var booleanValue = false;
+ try{
+ booleanValue = JSON.parse(valueBoxVal);
+ }catch(e){
+ }
+ parameterObj = { "parameter-name" : nameVal, "boolean-value": booleanValue};
+ }
+ inputObj["input"]["sli-parameter"].push(parameterObj);
+ var newInputStr ="";
+ try{
+ newInputStr = JSON.stringify(inputObj,null,4);
+ }catch(e){
+ }
+ $("#test-dg-request").val(newInputStr);
+ $( "#ctx-values-dialog" ).dialog("close");
+ $('.ui-button:contains("$Variables")').click();
+ //console.log("newInputStr:" + newInputStr);
+}
+
+function updateParamVal(idVal){
+ var nameVal = document.getElementById("aCtx" + idVal).value;
+ //var valueBoxVal = document.getElementById("avalbox" + idVal).value;
+ var valueBoxVal = $("#avalbox" + idVal).val();
+ var inputStr = $("#test-dg-request").val();
+ var inputObj = {};
+ try{
+ inputObj = JSON.parse(inputStr);
+ }catch(e){
+ $("#test-dg-response").val("Json parsing error" + e);
+ return false;
+ }
+ var paramsArrObj = inputObj["input"]["sli-parameter"];
+ var index = -1;
+ for(var i=0;paramsArrObj != null && i<paramsArrObj.length ;i++){
+ if(paramsArrObj[i]["parameter-name"] == nameVal){
+ var typeVal = "input[name=typeBtns" + idVal + "]:checked";
+ var valType =$(typeVal).val();
+ var parameterObj ={};
+ if(valType == "string"){
+ try{
+ delete paramsArrObj[i]["int-value"];
+ delete paramsArrObj[i]["boolean-value"];
+ }catch(e){
+ }
+ paramsArrObj[i]["string-value"] = valueBoxVal;
+ }else if(valType == "int"){
+ var intValue = 0;
+ try{
+ intValue = parseInt(valueBoxVal);
+ }catch(e){
+ }
+ try{
+ delete paramsArrObj[i]["string-value"];
+ delete paramsArrObj[i]["boolean-value"];
+ }catch(e){
+ }
+ paramsArrObj[i]["int-value"] = intValue;
+ }else if(valType == "boolean"){
+ var booleanValue = false;
+ try{
+ booleanValue = JSON.parse(valueBoxVal);
+ }catch(e){
+ }
+ try{
+ delete paramsArrObj[i]["int-value"];
+ delete paramsArrObj[i]["string-value"];
+ }catch(e){
+ }
+ paramsArrObj[i]["boolean-value"] = booleanValue;
+ }
+ break;
+ }
+ }
+ var newInputStr ="";
+ try{
+ newInputStr = JSON.stringify(inputObj,null,4);
+ }catch(e){
+ }
+ $("#test-dg-request").val(newInputStr);
+}
+
+function showCtxVariables(moduleName,rpcName){
+ var valuesHtml="<style>.color-dialog {background:aliceblue;border-color:lightgrey;border-width:3px;border-style:solid; }</style><div style='float:left;width:1200px;background:aliceblue'><input style='width:1125px' id='ctx-filter-id' type='text' value='' placeholder='To filter the values type words seperated by space in this box' onkeyup='filterCtxVariables(this.value)'></div><div style='float:left;color:green;font-size:0.8em' id='ctxCountId'></div><div style='clear:both'></div><div id='ctx-values-div' style='width:1200px;'>" ;
+
+ var currInput = $("#test-dg-request").val();
+ var currInputObj =null;
+ try{
+ currInputObj = JSON.parse(currInput);
+ }catch(e){
+ $("#test-dg-response").val("Json parsing error" + e);
+ return false;
+ }
+ var cParams = null;
+ if(currInputObj != null){
+ try{
+ cParams = currInputObj["input"]["sli-parameter"];
+ }catch(e){
+ }
+ }
+
+ for(var i=0;cParams != null && i<cParams.length;i++){
+ var pName = cParams[i]["parameter-name"];
+ if(pName != undefined && pName != null && !dgParsedParameters.hasOwnProperty("$" + pName)){
+ dgParsedParameters[pName] = "";
+ }
+ }
+ valuesHtml+=buildCtxValuesHtml(dgParsedParameters);
+ valuesHtml+="</div>";
+
+
+ var title = "Context Variables used in this DG for Module: " + moduleName + " RPC: " + rpcName;
+ $('#ctx-values-dialog').dialog({
+ modal: false,
+ title: title,
+ width: 1200,
+ height: 500,
+ dialogClass: 'color-dialog',
+ open: function () {
+ $("#ctx-values-dialog").dialog("widget").find(".ui-dialog-buttonpane").css({'background': 'aliceblue'});
+ $(this).html(valuesHtml);
+ },
+ buttons: {
+ Close: function () {
+ $(this).dialog("destroy");
+ }
+ },
+ close: function(ev,ui){
+ $(this).dialog("destroy");
+ }
+ }); // end dialog div
+ }
+ function loadInputFile(fileName){
+ var reqData = {'fileName' :fileName};
+ $.post("/loadInputFile",reqData)
+ .done(function( data ) {
+ if(data != undefined && data != null){
+ //console.log("data" );
+ //console.dir(data);
+ $("#test-dg-request").val(data.input);
+ }
+ })
+ .fail(function(err) {
+ $("#test-dg-response").val("could not load input file" + fileName);
+ console.log( "failed to load input. " + err );
+ })
+ .always(function() {
+ $( "#list-input-browser-dialog" ).dialog("close");
+ })
+ }
+
+ function deleteInputFile(fileName){
+ var reqData = {'fileName' :fileName};
+ $.post("/deleteInputFile",reqData)
+ .done(function( data ) {
+ })
+ .fail(function(err) {
+ })
+ .always(function() {
+ $( "#list-input-browser-dialog" ).dialog("close");
+ $('.ui-button:contains("Load")').click();
+ })
+ }