Refactor stylenetwork js into samller ,manageable files and changed folder directory

This commit is contained in:
sakv2e10204
2022-05-31 16:17:53 +05:30
parent 265fc760b7
commit 584fb9c5d2
16 changed files with 6965 additions and 67097 deletions

View File

@@ -14,7 +14,7 @@
<link rel="icon" href="Assets/img/telecom-favicon.ico" type="image/gif" sizes="16x16">
<link href="css/cdn/bootstrap.min.css" rel="stylesheet" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous" />
<link rel="stylesheet" type="text/css" href="css/Style.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link href="css/cdn/font-awesome.min.css" rel="stylesheet" />
<link href="css/cdn/roboto-css.css" rel="stylesheet" />

View File

@@ -10,25 +10,31 @@
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="Assets/img/telecom-favicon.ico" type="image/gif" sizes="16x16">
<script src="js/Helper/Helper.js"></script>
<script src="js/helper/helper.js"></script>
<link href="css/cdn/bootstrap.min.css" rel="stylesheet" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous" />
<link rel="stylesheet" href="css/Style.css" />
<link rel="stylesheet" href="css/style.css" />
<link href="css/cdn/font-awesome.min.css" rel="stylesheet" />
<link href="css/cdn/roboto-css.css" rel="stylesheet" />
<link href="css/cdn/oswald-css.css" rel="stylesheet" />
<link href="css/cdn/icon.css" rel="stylesheet" />
<script src="js/Network Graph/FileSaver.js"></script>
<script src="js/visunminify.js"></script>
<link href="css/cdn/vis-network.min.css" rel="stylesheet" type="text/css" />
<script src="js/CdnURL/lodash.min.js"></script>
<script src="js/CdnURL/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<link href="css/cdn/all.css" rel="stylesheet" />
<script src="js/alea.js"></script>
<script src="js/exampleUtil.js"></script>
<script src="js/LocalDB/taffy.js"></script>
<script src="js/Network Graph/stylenetwork.js"></script>
<script src="js/localDB/taffy.js"></script>
<script src="js/networkgraph/vis.js"></script>
<script src="js/networkgraph/filesaver.js"></script>
<script src="js/networkgraph/alea.js"></script>
<script src="js/networkgraph/exampleUtil.js"></script>
<script src="js/networkgraph/node.js"></script>
<script src="js/networkgraph/fiber.js"></script>
<script src="js/networkgraph/patch.js"></script>
<script src="js/networkgraph/service.js"></script>
<script src="js/networkgraph/constraints.js"></script>
<script src="js/networkgraph/validation.js"></script>
<script src="js/networkgraph/mynetwork.js"></script>
<script src="js/CdnURL/html2canvas.min.js" integrity="sha256-c3RzsUWg+y2XljunEQS0LqWdQ04X1D3j22fd/8JCAKw=" crossorigin="anonymous"></script>
<script src="js/validation.js"></script>
</head>
<body class="body-index" onload="init(false);">

View File

@@ -13,7 +13,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="Assets/img/telecom-favicon.ico" type="image/gif" sizes="16x16">
<link href="css/cdn/bootstrap.min.css" rel="stylesheet" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous" />
<link rel="stylesheet" type="text/css" href="css/Style.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link href="css/cdn/font-awesome.min.css" rel="stylesheet" />
<link href="css/cdn/roboto-css.css" rel="stylesheet" />
<link href="css/cdn/oswald-css.css" rel="stylesheet" />

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,590 @@
function nodeRule(from, to, nodeType) {
var fromConnections = network.getConnectedEdges(from);
var toConnections = network.getConnectedEdges(to);
var connections = [];
connections.push(fromConnections);
$.each(toConnections, function (index, item) {
connections.push(item);
});
var fromDetails = network.body.data.nodes.get(from);
var toDetails = network.body.data.nodes.get(to);
var message = "";
var flag = false;
var connectedNodes;
var fromType;
var toType;
//to check connection b/w roadm and amplifier
if ((fromDetails.node_type == roadmJSON.node_type && toDetails.node_type == nodeType) || (toDetails.node_type == roadmJSON.node_type && fromDetails.node_type == nodeType) || (fromDetails.node_type == transceiverJSON.node_type && toDetails.node_type == nodeType) || (toDetails.node_type == transceiverJSON.node_type && fromDetails.node_type == nodeType)) {
$.each(connections, function (index, item) {
connectedNodes = network.getConnectedNodes(item);
if (connectedNodes) {
if ((connectedNodes[0] == fromDetails.id && connectedNodes[1] == toDetails.id) || connectedNodes[1] == fromDetails.id && connectedNodes[0] == toDetails.id) {
message = "We cannot add more than one " + singleFiberJSON.component_type + "/" + singlePatchJSON.component_type + " connection between " + fromDetails.label + " and " + toDetails.label;
flag = true;
}
}
});
}
// to check connection b/w amplifier and amplifier
if (fromDetails.node_type == nodeType && toDetails.node_type == nodeType) {
$.each(connections, function (index, item) {
connectedNodes = network.getConnectedNodes(item);
if (connectedNodes) {
if ((connectedNodes[0] == fromDetails.id && connectedNodes[1] == toDetails.id) || connectedNodes[1] == fromDetails.id && connectedNodes[0] == toDetails.id) {
message = "We cannot add more than one " + singleFiberJSON.component_type + "/" + singlePatchJSON.component_type + " connection between " + fromDetails.label + " and " + toDetails.label;
flag = true;
}
}
});
}
var edgeDetails;
var nodetype;
if (!flag) {
message = "";
if (fromDetails.node_type == nodeType) {
if (fromConnections.length > 1) {
message = fromDetails.label + ' can only support 2 links, one outgoing, and one incoming. ';
flag = true;
}
else {
$.each(fromConnections, function (index, item) {
edgeDetails = network.body.data.edges.get(item);
if (edgeDetails.from == from) {
message = 'Links wrongly connected. ';
flag = true;
}
});
}
}
if (toDetails.node_type == nodeType) {
if (toConnections.length > 1) {
if (message != "")
message += "<br /> <br />" + toDetails.label + ' can only support 2 links, one outgoing, and one incoming';
else
message += toDetails.label + ' can only support 2 links, one outgoing, and one incoming';
flag = true;
}
else {
$.each(toConnections, function (index, item) {
edgeDetails = network.body.data.edges.get(item);
if (edgeDetails.to == to) {
message = 'Links wrongly connected. ';
flag = true;
}
});
}
}
}
return { message: message, flag: flag };
}
function checkLink() {
var roadmList = network.body.data.nodes.get({
filter: function (item) {
return (item.node_type == roadmJSON.node_type || item.node_type == transceiverJSON.node_type);
}
});
var connectedEdges;
var fromCount = 0;
var toCount = 0;
var edgeDetails;
var message;
var flag = false;
var msg = [];
var tempEdge = [];
$.each(roadmList, function (index, item) {
connectedEdges = network.getConnectedEdges(item.id);
tempEdge = [];
$.each(connectedEdges, function (index, item1) {
if (network.body.data.edges.get(item1).component_type != serviceJSON.component_type)
tempEdge.push(item1);
});
fromCount = 0;
toCount = 0;
for (i = 0; i < tempEdge.length; i++) {
edgeDetails = network.body.data.edges.get(tempEdge[i]);
if (edgeDetails.from == item.id)
fromCount++;
else if (edgeDetails.to == item.id)
toCount++;
}
if (fromCount != toCount || (fromCount == 0 && toCount == 0)) {
msg.push('<p class="focusNode" title="Click here to focus the node" id=\'span' + item.id.replace(/\s/g, '') + '\' onClick="focusNodeFiber(\'' + item.id + '\',1)"><img width="25" src="./Assets/img/error-listing-icon.png"> <b>' + item.label + '</b> must have an even number of links with an equal number of incoming and outgoing links.</p>');
flag = true;
}
if (item.node_type == transceiverJSON.node_type) {
if (!item.transceiver_type) {
msg.push('<p class="focusNode" title="Click here to focus the node" id=\'spanTF' + item.id.replace(/\s/g, '') + '\' onClick="focusNodeFiber(\'' + item.id + '\',1)"><img width="25" src="./Assets/img/error-listing-icon.png"> <b>' + item.label + '</b> - ' + transceiverJSON.node_type + ' type not entered by the user.</p>');
flag = true;
}
}
else if (item.node_type == roadmJSON.node_type) {
if (!item.roadm_type) {
msg.push('<p class="focusNode" title="Click here to focus the node" id=\'spanTF' + item.id.replace(/\s/g, '') + '\' onClick="focusNodeFiber(\'' + item.id + '\',1)"><img width="25" src="./Assets/img/error-listing-icon.png"> <b>' + item.label + '</b> - ' + roadmJSON.node_type.toUpperCase() + ' type not entered by the user.</p>');
flag = true;
}
}
});
//message = msg.join(' ') + " must have an even number of links with an equal number of incoming and outgoing links";
message = msg.join(' ');
return { message: message, flag: flag };
}
function checkMisLink() {
var roadmList = network.body.data.nodes.get({
filter: function (item) {
return (item.node_type == amplifierJSON.node_type || item.node_type == fusedJSON.node_type);
}
});
var connectedEdges;
var message;
var flag = false;
var msg = [];
var tempEdge = [];
var fromCount;
var toCount;
$.each(roadmList, function (index, item) {
connectedEdges = network.getConnectedEdges(item.id);
fromCount = 0;
toCount = 0;
for (i = 0; i < connectedEdges.length; i++) {
edgeDetails = network.body.data.edges.get(connectedEdges[i]);
if (edgeDetails.from == item.id)
fromCount++;
else if (edgeDetails.to == item.id)
toCount++;
}
//if (fromCount != toCount || (fromCount == 0 && toCount == 0) || fromCount > 1 || toCount > 1 ) {
// msg.push('<p class="focusNode" title="Click here to focus the node" id=\'span' + item.id.replace(/\s/g, '') + '\' onClick="focusNode(\'' + item.id + '\')"><img width="25" src="./Assets/img/error-listing-icon.png"> One or more links to <b>' + item.label + '</b> is missing.</p>');
// flag = true;
//}
if (connectedEdges.length <= 1) {
msg.push('<p class="focusNode" title="Click here to focus the node" id=\'span' + item.id.replace(/\s/g, '') + '\' onClick="focusNodeFiber(\'' + item.id + '\',1)"><img width="25" src="./Assets/img/error-listing-icon.png"> One or more links to <b>' + item.label + '</b> is missing.</p>');
flag = true;
}
else if (connectedEdges.length > 1) {
if ((connectedEdges.length == 2 && fromCount == 2) || (connectedEdges.length == 2 && toCount == 2)) {
msg.push('<p class="focusNode" title="Click here to focus the node" id=\'span' + item.id.replace(/\s/g, '') + '\' onClick="focusNodeFiber(\'' + item.id + '\',1)"><img width="25" src="./Assets/img/error-listing-icon.png"><b>' + item.label + '</b> cannot support 2 links of the same type, must have one incoming and one outgoing link</p>');
flag = true;
}
else if (fromCount != toCount || connectedEdges.length > 2) {
msg.push('<p class="focusNode" title="Click here to focus the node" id=\'span' + item.id.replace(/\s/g, '') + '\' onClick="focusNodeFiber(\'' + item.id + '\',1)"><img width="25" src="./Assets/img/error-listing-icon.png"><b>' + item.label + '</b> cannot support more than 2 links</p>');
flag = true;
}
}
if (item.node_type == amplifierJSON.node_type) {
if (item.amp_category == amplifierJSON.amp_category) {
if (!item.amp_type) {
msg.push('<p class="focusNode" title="Click here to focus the node" id=\'spanTF' + item.id.replace(/\s/g, '') + '\' onClick="focusNodeFiber(\'' + item.id + '\',1)"><img width="25" src="./Assets/img/error-listing-icon.png"> <b>' + item.label + '</b> - ' + amplifierJSON.amp_category + ' type not entered by the user.</p>');
flag = true;
}
}
else if (item.amp_category == ramanampJSON.amp_category) {
if (!item.amp_type) {
msg.push('<p class="focusNode" title="Click here to focus the node" id=\'spanTF' + item.id.replace(/\s/g, '') + '\' onClick="focusNodeFiber(\'' + item.id + '\',1)"><img width="25" src="./Assets/img/error-listing-icon.png"> <b>' + item.label + '</b> - Raman amplifier type not entered by the user.</p>');
flag = true;
}
if (!item.category) {
msg.push('<p class="focusNode" title="Click here to focus the node" id=\'spanTF' + item.id.replace(/\s/g, '') + '\' onClick="focusNodeFiber(\'' + item.id + '\',1)"><img width="25" src="./Assets/img/error-listing-icon.png"> <b>' + item.label + '</b> - Raman amplifier category not entered by the user.</p>');
flag = true;
}
}
}
});
message = msg.join(' ');
return { message: message, flag: flag };
}
function checkTypeForce() {
var transList = network.body.data.nodes.get({
filter: function (item) {
return (item.node_type == transceiverJSON.node_type || item.node_type == amplifierJSON.node_type || item.node_type == roadmJSON.node_type);
}
});
var message;
var msg = [];
var flag = false;
$.each(transList, function (index, item) {
if (item.node_type == transceiverJSON.node_type) {
if (!item.transceiver_type) {
msg.push('<p class="focusNode" title="Click here to focus the node" id=\'spanTF' + item.id.replace(/\s/g, '') + '\' onClick="focusNodeFiber(\'' + item.id + '\',1)"><img width="25" src="./Assets/img/error-listing-icon.png"> <b>' + item.label + '</b> - ' + transceiverJSON.node_type + ' type not entered by the user.</p>');
flag = true;
}
}
else if (item.node_type == roadmJSON.node_type) {
if (!item.roadm_type) {
msg.push('<p class="focusNode" title="Click here to focus the node" id=\'spanTF' + item.id.replace(/\s/g, '') + '\' onClick="focusNodeFiber(\'' + item.id + '\',1)"><img width="25" src="./Assets/img/error-listing-icon.png"> <b>' + item.label + '</b> - ' + roadmJSON.node_type.toUpperCase() + ' type not entered by the user.</p>');
flag = true;
}
}
else if (item.node_type == amplifierJSON.node_type) {
if (item.amp_category == amplifierJSON.amp_category) {
if (!item.amp_type) {
msg.push('<p class="focusNode" title="Click here to focus the node" id=\'spanTF' + item.id.replace(/\s/g, '') + '\' onClick="focusNodeFiber(\'' + item.id + '\',1)"><img width="25" src="./Assets/img/error-listing-icon.png"> <b>' + item.label + '</b> - ' + amplifierJSON.amp_category + ' type not entered by the user.</p>');
flag = true;
}
}
else if (item.amp_category == ramanampJSON.amp_category) {
if (!item.amp_type) {
msg.push('<p class="focusNode" title="Click here to focus the node" id=\'spanTF' + item.id.replace(/\s/g, '') + '\' onClick="focusNodeFiber(\'' + item.id + '\',1)"><img width="25" src="./Assets/img/error-listing-icon.png"> <b>' + item.label + '</b> - Raman amplifier type not entered by the user.</p>');
flag = true;
}
if (!item.category) {
msg.push('<p class="focusNode" title="Click here to focus the node" id=\'spanTF' + item.id.replace(/\s/g, '') + '\' onClick="focusNodeFiber(\'' + item.id + '\',1)"><img width="25" src="./Assets/img/error-listing-icon.png"> <b>' + item.label + '</b> - Raman amplifier category not entered by the user.</p>');
flag = true;
}
}
}
});
message = msg.join(' ');
return { message: message, flag: flag };
}
function checkFiberPro() {
var fiberList = network.body.data.edges.get({
filter: function (item) {
return (item.fiber_category == singleFiberJSON.fiber_category);
}
});
var message;
var msg = [];
var flag = false;
var spanlen;
var span_length;
$.each(fiberList, function (index, item) {
span_length = item.span_length;
spanlen = parseFloat(span_length);
if (item.fiber_type == "") {
msg.push('<p class="focusNode" title="Click here to focus the fiber" id=\'spanFP' + item.id.replace(/\s/g, '') + '\' onClick="focusNodeFiber(\'' + item.id + '\',2)"><img width="25" src="./Assets/img/error-listing-icon.png"> <b>' + item.label + '</b> - ' + singleFiberJSON.component_type + ' type not entered by the user.</p>');
flag = true;
}
if (isNaN(span_length) || spanlen <= 0 || span_length == "") {
msg.push('<p class="focusNode" title="Click here to focus the fiber" id=\'spanFP' + item.id.replace(/\s/g, '') + '\' onClick="focusNodeFiber(\'' + item.id + '\',2)"><img width="25" src="./Assets/img/error-listing-icon.png"> <b>' + item.label + '</b> - ' + singleFiberJSON.component_type + ' length not entered by the user.</p>');
flag = true;
}
});
message = msg.join(' ');
return { message: message, flag: flag };
}
function nodeRuleOnImportJSON() {
//checkLink
var roadmList = network.body.data.nodes.get({
filter: function (item) {
return (item.node_type == roadmJSON.node_type || item.node_type == transceiverJSON.node_type);
}
});
var connectedEdges;
var fromCount = 0;
var toCount = 0;
var edgeDetails;
var tempEdge = [];
$.each(roadmList, function (index, item) {
connectedEdges = network.getConnectedEdges(item.id);
tempEdge = [];
$.each(connectedEdges, function (index, item1) {
if (network.body.data.edges.get(item1).component_type != serviceJSON.component_type)
tempEdge.push(item1);
});
fromCount = 0;
toCount = 0;
for (i = 0; i < tempEdge.length; i++) {
edgeDetails = network.body.data.edges.get(tempEdge[i]);
if (edgeDetails.from == item.id)
fromCount++;
else if (edgeDetails.to == item.id)
toCount++;
}
if (fromCount != toCount || (fromCount == 0 && toCount == 0)) {
addNodeHighlight(item.id);
}
else {
if (item.node_type == transceiverJSON.node_type && item.transceiver_type == "") {
addNodeHighlight(item.id);
}
else if (item.node_type == roadmJSON.node_type && item.roadm_type == "") {
addNodeHighlight(item.id);
}
}
});
//checkMisLink
roadmList = network.body.data.nodes.get({
filter: function (item) {
return (item.node_type == amplifierJSON.node_type || item.node_type == fusedJSON.node_type);
}
});
$.each(roadmList, function (index, item) {
connectedEdges = network.getConnectedEdges(item.id);
fromCount = 0;
toCount = 0;
for (i = 0; i < connectedEdges.length; i++) {
edgeDetails = network.body.data.edges.get(connectedEdges[i]);
if (edgeDetails.from == item.id)
fromCount++;
else if (edgeDetails.to == item.id)
toCount++;
}
if (fromCount != toCount || (fromCount == 0 && toCount == 0) || fromCount > 1 || toCount > 1) {
addNodeHighlight(item.id);
}
else {
if (item.node_type == amplifierJSON.node_type) {
if (item.amp_category == ramanampJSON.amp_category && item.amp_type == "" && !(item.category)) {
addNodeHighlight(item.id);
}
else if (item.amp_category == amplifierJSON.amp_category && item.amp_type == "") {
addNodeHighlight(item.id);
}
}
}
});
}
function edgeStyleOnImportJSON() {
var edgeList = network.body.data.edges.get();
var cfrom;
var cto;
var fiberData = [];
for (var i = 0; i < edgeList.length; i++) {
cfrom = edgeList[i].from;
cto = edgeList[i].to;
var connectedFiber = network.getConnectedEdges(cfrom);
connectedFiber.push(network.getConnectedEdges(cto));
var fromFiberCount = 0;
var toFiberCount = 0;
var fiberCount = 0;
$.each(connectedFiber, function (index, item) {
var fiberDetails = network.body.data.edges.get(item);
if (fiberDetails.fiber_category == dualFiberJSON.fiber_category || fiberDetails.fiber_category == singleFiberJSON.fiber_category || fiberDetails.component_type == serviceJSON.component_type || fiberDetails.component_type == dualPatchJSON.component_type) {
var fiberSmooth = singleFiberJSON.options.smooth;
if (fiberDetails.from == cfrom && fiberDetails.to == cto) {
fiberCount++;
if (fiberCount == 1) {
fiberSmooth = fiberJSON.options.smooth;
}
else {
fromFiberCount++;
fiberSmooth.roundness = "0." + fromFiberCount;
}
network.body.data.edges.update({
id: fiberDetails.id, smooth: fiberSmooth
});
}
if (fiberDetails.from == cto && fiberDetails.to == cfrom) {
fiberCount++;
fiberSmooth.roundness = "0." + toFiberCount;
if (fiberCount == 1) {
fiberSmooth = fiberJSON.options.smooth;
}
else {
toFiberCount++;
fiberSmooth.roundness = "0." + toFiberCount;
}
network.body.data.edges.update({
id: fiberDetails.id, smooth: fiberSmooth
});
}
}
});
}
}
function nodeValidationInEdge(cfrom, cto) {
// start remove highlight once roadm have equal in/out conn
var roadmList = [];
if (network.body.data.nodes.get(cfrom).node_type == roadmJSON.node_type)
roadmList.push(cfrom);
if (network.body.data.nodes.get(cto).node_type == roadmJSON.node_type)
roadmList.push(cto);
var connectedEdges;
var fromCount = 0;
var toCount = 0;
var edgeDetails;
$.each(roadmList, function (index, item) {
connectedEdges = network.getConnectedEdges(item);
fromCount = 0;
toCount = 0;
for (i = 0; i < connectedEdges.length; i++) {
edgeDetails = network.body.data.edges.get(connectedEdges[i]);
if (edgeDetails.from == item)
fromCount++;
else if (edgeDetails.to == item)
toCount++;
}
if (fromCount != toCount || (fromCount == 0 && toCount == 0)) {
addNodeHighlight(item);
}
else {
if (network.body.data.nodes.get(item).roadm_type != "") {
removeSpanInError(item, true);
removeSpanInError(item);
}
else {
var removeID = "#span" + item.replace(/\s/g, '');
$(removeID).remove();
}
}
});
// end
//start mislink
roadmList = [];
if (network.body.data.nodes.get(cfrom).node_type == fusedJSON.node_type || network.body.data.nodes.get(cfrom).node_type == amplifierJSON.node_type)
roadmList.push(cfrom);
if (network.body.data.nodes.get(cto).node_type == fusedJSON.node_type || network.body.data.nodes.get(cto).node_type == amplifierJSON.node_type)
roadmList.push(cto);
$.each(roadmList, function (index, item) {
connectedEdges = network.getConnectedEdges(item);
fromCount = 0;
toCount = 0;
for (i = 0; i < connectedEdges.length; i++) {
edgeDetails = network.body.data.edges.get(connectedEdges[i]);
if (edgeDetails.from == item)
fromCount++;
else if (edgeDetails.to == item)
toCount++;
}
if (fromCount != toCount || (fromCount == 0 && toCount == 0) || fromCount > 1 || toCount > 1) {
addNodeHighlight(item);
}
else {
if (network.body.data.nodes.get(item).node_type == amplifierJSON.node_type) {
if (network.body.data.nodes.get(item).amp_category == amplifierJSON.amp_category) {
if (network.body.data.nodes.get(item).amp_type != "") {
removeSpanInError(item, true);
removeSpanInError(item);
}
else {
var removeID = "#span" + item.replace(/\s/g, '');
$(removeID).remove();
}
}
else if (network.body.data.nodes.get(item).amp_category == ramanampJSON.amp_category) {
if (network.body.data.nodes.get(item).amp_type != "" && (network.body.data.nodes.get(item).category)) {
removeSpanInError(item, true);
removeSpanInError(item);
}
else {
var removeID = "#span" + item.replace(/\s/g, '');
$(removeID).remove();
}
}
}
else {
removeSpanInError(item);
}
}
});
//
// start remove highlight once transceiver have equal in/out conn
var tempEdge = [];
roadmList = [];
if (network.body.data.nodes.get(cfrom).node_type == transceiverJSON.node_type)
roadmList.push(cfrom);
if (network.body.data.nodes.get(cto).node_type == transceiverJSON.node_type)
roadmList.push(cto);
$.each(roadmList, function (index, item) {
connectedEdges = network.getConnectedEdges(item);
tempEdge = [];
$.each(connectedEdges, function (index, item1) {
if (network.body.data.edges.get(item1).component_type != serviceJSON.component_type)
tempEdge.push(item1);
});
fromCount = 0;
toCount = 0;
for (i = 0; i < tempEdge.length; i++) {
edgeDetails = network.body.data.edges.get(tempEdge[i]);
if (edgeDetails.from == item)
fromCount++;
else if (edgeDetails.to == item)
toCount++;
}
if (fromCount != toCount || (fromCount == 0 && toCount == 0)) {
addNodeHighlight(item);
}
else {
//removeSpanInError(item);
if (network.body.data.nodes.get(item).transceiver_type != "") {
removeSpanInError(item, true);
removeSpanInError(item);
}
else {
var removeID = "#span" + item.replace(/\s/g, '');
$(removeID).remove();
}
}
});
// end
realUpdate();
checkErrorFree();
//end
}

1121
js/networkgraph/fiber.js Normal file

File diff suppressed because it is too large Load Diff

3423
js/networkgraph/mynetwork.js Normal file

File diff suppressed because it is too large Load Diff

1423
js/networkgraph/node.js Normal file

File diff suppressed because it is too large Load Diff

242
js/networkgraph/patch.js Normal file
View File

@@ -0,0 +1,242 @@
var isDualPatchMode = 0;
var isSinglePatchMode = 0;
var addPatchData = {
from: '',
to: ''
};
function dualPatchMode() {
UnSelectAll();
isDualPatchMode = 1;
isSinglePatchMode = 0;
isAddService = 0;
isDualFiberMode = 0;
isSingleFiberMode = 0;
addPatchData = {
from: '',
to: ''
};
}
function singlePatchMode() {
UnSelectAll();
isDualPatchMode = 0;
isSinglePatchMode = 1;
isAddService = 0;
isDualFiberMode = 0;
isSingleFiberMode = 0;
addPatchData = {
from: '',
to: ''
};
}
function addDualPatch() {
var fromDetails = network.body.data.nodes.get(addPatchData.from);
var toDetails = network.body.data.nodes.get(addPatchData.to);
if ((fromDetails.node_type == transceiverJSON.node_type && toDetails.node_type == roadmJSON.node_type) || (fromDetails.node_type == roadmJSON.node_type && toDetails.node_type == transceiverJSON.node_type)) {
var labelvalue = dualPatchJSON.component_type + ' ' + network.body.data.nodes.get(addPatchData.from).number + ' - ' + network.body.data.nodes.get(addPatchData.to).number;
addPatchComponent(1, addPatchData.from, addPatchData.to, labelvalue, labelvalue, false);
}
else {
showMessage(alertType.Error, "The " + dualPatchJSON.component_type + " should be between " + transceiverJSON.node_type + " and " + roadmJSON.node_type + " sites");
}
addPatchData = {
from: '',
to: ''
};
UnSelectAll();
network.addEdgeMode();
}
function addSinglePatch() {
var labelvalue = getLabel(addPatchData.from, addPatchData.to, singlePatchJSON.component_type);
addPatchComponent(1, addPatchData.from, addPatchData.to, labelvalue, labelvalue, false);
addPatchData = {
from: '',
to: ''
};
UnSelectAll();
network.addEdgeMode();
}
function addPatchComponent(cmode, cfrom, cto, clabel, ctext, isImport) {
if (cmode == 1) {
var patchID = token();
if (!isImport)
clabel = countFiberService(false, false, false, true, cfrom, cto) + '-' + clabel;
elabel = clabel;
if (isSinglePatchMode == 1) {
var flag = false;
var message = [];
var response = nodeRule(cfrom, cto, amplifierJSON.node_type);
if (response.flag) {
flag = true
message.push(response.message);
}
response = nodeRule(cfrom, cto, fusedJSON.node_type);
if (response.flag) {
flag = true;
message.push(response.message);
}
if (flag) {
showMessage(alertType.Error, message.join('. <br /><br /> '));
return;
}
network.body.data.edges.add({
id: patchID, from: cfrom, to: cto, label: elabel, text: clabel,
dashes: singlePatchJSON.dashes, width: singlePatchJSON.width,
component_type: singlePatchJSON.component_type, patch_category: singlePatchJSON.patch_category,
color: singlePatchJSON.options.color, background: singlePatchJSON.options.background,
arrows: singlePatchJSON.options.arrows,
smooth: singlePatchJSON.options.smooth,
view: topologyView.Functional_View, hidden: false,
});
nodeValidationInEdge(cfrom, cto);
}
if (isDualPatchMode == 1) {
//we cannot add more than 1 patch
isPatchAdded = false;
var connectedFiber = network.getConnectedEdges(cfrom);
connectedFiber.push(network.getConnectedEdges(cto));
$.each(connectedFiber, function (index, item) {
var fiberDetails = network.body.data.edges.get(item);
if (fiberDetails.component_type == dualPatchJSON.component_type) {
if ((fiberDetails.from == cfrom && fiberDetails.to == cto) || (fiberDetails.from == cto && fiberDetails.to == cfrom)) {
isPatchAdded = true;
return true;
}
}
});
if (isPatchAdded && !isImport) {
showMessage(alertType.Error, 'We cannot add more than 1 ' + dualPatchJSON.patch_category);
return;
}
//end
network.body.data.edges.add({
id: patchID, from: cfrom, to: cto, label: elabel, text: ctext,
dashes: dualPatchJSON.dashes, width: dualPatchJSON.width,
component_type: dualPatchJSON.component_type, patch_category: dualPatchJSON.patch_category,
color: dualPatchJSON.options.color, background: dualPatchJSON.options.background,
arrows: dualPatchJSON.options.arrows,
smooth: dualPatchJSON.options.smooth,
view: topologyView.NE_View, hidden: false,
});
}
multipleFiberService(cfrom, cto);
var tedge = network.body.data.edges.get(patchID);
tedge.isUpdate = false;
tempUndo.push(tedge);
}
}
function singlePatchEdit(patchID, callback) {
document.getElementById("singlePatchMenu").style.display = "none";
var edgeDetails = network.body.data.edges.get(patchID);
$("#txtSinglePatchName").val(edgeDetails.text);
openDrawer('singlepatch');
document.getElementById("btnUpdateSinglePatch").onclick = updateSinglePatch.bind(
this,
patchID,
callback
);
document.getElementById("btnCloseSinglePatch").onclick = clearSinglePatch.bind(
);
}
function updateSinglePatch(patchID) {
var id = patchID;
var label = $("#txtSinglePatchName").val().trim();
var patchDetails = network.body.data.edges.get(patchID);
if (nameLengthValidation("txtSinglePatchName")) {
var elabel = "";
elabel = label;
if (patchDetails.component_type == dualPatchJSON.component_type) {
network.body.data.edges.update({
id: id, label: elabel, text: label
});
multipleFiberService(patchDetails.from, patchDetails.to);
var tdata = network.body.data.edges.get(id);
tdata.isUpdate = true;
tempUndo.push(tdata);
clearSinglePatch();
}
}
}
function deletePatch(patchID) {
var patchDetails = network.body.data.edges.get(patchID);
var patchLabel = patchDetails.label;
if (patchDetails.label.trim() == "")
patchLabel = patchDetails.text
if (checkFiberPatchServiceCon(patchDetails.from, patchDetails.to, patchDetails.component_type))
return;
document.getElementById("singlePatchMenu").style.display = "none";
document.getElementById("dualPatchMenu").style.display = "none";
var patchd = network.body.data.edges.get(patchID);
network.body.data.edges.remove(patchID);
multipleFiberService(patchDetails.from, patchDetails.to);
nodeValidationInEdge(patchDetails.from, patchDetails.to);
patchd.isDelete = true;
patchd.isUpdate = false;
tempUndo.push(patchd);
UnSelectAll();
enableEdgeIndicator();
}
function clearSinglePatch() {
$("#txtSinglePatchName").val('');
closeDrawer('singlepatch');
UnSelectAll();
enableEdgeIndicator();
}
function dualPatchEdit(patchID, callback) {
document.getElementById("dualPatchMenu").style.display = "none";
var edgeDetails = network.body.data.edges.get(patchID);
$("#txtDualPatchName").val(edgeDetails.text);
openDrawer('dualpatch');
document.getElementById("btnUpdateDualPatch").onclick = updateDualPatch.bind(
this,
patchID,
callback
);
document.getElementById("btnCloseDualPatch").onclick = clearDualPatch.bind(
);
}
function updateDualPatch(patchID) {
var id = patchID;
var label = $("#txtDualPatchName").val().trim();
var patchDetails = network.body.data.edges.get(patchID);
if (nameLengthValidation("txtDualPatchName")) {
if (patchDetails.component_type == dualPatchJSON.component_type) {
var elabel = "";
elabel = label;
network.body.data.edges.update({
id: id, label: elabel, text: label
});
multipleFiberService(patchDetails.from, patchDetails.to);
clearDualPatch();
}
}
}
function clearDualPatch() {
$("#txtDualPatchName").val('');
closeDrawer('dualpatch');
UnSelectAll();
enableEdgeIndicator();
}

149
js/networkgraph/service.js Normal file
View File

@@ -0,0 +1,149 @@
var isAddService = 0;
var addServiceData = {
from: '',
to: ''
};
function addServiceMode() {
UnSelectAll();
isAddService = 1;
isDualFiberMode = 0;
isSingleFiberMode = 0;
isSinglePatchMode = 0;
isDualPatchMode = 0;
addServiceData = {
from: '',
to: ''
};
}
function addService() {
var fromDetails = network.body.data.nodes.get(addServiceData.from);
var toDetails = network.body.data.nodes.get(addServiceData.to);
var transNode = transceiverJSON.node_type.toString().toLowerCase();
//service should be add between only two transceiver
if (fromDetails.node_type == transceiverJSON.node_type && toDetails.node_type == transceiverJSON.node_type) {
//transceiver force checking
if (fromDetails.transceiver_type != "" && toDetails.transceiver_type != "") {
//same transceiver type checking
if (fromDetails.transceiver_type == toDetails.transceiver_type) {
var labelvalue = getLabel(addServiceData.from, addServiceData.to, serviceJSON.component_type);
//2 transceiver must have fiber/patch connection
if (network.getConnectedEdges(addServiceData.from).length > 0 && network.getConnectedEdges(addServiceData.to).length > 0)
addServiceComponent(1, addServiceData.from, addServiceData.to, labelvalue, false);
else
showMessage(alertType.Error, "Source " + roadmJSON.component_type + " : " + fromDetails.label + " ,destination " + roadmJSON.component_type + " : " + toDetails.label + " should have " + dualFiberJSON.component_type + "/" + dualPatchJSON.component_type + " connection");
}
else
showMessage(alertType.Error, serviceJSON.component_type + " can be created only between " + transNode + " of same type");
}
else
showMessage(alertType.Error, serviceJSON.component_type + " can be created only when " + transNode + "s are forced");
}
else {
showMessage(alertType.Error, "The " + serviceJSON.component_type + " should be between 2 " + transNode + " sites");
}
addServiceData = {
from: '',
to: ''
};
UnSelectAll();
}
function addServiceComponent(cmode, cfrom, cto, clabel, isImport) {
var serviceID = token();
if (cmode == 1) {
var bandwidth = configData[serviceJSON.component_type].default.band_width;
if (isImport)
bandwidth = tBandwidth;
else
clabel = countFiberService(false, false, true, false, cfrom, cto) + '-' + clabel;
elabel = clabel;
var fiberSmooth = multipleFiberService1(cfrom, cto);
if (!fiberSmooth)
fiberSmooth = fiberJSON.options.smooth;
network.body.data.edges.add({
id: serviceID, from: cfrom, to: cto, label: elabel, text: clabel, dashes: serviceJSON.dashes, width: serviceJSON.width,
component_type: serviceJSON.component_type, color: serviceJSON.options.color, background: serviceJSON.options.background,
arrows: serviceJSON.options.arrows,
smooth: fiberSmooth,
band_width: bandwidth
});
multipleFiberService(cfrom, cto);
var tedge = network.body.data.edges.get(serviceID);
tedge.isUpdate = false;
tempUndo.push(tedge);
}
UnSelectAll();
network.addEdgeMode();
}
function serviceEdit(serviceID, callback) {
document.getElementById("serviceMenu").style.display = "none";
var edgeDetails = network.body.data.edges.get(serviceID);
$("#txtServiceName").val(edgeDetails.text);
var connectedNode = network.getConnectedNodes(serviceID);
$("#txtServiceSrc").val(network.body.data.nodes.get(connectedNode[0]).label);
$("#txtServiceDest").val(network.body.data.nodes.get(connectedNode[1]).label);
$("#txtBandwidth").val(edgeDetails.band_width);
openDrawer('service');
document.getElementById("btnUpdateService").onclick = updateService.bind(
this,
serviceID,
callback
);
document.getElementById("btnCloseService").onclick = clearService.bind(
);
}
function updateService(serviceID) {
var id = serviceID;
var label = $("#txtServiceName").val().trim();
var bandwidth = $("#txtBandwidth").val();
var serviceDetails = network.body.data.edges.get(serviceID);
if (nameLengthValidation("txtServiceName")) {
if (serviceDetails.component_type == serviceJSON.component_type) {
var elabel = "";
elabel = label;
network.body.data.edges.update({
id: id, label: elabel, text: label, band_width: bandwidth
});
multipleFiberService(serviceDetails.from, serviceDetails.to);
var tdata = network.body.data.edges.get(id);
tdata.isUpdate = true;
tempUndo.push(tdata);
clearService();
}
}
}
function deleteService(serviceID) {
var serviceDetails = network.body.data.edges.get(serviceID);
document.getElementById("serviceMenu").style.display = "none";
var serviced = network.body.data.edges.get(serviceID);
network.body.data.edges.remove(serviceID);
multipleFiberService(serviceDetails.from, serviceDetails.to);
serviced.isDelete = true;
serviced.isUpdate = false;
tempUndo.push(serviced);
UnSelectAll();
enableEdgeIndicator();
}
function clearService() {
$("#txtServiceName").val('');
$("#txtServiceSrc").val('');
$("#txtServiceDest").val('');
$("#txtBandwidth").val('');
$("#ddlCentralFrq").val('');
closeDrawer('service');
UnSelectAll();
enableEdgeIndicator();
}

View File

@@ -97,11 +97,7 @@ function nameLengthValidation(element) {
var flag = true;
var elementID = "#" + element
var maxLength = Number(configData.node.site_length);
//var maxDegree = Number(configData.node[$("#ddlNodeType").val()].max_degree);
//var regex = /^[1-9-+()]*$/;
//isDegreeValid = regex.test(document.getElementById("txtNodeDegree").value);
var msg = "";
if ($(elementID).val().trim() == '') {
msg = "Please enter the name";
flag = false;
@@ -110,30 +106,10 @@ function nameLengthValidation(element) {
msg = "Name length should be less than or equal to 20";
flag = false;
}
//else if ($("#txtNodeDegree").val().trim() == '') {
// msg = "Please enter the node degree";
// flag = false;
//}
//else if (!isDegreeValid || Number($("#txtNodeDegree").val().trim() > maxDegree)) {
// msg = "Please enter the valid degree";
// flag = false;
//}
if (!flag)
showMessage(alertType.Error, msg);
return flag;
}
function addMulNodeVal() {
var flag = false;
var regex = /^[1-9-+()]*$/;
isValid = regex.test(document.getElementById("txtNofNode").value);
var maxNode = Number(configData.node.multiplenode.max);
if ($("#txtNofNode").val().trim() != '' && isValid && Number($("#txtNofNode").val().trim() < maxNode))
flag = true;
else
showMessage(alertType.Error, 'Please enter valid number');
return flag;
}
function exportFileValidation() {
var flag = false;
if ($("#txtFileName").val().trim() != '')