scottk/oopt-gnpy-web-gui
1
0
Fork 0
mirror of https://github.com/Telecominfraproject/oopt-gnpy-web-gui.git synced 2025-10-29 17:22:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

To add comments for js file and font information moved to license.md file

Browse Source
This commit is contained in:
sakv2e10204
2022-07-06 13:27:16 +05:30
parent 331fa530d1
commit 78fd848c99
10 changed files with 731 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
LICENSE.md
View File

@@ -87,5 +87,29 @@ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
**Material Icons**
We have made these icons available for you to incorporate them into your products under the Apache License Version 2.0.
Feel free to remix and re-share these icons and documentation in your products.
We'd love attribution in your app's about screen, but it's not required.
**Roboto Icons**
These fonts are licensed under the Apache License, Version 2.0.
You can use them in your products & projects <20> print or digital, commercial or otherwise.
This isn't legal advice, please consider consulting a lawyer and see the full license for all details.
**Oswald Icons**
These fonts are licensed under the Open Font License.
You can use them in your products & projects <20> print or digital, commercial or otherwise.
This isn't legal advice, please consider consulting a lawyer and see the full license for all details.

48
js/main.js
View File

@@ -1,3 +1,8 @@
/**
* main.js.
* The main.js library describes UI actions. like show/hide and update the html element with style based on user interaction.
*/
let attenuator = document.querySelector('#attenuator');
let roadm = document.querySelector('#roadm');
let ILA = document.querySelector('#ILA');
@@ -9,10 +14,12 @@ let singlefiber = document.querySelector('#singlefiber');
let singlepatch = document.querySelector('#singlepatch');
let dualpatch = document.querySelector('#dualpatch');
let ramanamp = document.querySelector('#ramanamp');
let drawerclose = document.getElementById('drawer-close')
/**
* Open drawer based on node/fiber/patch/service.
* @param {string} node - The type of component.
*/
function openDrawer(node) {
switch (node) {
case 'attenuator':
@@ -187,6 +194,10 @@ function openDrawer(node) {
}
}
/**
* Close drawer based on node/fiber/patch/service.
* @param {string} node - The type of component.
*/
function closeDrawer(node) {
switch (node) {
case 'attenuator':
@@ -238,30 +249,16 @@ function closeDrawer(node) {
}
}
//sidebar
// let sidebarleft = document.querySelector('#sidebar');
// let buttonleft = document.getElementById('lefttoggle');
// buttonleft.addEventListener("click",function(){
// sidebarleft.classList.toggle("d-left-none")
// buttonleft.classList.toggle('ml--btn')
// })
var tabcontent = document.querySelector(".stp-tab");
var arrowbtn1 = document.querySelector("#toggle-arrow-1");
var arrowbtn2 = document.querySelector("#toggle-arrow-2");
var arrowbtn3 = document.querySelector("#toggle-arrow-3");
var arrowbtn4 = document.querySelector("#toggle-arrow-4");
//var arrowbtn5 = document.querySelector("#toggle-arrow-5");
var sidebartext = document.querySelectorAll(".sidebar-text");
var sidebartext1 = document.querySelectorAll(".sidebar-text1");
var sidebartext2 = document.querySelectorAll(".sidebar-text2");
var sidebartext3 = document.querySelectorAll(".sidebar-text3");
arrowbtn2.addEventListener("click", function () {
tabcontent.classList.toggle('left-59')
for (var i = 0; i < sidebartext1.length; i++) {
@@ -284,15 +281,11 @@ arrowbtn4.addEventListener("click", function () {
sidebartext3[i].classList.toggle("d-none")
}
})
//arrowbtn5.addEventListener("click", function () {
// tabcontent.classList.toggle('left-59')
// for (var i = 0; i < sidebartext4.length; i++) {
// sidebartext4[i].classList.toggle("d-none")
// }
//})
/**
* Highlight the steper menu by selection.
* @param {number} index - The menu index.
*/
function stepColor(index) {
showMenu = 0;
modeHighLight();
@@ -331,6 +324,7 @@ function stepColor(index) {
break;
}
}
var btnAddRoadm = "#btnAddRoadm";
var btnAddFused = "#btnAddFused";
var btnAddILA = "#btnAddILA";
@@ -342,6 +336,11 @@ var btnServiceActive = "#btnServiceActive";
var btnAddSinglePatch = "#btnAddSinglePatch";
var btnAddDualPatch = "#btnAddDualPatch";
var btnAddRamAmp = "#btnAddRamAmp";
/**
* Highlight node/fiber/patch/service menu by name.
* @param {string} node - The type on component.
*/
function modeHighLight(node) {
disableFiberService();
showHideDrawerandMenu();
@@ -489,6 +488,7 @@ function modeHighLight(node) {
}
}
/** Show/Hide the context menu of node/fiber/patch/service. */
function showHideDrawerandMenu() {
document.getElementById("roadmMenu").style.display = "none";
document.getElementById("attenuatorMenu").style.display = "none";

7
js/networkgraph/alea.js
View File

@@ -1,4 +1,9 @@
(function (root, factory) {
/**
* alea.js.
* Alea library is a pseudo-random number generator (PRNG).
*/
(function (root, factory) {
if (typeof exports === 'object') {
module.exports = factory();
} else if (typeof define === 'function' && define.amd) {

27
js/networkgraph/constraints.js
View File

@@ -1,4 +1,16 @@
function nodeRule(from, to, nodeType) {
/**
* constraints.js
* The constraints library a list of rules for components. It is defining the network topology validation.
*/
/**
* Check connections rules between nodes.
* @param {string} from - Source node.
* @param {string} to - Destination node.
* @param {string} nodeType - Node type.
*/
function nodeRule(from, to, nodeType) {
var fromConnections = network.getConnectedEdges(from);
var toConnections = network.getConnectedEdges(to);
var connections = [];
@@ -85,6 +97,7 @@
return { message: message, flag: flag };
}
/** Check the ROADM, transceiver link and type rules. */
function checkLink() {
var roadmList = network.body.data.nodes.get({
@@ -145,6 +158,7 @@ function checkLink() {
return { message: message, flag: flag };
}
/** check the limits of amplifier, attenuator link rules. */
function checkMisLink() {
var roadmList = network.body.data.nodes.get({
@@ -219,6 +233,7 @@ function checkMisLink() {
return { message: message, flag: flag };
}
/** To check the node type force rules. */
function checkTypeForce() {
var transList = network.body.data.nodes.get({
@@ -272,6 +287,7 @@ function checkTypeForce() {
return { message: message, flag: flag };
}
/** check the fiber properties rules. */
function checkFiberPro() {
var fiberList = network.body.data.edges.get({
@@ -302,6 +318,8 @@ function checkFiberPro() {
message = msg.join(' ');
return { message: message, flag: flag };
}
/** Check the node link and type rules on import network JSON file. */
function nodeRuleOnImportJSON() {
//checkLink
var roadmList = network.body.data.nodes.get({
@@ -384,6 +402,7 @@ function nodeRuleOnImportJSON() {
});
}
/** Set fiber/patch/service smooth while on import network JSON file. */
function edgeStyleOnImportJSON() {
var edgeList = network.body.data.edges.get();
var cfrom;
@@ -439,6 +458,12 @@ function edgeStyleOnImportJSON() {
}
}
/**
* Check the node connections and fiber/patch/service rules on import network JSON file.
* @param {string} cfrom - Source node.
* @param {string} cto - Destination node.
*/
function nodeValidationInEdge(cfrom, cto) {
// start remove highlight once roadm have equal in/out conn
var roadmList = [];

56
js/networkgraph/fiber.js
View File

@@ -1,4 +1,9 @@
var addEdgeData = {
/**
* fiber.js.
* The fiber library describes to add a fiber connection between any 2 nodes by dragging from source node to destination and defines the fiber manipulation.
*/
var addEdgeData = {
from: '',
to: ''
};
@@ -16,6 +21,10 @@ function dualFiberMode() {
to: ''
};
}
/**
* Enable settings for fiber and reset other settings.
* Set fiber 1 = enable, 0 = disable.
*/
function singleFiberMode() {
UnSelectAll();
isSingleFiberMode = 1;
@@ -29,7 +38,7 @@ function singleFiberMode() {
};
}
/** Check connections rule for dual fiber not single fiber before add it. */
function addFiber() {
var srcNode = network.body.data.nodes.get(addEdgeData.from);
var DestNode = network.body.data.nodes.get(addEdgeData.to);
@@ -77,6 +86,18 @@ function addFiber() {
UnSelectAll();
network.addEdgeMode();
}
/**
* Fiber creation.
* Fiber style and configuration data loaded from configurationdata, styledata json.
* Check connections rules.
* @param {number} cmode - Fiber mode 1 for add.
* @param {string} cfrom - Source node ID.
* @param {string} cto - Destination node ID.
* @param {string} clabel - The Label of the service.
* @param {string} ctext - The Text of the service.
* @param {boolean} isImport - false -> manual add, true -> automattically added while import json.
*/
function addFiberComponent(cmode, cfrom, cto, clabel, ctext, isImport) {
if (cmode == 1) {
@@ -289,6 +310,7 @@ function addFiberComponent(cmode, cfrom, cto, clabel, ctext, isImport) {
tempUndo.push(tedge);
}
}
function dualFiberInsertNode(fiberID, node_type, callback) {
var fiberDetails = network.body.data.edges.get(fiberID);
var fromNode = network.body.nodes[fiberDetails.from];
@@ -500,6 +522,12 @@ function dualFiberInsertNode(fiberID, node_type, callback) {
enableEdgeIndicator();
}
/**
* Insert a node (ROADM/Attenuator/Amplifier/Raman Amplifier) in the middle of selected fiber.
* @param {string} fiberID - Selected fiber ID
* @param {string} node_type - Type of node.
* @param callback - The callback that handles the response..
*/
function singleFiberInsertNode(fiberID, node_type, callback) {
var fiberDetails = network.body.data.edges.get(fiberID);
@@ -752,6 +780,11 @@ function clearCbxandAccordian() {
$('#cbx_clone').prop('checked', false);
}
/**
* Populate fiber details by fiber ID.
* @param {string} fiberID - Selected Fiber ID.
* @param callback - The callback that handles the response.
*/
function singleFiberEdit(fiberID, callback) {
$("#txtLoss_Coefficient").removeClass('input_error');
$('#cbxLength_Based_Loss').prop('checked', false);
@@ -817,6 +850,13 @@ function singleFiberEdit(fiberID, callback) {
document.getElementById("btnCloseSingleFiber").onclick = clearSingleFiber.bind(
);
}
/**
* Update fiber.
* Update fiber by fiber ID.
* Apply connections rules.
* @param {string} fiberID - Fiber ID.
*/
function updateSingleFiber(fiberID) {
removeEdgeList = [];
var id = fiberID[fiberID.length - 1].id;
@@ -918,6 +958,8 @@ function updateSingleFiber(fiberID) {
}
}
/** Clear input/teporary data and other settings. */
function clearSingleFiber() {
$("#txtSinlgeFiberName").val('');
@@ -967,6 +1009,12 @@ function deleteFiber(fiberList) {
enableEdgeIndicator();
}
/**
* Remove fiber by fiber ID.
* @param {string} fiberID - Component ID.
* @param {boolean} isMultiple - Remove multiple fiber.
*/
function removeFiber(fiberID, isMultiple) {
var fiber = network.body.data.edges.get(fiberID);
@@ -1023,6 +1071,10 @@ function removeFiber(fiberID, isMultiple) {
}
}
/**
* Displays fiber details when hover the mouse near the single fiber.
* @param {object} params - Fiber details.
*/
function displayFiberHover(params) {
var fiberDetails = network.body.data.edges.get(params.edge);
var fiber_type = "";

343
js/networkgraph/mynetwork.js
View File

@@ -1,4 +1,9 @@
var nodes = null;
/**
* mynetwork.js.
* The mynetwork library file describes to initialize the network area using vis.js and defines common functionalities of network components.
*/
var nodes = null;
var edges = null;
var network = null;
var data = getScaleFreeNetwork(0);
@@ -72,7 +77,13 @@ var preScale;
var prePosition;
var _eqpt_json;
var isEqptFile = false;
var isImportJSON = false;
var displayEdgeLabels = false;
var hiddenNodeTextDisplayOptions;
var displayNodeLabels = false;
/** Hide fiber/patch/service label. */
var hiddenEdgeTextOptions = {
edges: {
font: {
@@ -89,8 +100,8 @@ var hiddenEdgeTextOptions = {
}
},
};
var displayEdgeLabels = false;
/** Hide node label. */
var hiddenNodeTextOptions = {
nodes: {
font: {
@@ -100,8 +111,6 @@ var hiddenNodeTextOptions = {
}
}
};
var hiddenNodeTextDisplayOptions;
var displayNodeLabels = false;
$(document).ready(function () {
@@ -386,6 +395,12 @@ $(document).ready(function () {
$("#importEqptLink").click(function () {
$("#importEqpt").click();
});
/**
* Read text from import json file.
* @param {string} file - Get path as file.
* @param callback - The callback that handles the response.
*/
function readTextFile(file, callback) {
var rawFile = new XMLHttpRequest();
rawFile.overrideMimeType("application/json");
@@ -429,6 +444,19 @@ $(document).ready(function () {
});
}
});
/**
* Undo network actions.
* The redo function is used to restores any actions that were previously undone using an undo.
* We stored every undo action detail one by one into array list (tempRedo) like node creation/deletion/updating etc...
* Ex: node creation/deletion/updating: tempRedo.push(nodedata).
* we fetch latest one record from array list (tempRedo) then will check record whether creation/deletion/updating after that will call the relevant action.
* After will stored action details into new array list (tempUndo) then will using pop method to remove record from array list (tempRedo) ex: tempRedo.pop().
* Ex: node deletion:
* tempUndoo.push(nodedata).
* data.nodes.remove (latest record of tempRedo).
*/
$("#button_undo").on("click", function () {
if (tempUndo.length > 0) {
var tempData = tempUndo[tempUndo.length - 1];
@@ -580,6 +608,18 @@ $(document).ready(function () {
enableEdgeIndicator();
});
/**
* Redo network actions.
* The undo function is used to reverse a mistake, such as deleting the wrong element in a network topology.
* We stored every action detail one by one into array list (tempUndo) like node creation/deletion/updating etc...
* ex:node creation/deletion/updating: tempUndo.push(nodedata).
* we fetch latest one record from array list (tempUndo) then will check record whether creation/deletion/updating after that will call the relevant action.
* After will stored action details into new array list (tempRedo) then will using pop method to remove record from array list (tempUndo) ex: tempUndo.pop().
* Ex: node updating:
* tempRedo.push(nodedata).
* data.nodes.update (latest record of tempUndo).
*/
$("#button_redo").on("click", function () {
if (tempRedo.length > 0) {
var tempData = tempRedo[tempRedo.length - 1];
@@ -670,7 +710,6 @@ $(document).ready(function () {
enableEdgeIndicator();
});
//end undo and redo
$("#showHideEle").on("click", function () {
hideEdgeLabels();
enableEdgeIndicator();
@@ -712,6 +751,11 @@ $(document).ready(function () {
});
});
/**
* Network view changes by selection.
* Show/Hid the some components menu and options based on selected network view.
* @param {number} view - 1 -> NE view, 2-> Functional view.
*/
function networkView(view) {
if (view == topologyView.NE_View)//collapsed view /NE view
{
@@ -759,6 +803,10 @@ function networkView(view) {
}
}
/**
* Show/Hide the node/fiber/patch/service label by network view.
* @param {number} view - 1 -> NE view, 2-> Functional view.
*/
function expandAndCollapseView(view) {
var FVEdges = network.body.data.edges.get({
filter: function (item) {
@@ -845,6 +893,11 @@ function networkMenuHide() {
$("#stepCreateTopology").click();
}
}
/** This function is used to show/hide the nodes/fiber/patch/service labels except ROADM.
* Here we udpate the network options.
* Update the model of edge and node color as transparent then set it to network options.
*/
function hideEdgeLabels() {
if (!displayEdgeLabels) {
// Apply options for hidden edge text
@@ -860,6 +913,13 @@ function hideEdgeLabels() {
}
enableEdgeIndicator();
}
/**
* Calculate the fiber span loss, length and coefficient.
* @param {string} eleSL - The span length of fiber.
* @param {string} eleLC - The loss coefficient of fiber.
* @param {string} eleSpanLoss - The span loss of fiber.
*/
function fiberLengthCal(eleSL, eleLC, eleSpanLoss) {
var spanLength = "#" + eleSL;
var lossCoefficient = "#" + eleLC;
@@ -868,6 +928,12 @@ function fiberLengthCal(eleSL, eleLC, eleSpanLoss) {
var loss_coefficient = parseFloat($(lossCoefficient).val());
$(spanLoss).val(span_length * loss_coefficient);
}
/**
* Highlight/Un-Highlight the component menu by node mode and name.
* @param {string} mode - Node mode.
* @param {string} nodename - Node name.
*/
function enableDisableNode(mode, nodename) {
if (nodeMode == mode) {
modeHighLight();
@@ -878,16 +944,28 @@ function enableDisableNode(mode, nodename) {
AddNodeMode(mode);
}
}
//disabled browser right click menu
/** Disable browser right click options. */
$(document).bind("contextmenu", function (e) {
return false;
});
/** To create random text for token creation. */
var rand = function () {
return Math.random().toString(36).substr(2); // remove `0.`
};
/** To generate token for component creation.
* It will consider as component ID. */
var token = function () {
return rand() + rand(); // to make it longer
};
/**
* Initialize the vis.network,Data and options.
* Define all component events.
* @param {boolean} isImport - True -> Initialize while import network json file, False -> Initialize while page loading.
*/
function draw(isImport) {
// create a network
var container = document.getElementById("mynetwork");
@@ -1393,10 +1471,10 @@ function draw(isImport) {
if (sNodes.length > 0)
copyDetails = network.body.data.nodes.get(sNodes[sNodes.length - 1].id);
else {
if(nodeDatas)
if (nodeDatas)
copyDetails = network.body.data.nodes.get(nodeDatas.id);
}
}
else
copyDetails = network.body.data.nodes.get(sNodes[0].id);
@@ -1993,6 +2071,11 @@ function draw(isImport) {
hideEdgeLabels();
}
}
/**
* Create container element for display component details when hover mouse on it.
* @param {string} html - Html elements.
*/
function htmlTitle(html) {
const container = document.createElement("pre");
container.innerHTML = html;
@@ -2005,6 +2088,12 @@ function htmlTitle(html) {
container.style.fontVariant = commonJSON.font_variant;
return container;
}
/**
*Initiate the network initialize by the flag.
* @param {boolean} isImport - True -> Initialize network while import network json file, False -> Will initialize while page loading.
*/
function init(isImport) {
if (isImport) {
draw(isImport);
@@ -2015,6 +2104,13 @@ function init(isImport) {
}, 1000);
}
}
/**
* Export/Save the network topology as a JSON file.
* The JSON file data's are loaded from network dataset. like nodes, edges.
* The schema of the JSON file will match the given JSON file like Equipment_JSON_MOD2.json.
* @param {boolean} isSaveNetwork - True -> Save network topology, False -> Export network topology.
*/
function exportNetwork(isSaveNetwork) {
var nodeList = [];
var edgeList = [];
@@ -2232,10 +2328,17 @@ function exportNetwork(isSaveNetwork) {
saveAs(blob, filename);
}
/** Hide the loader after completion of action. */
function hideLoader() {
$('#loader').hide();
$("#importEqpt").val('');
}
/**
* This function is used to load the equipment configuration data from the import json file.
* @param {boolean} isFileUpload - True -> Load data from import network json, False -> Load data from default equipment configuration json.
*/
function load_EqptConfig(isFileUpload) {
try {
if (!eqpt_config['tip-photonic-simulation:simulation'] || !eqpt_config['tip-photonic-equipment:transceiver'] || !eqpt_config['tip-photonic-equipment:fiber'] || !eqpt_config['tip-photonic-equipment:amplifier']) {
@@ -2306,6 +2409,11 @@ function handleFileLoad(event) {
_import_json = event.target.result;
importNetwork();
}
/**
* This function is used to load all nodes element data into dataset from import json file.
* @param {number} index - Index number for get node details from import json.
*/
function importNode(index) {
var nodeDetails = "";
var shape = "";
@@ -2449,6 +2557,11 @@ function importNode(index) {
});
}
/**
* This function is used to load all fiber/patch/service element data into dataset from import json file.
* @param {number} index - Index number for get edge details from import json.
*/
function importEdge(index) {
var edgeData = _import_json["network"][0]['ietf-network-topology:link'][index];
var to = edgeData["destination"]["dest-node"];
@@ -2485,10 +2598,17 @@ function importEdge(index) {
addServiceComponent(1, from, to, labelvalue, textvalue, true);
}
}
/**
* Get random point to displays node if not available lat, long in import network json file.
* @param {number} min - Minimum of random number.
* @param {number} max - Maximum of random number.
*/
function getRandomNumberBetween(min, max) {
return Math.floor(Math.random() * (max - min + 1) + min);
}
var isImportJSON = false;
/** This is used to load the network component data from import network json file. */
function importNetwork() {
try {
importNodes = [];
@@ -2564,6 +2684,12 @@ function importNetwork() {
}
draw(true);
}
/**
* Loop through the node dataset and get some properties then store it into array list.
* It is return node dataset.
* @param {object} data - Dataset of node.
*/
function getNodeData(data) {
data.forEach(function (elem, index, array) {
importNodes.push({
@@ -2586,6 +2712,12 @@ function getNodeData(data) {
return new vis.DataSet(importNodes);
}
/**
* Get node details by ID.
* @param {object} data - Node details.
* @param {string} id - The ID of destination node component.
*/
function getNodeById(data, id) {
for (var n = 0; n < data.length; n++) {
if (data[n].id == id) {
@@ -2596,6 +2728,12 @@ function getNodeById(data, id) {
throw "cannot find id '" + id + "' in data";
}
/**
* Loop through the edge dataset and assign some properties then store it into array list.
* It is return edge dataset.
* @param {object} data - Dataset of edge. edge like fiber/patch/service.
*/
function getEdgeData(data) {
data.forEach(function (elem) {
@@ -2636,13 +2774,19 @@ function getEdgeData(data) {
return new vis.DataSet(importEdges);
}
/** Save the network topology. */
function SaveNetwork() {
exportNetwork(true);
}
/** Clear component selection. */
function UnSelectAll() {
network.unselectAll();
remove_NodeFiberHighlight();
}
/** Capture network topology as image file. */
function captureImage() {
network.fit();
html2canvas(document.querySelector("#mynetwork"), {
@@ -2657,6 +2801,10 @@ function captureImage() {
});
return false;
}
/** Disable fiber/patch/service mode.
* Reteset the data values.
*/
function disableFiberService() {
nodeMode = "";
@@ -2678,6 +2826,12 @@ function disableFiberService() {
to: ''
};
}
/**
* Check source and destination node have same connections.
* @param {string} fromNode - Source node ID.
* @param {string} toNode - Destination node ID.
*/
function checkfiberconnection(fromNode, toNode) {
var edgesarr = network.body.data.edges.get();
var flag = false;
@@ -2689,6 +2843,12 @@ function checkfiberconnection(fromNode, toNode) {
}
return flag;
}
/**
* This function is used to add multiple single fiber / patch and service between same set of nodes and re - arrange them one by one.
* @param {string} cfrom - Source node ID.
* @param {string} cto - Destination node ID.
*/
function multipleFiberService1(cfrom, cto) {
var connectedFiber = network.getConnectedEdges(cfrom);
@@ -2724,6 +2884,12 @@ function multipleFiberService1(cfrom, cto) {
else
return fiberJSON.options.smooth;
}
/**
* This function is used to add multiple single fiber / patch and service between same set of nodes and re - arrange them one by one.
* @param {string} cfrom - Source node ID.
* @param {string} cto - Destination node ID.
*/
function multipleFiberService(cfrom, cto) {
var connectedFiber = network.getConnectedEdges(cfrom);
connectedFiber.push(network.getConnectedEdges(cto));
@@ -2769,6 +2935,16 @@ function multipleFiberService(cfrom, cto) {
}
});
}
/**
* Count fiber/patch and service connections between same set of node.
* @param {number} isdualfiber - True -> Dual fiber connection count.
* @param {number} issinglefiber - True -> Single fiber connection count.
* @param {number} isservice - True - > Service connection count.
* @param {number} ispatch - True -> Single patch connection count.
* @param {string} cfrom - Source node ID.
* @param {string} cto - Destination node ID.
*/
function countFiberService(isdualfiber, issinglefiber, isservice, ispatch, cfrom, cto) {
var conCount = 1;
var connectedFiber = network.getConnectedEdges(cfrom);
@@ -2806,7 +2982,12 @@ function countFiberService(isdualfiber, issinglefiber, isservice, ispatch, cfrom
});
return conCount;
}
//check node have connection
/**
* Check node component have connection.
* @param {string} from -Source node ID.
* @param {string} to - Destination node ID .
*/
function checkNodeConnection(from, to) {
var flag = false;
var fiberList = network.getConnectedEdges(from);
@@ -2819,7 +3000,12 @@ function checkNodeConnection(from, to) {
});
return flag;
}
//check node have service connection
/**
* Check node component have a service connection.
* @param {string} from - Source node ID.
* @param {string} to - Destination node ID.
*/
function checkNodeServiceConnection(from, to) {
var flag = false;
var fiberList = network.getConnectedEdges(from);
@@ -2835,6 +3021,13 @@ function checkNodeServiceConnection(from, to) {
});
return flag;
}
/**
* Restriction to remove transceiver node connection(fiber/patch) while transceiver having service.
* @param {number} from - Source node ID.
* @param {number} to - Destination node ID.
* @param {string} edgeType - The type of fiber/patch/service.
*/
function checkFiberPatchServiceCon(from, to, edgeType) {
var isOk = false;
var nodeDetails = network.body.data.nodes.get(from);
@@ -2885,12 +3078,18 @@ function checkFiberPatchServiceCon(from, to, edgeType) {
return isOk;
}
/**
* Close context menu by menu ID.
* @param {string} menuID - The ID of menu.
*/
function closeMenu(menuID) {
document.getElementById(menuID).style.display = "none";
UnSelectAll();
}
//append node,preamp, booster type
/** Append node,preamp and booster type to dropdown input control. */
function appendSinglePreAmpandBoosterType() {
if (eqpt_config['tip-photonic-equipment:amplifier']) {
@@ -2901,7 +3100,11 @@ function appendSinglePreAmpandBoosterType() {
});
}
}
//append node, preamp, booster type for dynamic ele
/**
* Append node, preamp, booster type for dynamically generate element.
* @param {string} ddlID - The ID of dynamic input control. like dropdown.
*/
function appendPreAmpandBoosterType(ddlID) {
var preAmpType = [];
var boosterType = [];
@@ -2923,7 +3126,13 @@ function appendPreAmpandBoosterType(ddlID) {
});
}
}
//show context menu on righ click of the component
/**
* show context menu near by selected component.
* @param {string} x - The point of selected component.
* @param {string} y - The point of selected component.
* @param {string} menu - Html element ID.
*/
function showContextMenu(x, y, menu) {
showHideDrawerandMenu();
var windowHeight = $(window).height() / 2;
@@ -2955,31 +3164,38 @@ function showContextMenu(x, y, menu) {
}
document.getElementById(menu).style.display = "block";
}
//show fiber and service details when hover the mouse over on it
/**
* Show the element for displays fiber, service and node components details when hover the mouse over on it.
* @param {string} x - left side menu.
* @param {string} y - bottom of the menu.
* @param {string} menu - Element ID.
*/
function showHoverDiv(x, y, menu) {
var windowHeight = $(window).height() / 2;
var windowWidth = $(window).width() / 2;
var element = "#" + menu;
if (y > windowHeight && x <= windowWidth) {
//Bottom-left part of window
$(element).css("left", x);
$(element).css("bottom", $(window).height() - y);
$(element).css("right", "auto");
$(element).css("top", "auto");
} else if (y > windowHeight && x > windowWidth) {
//When user click on bottom-right part of window
//Bottom-right part of window
$(element).css("right", $(window).width() - x);
$(element).css("bottom", $(window).height() - y);
$(element).css("left", "auto");
$(element).css("top", "auto");
} else if (y <= windowHeight && x <= windowWidth) {
//When user click on top-left part of window
//Top-left part of window
$(element).css("left", x);
$(element).css("top", y);
$(element).css("right", "auto");
$(element).css("bottom", "auto");
} else {
//When user click on top-right part of window
//Top-right part of window
$(element).css("right", $(window).width() - x);
$(element).css("top", y);
$(element).css("left", "auto");
@@ -2987,6 +3203,8 @@ function showHoverDiv(x, y, menu) {
}
document.getElementById(menu).style.display = "block";
}
/** To check network topology have components. */
function networkValidation() {
var flag = false;
if (network.body.data.nodes.get().length > 0 || network.body.data.edges.get().length > 0)
@@ -2997,6 +3215,14 @@ function networkValidation() {
return flag;
}
/**
* To load ROADM component type to dropdown control.
* @param {string} fiberID - The ID of fiber component.
* @param {string} nodeID - The ID of node component.
* @param {string} node_type - Type of ROADM component.
* @param {string} appendElement - Html element for loading component type.
*/
function loadRoadmType(fiberID, nodeID, node_type, appendElement) {
var appendDiv = "#" + appendElement
var fiberDetails = network.body.data.edges.get(fiberID);
@@ -3028,6 +3254,12 @@ function loadRoadmType(fiberID, nodeID, node_type, appendElement) {
getRoadmDetails(fiberID, node_type);
}
}
/**
* Generate accordian and dropdown element for loading type.
* @param {string} label - The label of component.
* @param {string} ddlEleID - Dropdown element for loading component type.
*/
function generateAccordianEle(label, ddlEleID) {
var eleHtml = "";
eleHtml += "<div class='form-group'>";
@@ -3036,6 +3268,12 @@ function generateAccordianEle(label, ddlEleID) {
eleHtml += "</div>";
return eleHtml;
}
/**
* Get ROADM component details by fiber ID.
* @param {string} fiberID - Fiber component ID.
* @param {string} node_type - The type of component.
*/
function getRoadmDetails(fiberID, node_type) {
if (_roadmListDB({ roadm_fiber_id: fiberID }).count() > 0) {
var roadmDetails = _roadmListDB({ roadm_fiber_id: fiberID }).first();
@@ -3055,6 +3293,13 @@ function getRoadmDetails(fiberID, node_type) {
clearILA();
}
}
/**
* Get next level of fiber/patch/service label.
* @param {string} from - Source node ID.
* @param {string} to - Destination node ID.
* @param {string} component_type - The type of component.
*/
function getLabel(from, to, component_type) {
var flabel;
var tlabel;
@@ -3071,6 +3316,15 @@ function getLabel(from, to, component_type) {
return component_type + " " + flabel + ' - ' + tlabel;
}
/**
* This function is used to store simulation parameters in session storage as JSON format.
* @param {number} fre_min - Frequency-max value.
* @param {number} frq_max - Frequency-min value.
* @param {number} spacing - Spacings.
* @param {number} channel - Number of channels.
* @param {number} margin - System margin.
*/
function saveSimulations(fre_min, frq_max, spacing, channel, margin) {
var simulationPara = {
"frequency-min": fre_min,
@@ -3081,6 +3335,13 @@ function saveSimulations(fre_min, frq_max, spacing, channel, margin) {
}
sessionStorage.setItem("simulationParameters", JSON.stringify(simulationPara));
}
/**
* This function is used to show alert message.
* @param {string} messageType - Type of message.ex : Success/Info/Error/Warning.
* @param {string} textmsg - Message content.
* @param {boolean} removeTimeout - Set timeout for alert message.
*/
function showMessage(messageType, textmsg, removeTimeout) {
$("#img_src").show();
switch (messageType) {
@@ -3151,6 +3412,12 @@ function showMessage(messageType, textmsg, removeTimeout) {
}
/**
* This function is used to set/remove time interval for alert message.
* @param {number} targetEle - Target of toaster element like. Success/Warning/Error...
* @param {number} removeTimeout - Remove the interval time for alert message .
*/
function clearAndSetTimeout(targetEle, removeTimeout) {
const highestId = window.setTimeout(() => {
for (let i = highestId; i >= 0; i--) {
@@ -3164,10 +3431,17 @@ function clearAndSetTimeout(targetEle, removeTimeout) {
}, 6000);
}
}
/** To enable fiber/patch/service mode. */
function enableEdgeIndicator() {
if (isDualFiberMode == 1 || isSingleFiberMode == 1 || isSinglePatchMode == 1 || isDualPatchMode == 1 || isAddService == 1)
network.addEdgeMode();
}
/**
* This function is used to check the node link, mis-link, fiber properties and consolidate all error list.
* @param {number} isTime - True -> remove time interval for error summary list.
*/
function topologyValidation(isTime) {
//removeHighlight();
var flag = false;
@@ -3202,6 +3476,14 @@ function topologyValidation(isTime) {
}
return flag;
}
/**
* Focus the error componets.
* Focus the node/fiber/patch/service components by span error ID.
* Update the components for highlight error component to set image, size, is_error, color properties by span error ID.
* @param {string} ID - Node/Fiber ID.
* @param {number} type - Component type.
*/
function focusNodeFiber(ID, type) {
removeHighlight();
UnSelectAll();
@@ -3233,6 +3515,12 @@ function focusNodeFiber(ID, type) {
network.body.data.edges.update([{ id: ID, pre_color: edgeDetails.color, color: singleFiberJSON.options.err_color, is_error: true }]);
}
}
/**
* To remove focused error component highlight.
* Update node component to set image, size, is_error by focused component ID.
* Update fiber/patch/service components to set color, is_error by focused component ID.
*/
function removeHighlight() {
var errNodes = network.body.data.nodes.get({
@@ -3260,6 +3548,12 @@ function removeHighlight() {
});
}
}
/**
* To remove span error element on error summary list.
* @param {string} item - Node ID.
* @param {boolean} transUpdate - True -> remove span error element for transceiver, False -> remove rest of span error.
*/
function removeSpanInError(item, transUpdate) {
var image;
@@ -3288,6 +3582,8 @@ function removeSpanInError(item, transUpdate) {
$(removeID).remove();
checkErrorFree();
}
/** To clear summary error element if there is no any error. */
function checkErrorFree() {
var roadmRule = $("#spanEven").find('p').length;
var linkRule = $("#spanMisLink").find('p').length;
@@ -3310,12 +3606,23 @@ function checkErrorFree() {
});
}
}
/**
* Realtime update of summary error list.
* To do any action with component while error chec active on active, summary error list automatically update by component action.
*/
function realUpdate() {
if ($("#div_toaster").is(":visible") && !$("#img_src").is(":visible")) {
$("#btnValidation").click();
}
}
/**
* To reset component selection/highlight.
* Get all highlighted components by is_highlight.
* Update the node components to set is_highlight, image properties by selected component ID.
* Update the fiber/patch/service components to set is_highlight, shadow properties by selected component ID.
* */
function remove_NodeFiberHighlight() {
var hNodes = network.body.data.nodes.get({
filter: function (item) {

176
js/networkgraph/node.js
View File

@@ -1,4 +1,13 @@
//1-roadm, 2-amp, 3-fused, 4-transceiver, 6- raman amp
/**
* node.js.
* The node can be defined as the connection point of "ROADM, Attenuator, Transceiver, Amplifier and Raman Amplifier" and defines the node manipulations.
*/
/**
* Check node Mode 1-roadm, 2-amp, 3-fused, 4-transceiver, 6- raman amp
* @param {Number} nodemode - Mode of the component.
*/
function AddNodeMode(nodemode) {
nodeMode = nodemode;
@@ -8,6 +17,13 @@ function AddNodeMode(nodemode) {
}
}
/**
* Node creation by node mode.
* Node will be placed based on co-ordidate points x,y.
* Node style and configuration data loaded from configurationdata, styledata json.
* @param {object} data - The data of the component.
* @param callback - The callback that handles the response.
*/
function addNodes(data, callback) {
var nodeDetails = "";
@@ -110,6 +126,11 @@ function addNodes(data, callback) {
tempUndo.push(network.body.data.nodes.get(data.id));
}
/**
* Populate ROADM component details by node ID.
* @param {string} nodeID - The ID of the ROADM component.
* @param callback - The callback that handles the response.
*/
function roadmEdit(nodeID, callback) {
_roadmListDB().remove();
document.getElementById("roadmMenu").style.display = "none";
@@ -174,6 +195,12 @@ function roadmEdit(nodeID, callback) {
document.getElementById("btnCloseRoadm").onclick = clearRoadm.bind(
);
}
/**
* Update ROADM.
* Update ROADM label, type by ROADM ID.
* @param {string} nodeID - The ID of the ROADM component
*/
function updateRoadm(nodeID) {
removeNodeList = [];
if (nameLengthValidation("txtRoadmName")) {
@@ -252,6 +279,8 @@ function updateRoadm(nodeID) {
}
}
/** Clear input/teporary data and other settings. */
function clearRoadm() {
$("#txtRoadmName").val('');
$("#divRoadmPro").empty();
@@ -261,6 +290,11 @@ function clearRoadm() {
UnSelectAll();
}
/**
* Check ROADM component rules and update check-errors summary.
* @param {string} id - The ID of ROADM component.
* @param {string} rtype - The type of ROADM component.
*/
function realUpdate_Roadm(id, rtype) {
var roadmtype = rtype;
var connectedEges = network.getConnectedEdges(id);
@@ -291,6 +325,11 @@ function realUpdate_Roadm(id, rtype) {
}
}
/**
* Populate Attenuator component details by node ID.
* @param {string} nodeID - The ID of the Attenuator component.
* @param callback - The callback that handles the response.
*/
function attenuatorEdit(nodeID, callback) {
document.getElementById("attenuatorMenu").style.display = "none";
openDrawer('attenuator');
@@ -306,6 +345,12 @@ function attenuatorEdit(nodeID, callback) {
document.getElementById("btnCloseAttenuator").onclick = clearAttenuator.bind(
);
}
/**
* Update Attenuator.
* Update Attenuator label, type by Attenuator ID.
* @param {string} nodeID - The ID of the Attenuator component
*/
function updateAttenuator(nodeID) {
var id = nodeID;
@@ -328,6 +373,8 @@ function updateAttenuator(nodeID) {
}
}
/** Clear input/teporary data and other settings. */
function clearAttenuator() {
$("#txtAttenuatorName").val('');
closeDrawer('attenuator');
@@ -404,6 +451,11 @@ function clearILA() {
_roadmListDB().remove();
}
/**
* Populate Amplifier component details by node ID.
* @param {string} nodeID - The ID of the Amplifier component.
* @param callback - The callback that handles the response.
*/
function amplifierEdit(nodeID, callback) {
document.getElementById("amplifierMenu").style.display = "none";
openDrawer('amplifier');
@@ -448,6 +500,12 @@ function amplifierEdit(nodeID, callback) {
document.getElementById("btnCloseAmplifier").onclick = clearAmplifier.bind(
);
}
/**
* Update Amplifier.
* Update Amplifier label, type by Amplifier ID.
* @param {string} nodeID - The ID of the Amplifier component
*/
function updateAmplifier(nodeID) {
removeNodeList = [];
if (nameLengthValidation("txtAmplifierName")) {
@@ -508,12 +566,20 @@ function updateAmplifier(nodeID) {
}
}
/** Clear input/teporary data and other settings. */
function clearAmplifier() {
$("#txtAmplifierName").val('');
$("#ddlAmplifierType").val('');
closeDrawer('amplifier');
UnSelectAll();
}
/**
* Check Amplifier component rules and update check-errors summary.
* @param {string} id - The ID of Amplifier component.
* @param {string} rtype - The type of Amplifier component.
*/
function realUpdate_Amplifier(id, rtype) {
var amptype = rtype;
var connectedEdges;
@@ -544,6 +610,11 @@ function realUpdate_Amplifier(id, rtype) {
}
/**
* Populate Raman Amplifier component details by node ID.
* @param {string} nodeID - The ID of the Raman Amplifier component.
* @param callback - The callback that handles the response.
*/
function ramanAmpEdit(nodeID, callback) {
document.getElementById("ramanAmpMenu").style.display = "none";
openDrawer('ramanamp');
@@ -601,6 +672,12 @@ function ramanAmpEdit(nodeID, callback) {
document.getElementById("btnCloseRamanAmp").onclick = clearRamanAmp.bind(
);
}
/**
* Update Raman Amplifier.
* Update Raman Amplifier label, type by Raman Amplifier ID.
* @param {string} nodeID - The ID of the Raman Amplifier component
*/
function updateRamanAmp(nodeID) {
removeNodeList = [];
if (nameLengthValidation("txtRamanAmpName")) {
@@ -665,6 +742,8 @@ function updateRamanAmp(nodeID) {
}
}
}
/** Clear input/teporary data and other settings. */
function clearRamanAmp() {
$("#txtRamanAmpName").val('');
$("#ddlRamanAmpType").val('');
@@ -672,6 +751,12 @@ function clearRamanAmp() {
closeDrawer('ramanamp');
UnSelectAll();
}
/**
* Check Raman Amplifier component rules and update check-errors summary.
* @param {string} id - The ID of Raman Amplifier component.
* @param {string} rtype - The type of Raman Amplifier component.
*/
function realUpdate_RamanAmp(id, rtype) {
var amptype = rtype;
var connectedEdges;
@@ -705,6 +790,11 @@ function realUpdate_RamanAmp(id, rtype) {
}
/**
* Populate Transceiver component details by node ID.
* @param {string} nodeID - The ID of the Transceiver component.
* @param callback - The callback that handles the response.
*/
function transceiverEdit(nodeID, callback) {
document.getElementById("transceiverMenu").style.display = "none";
openDrawer('transceiver');
@@ -749,6 +839,12 @@ function transceiverEdit(nodeID, callback) {
document.getElementById("btnCloseTransceiver").onclick = clearTransceiver.bind(
);
}
/**
* Update Transceiver.
* Update Transceiver label, type by Transceiver ID.
* @param {string} nodeID - The ID of the Transceiver component
*/
function updateTransceiver(nodeID) {
removeNodeList = [];
if (nameLengthValidation("txtTransceiverName")) {
@@ -906,6 +1002,8 @@ function updateTransceiver(nodeID) {
}
}
/** Clear input/teporary data and other settings. */
function clearTransceiver() {
$("#txtTransceiverName").val('');
$("#ddlTransceiverType").val('');
@@ -913,6 +1011,12 @@ function clearTransceiver() {
closeDrawer('transceiver');
UnSelectAll();
}
/**
* Check Transceiver component rules and update check-errors summary.
* @param {string} id - The ID of Transceiver component.
* @param {string} rtype - The type of Transceiver component.
*/
function realUpdate_Transceiver(id, rtype) {
var connectedEges = network.getConnectedEdges(id);
var tempEdge = [];
@@ -978,6 +1082,12 @@ function deleteNode(nodeList) {
UnSelectAll();
}
/**
* Remove node by node ID.
* @param {string} nodeID - Component ID.
* @param {boolean} isMultiple - Remove multiple node.
*/
function removeNodes(nodeID, isMultiple) {
var nodeDetails = network.body.data.nodes.get(nodeID);
var node_type = nodeDetails.node_type;
@@ -1033,6 +1143,12 @@ function removeNodes(nodeID, isMultiple) {
network.body.data.nodes.remove(nodeID);
}
/**
* Bind pasteNode method.
* Copy node parameters by selected node ID
* @param {string} nodeID - Component ID.
* @param callback - The callback that handles the response.
*/
function copyNode(nodeID, callback) {
showHideDrawerandMenu();
isCopy = true;
@@ -1044,6 +1160,12 @@ function copyNode(nodeID, callback) {
);
}
/**
* Create new node by copied node parameters.
* Node will be placed based on co-ordidates.
* @param {string} nodeId - Copied node ID.
*/
function pasteNode(nodeId) {
if (isCopy) {
isCopy = false;
@@ -1128,6 +1250,12 @@ function pasteNode(nodeId) {
}
}
/**
* Copy node template by selected node ID.
* Validate the node template by type, category
* @param {string} nodeID - The ID of Copied node template.
* @param callback - The callback that handles the response.
*/
function copyNodeTemplate(nodeID, callback) {
var isOk = false;
var nodeDetails = network.body.data.nodes.get(nodeID);
@@ -1162,12 +1290,27 @@ function copyNodeTemplate(nodeID, callback) {
function cancelCopyTemplate(nodeId) {
clearNodeTemplate();
}
/**
* Apply copied template to specified ROADM node.
* Check node rules and update check-errors summary.
* @param {string} nodeID - The ID of the destination node.
* @param {string} roadm_type - Coponent type.
*/
function applyRoadmTemplate(nodeID, roadm_type) {
network.body.data.nodes.update({
id: nodeID, roadm_type: roadm_type
});
realUpdate_Roadm(nodeID, roadm_type);
}
/**
* Apply copied template to specified Transceiver node.
* Check node rules and update check-errors summary.
* @param {string} nodeID - The ID of the destination node.
* @param {string} node_type - Node type.
* @param {string} trans_type - Transceiver type.
*/
function applyTransceiverTemplate(nodeID, node_type, trans_type) {
var id = nodeID;
var connectedEdges = network.getConnectedEdges(id);
@@ -1213,12 +1356,20 @@ function applyTransceiverTemplate(nodeID, node_type, trans_type) {
}
return isOk;
}
/// <summary>
/// To apply copied template to specified Amplifier node.
/// Apply node rules.
/// </summary>
function applyAmpTemplate(nodeID, amp_type) {
network.body.data.nodes.update({
id: nodeID, amp_type: amp_type
});
realUpdate_Amplifier(nodeID, amp_type);
}
/// <summary>
/// To apply copied template to specified Raman Amplifier node.
/// Apply node rules.
/// </summary>
function applyRamanAmpTemplate(nodeID, amp_type, category) {
network.body.data.nodes.update({
id: nodeID, amp_type: amp_type, category: category
@@ -1226,6 +1377,13 @@ function applyRamanAmpTemplate(nodeID, amp_type, category) {
realUpdate_RamanAmp(nodeID, amp_type);
}
/**
* Apply copied template to specified node.
* Apply node rules.
* @param {object} nodes - Selected destination nodes for apply template.
* @param callback - The callback that handles the response.
*/
function applyTemplate(nodes, callback) {
var isUpdated = false;
if (isCopyPara) {
@@ -1317,6 +1475,8 @@ function applyTemplate(nodes, callback) {
clearNodeTemplate();
}
}
/** Reset the copied template data. */
function clearNodeTemplate() {
isCopyPara = false;
copiedNodeID = "";
@@ -1327,6 +1487,10 @@ function clearNodeTemplate() {
remove_NodeFiberHighlight();
}
/**
* Displays node name, type parameter when hover the mouse near the node.
* @param {object} params - Node details.
*/
function displayNodesHover(params) {
var nodeDetails = network.body.data.nodes.get(params.node);
if (nodeDetails.component_type == roadmJSON.component_type) {
@@ -1348,6 +1512,11 @@ function displayNodesHover(params) {
showHoverDiv(params.event.pageX, params.event.pageY, "hoverDiv");
}
/**
* Get next level of node label name by node type/amplifer category.
* @param {string} node_type - Node type.
* @param {string} amp_category - Amplifier category.
*/
function nodeName(node_type, amp_category) {
const number = [];
var nodeList = [];
@@ -1419,6 +1588,11 @@ function nodeName(node_type, amp_category) {
}
/**
* Set warning icons to imcompleted node by node ID.
* Update node size, image by node ID.
* @param {string} nodeID - Node ID.
*/
function addNodeHighlight(nodeID) {
var nodeDetails = network.body.data.nodes.get(nodeID);
if (nodeDetails.node_type == roadmJSON.node_type)

42
js/networkgraph/patch.js
View File

@@ -1,4 +1,9 @@
var isDualPatchMode = 0;
/**
* patch.js
* The patch library describes to add a patch connection between any 2 nodes by dragging from source node to destination and defines the patch manipulation.
*/
var isDualPatchMode = 0;
var isSinglePatchMode = 0;
var addPatchData = {
from: '',
@@ -16,6 +21,11 @@ function dualPatchMode() {
to: ''
};
}
/**
* Enable settings for patch and reset other settings.
* Set patch 1 = enable, 0 = disable.
*/
function singlePatchMode() {
UnSelectAll();
isDualPatchMode = 0;
@@ -59,6 +69,17 @@ function addSinglePatch() {
UnSelectAll();
network.addEdgeMode();
}
/**
* Patch creation.
* Patch style and configuration data loaded from configurationdata, styledata json.
* @param {number} cmode - Service mode 1 for add.
* @param {string} cfrom - Source node ID.
* @param {string} cto - Destination node ID.
* @param {string} clabel - The Label of the service.
* @param {string} ctext - The Text of the service.
* @param {boolean} isImport - false -> manual add, true -> automattically added while import json.
*/
function addPatchComponent(cmode, cfrom, cto, clabel, ctext, isImport) {
if (cmode == 1) {
@@ -136,6 +157,12 @@ function addPatchComponent(cmode, cfrom, cto, clabel, ctext, isImport) {
tempUndo.push(tedge);
}
}
/**
* Populate patch details by patch ID.
* @param {string} patchID - Patch ID.
* @param callback - The callback that handles the response.
*/
function singlePatchEdit(patchID, callback) {
document.getElementById("singlePatchMenu").style.display = "none";
var edgeDetails = network.body.data.edges.get(patchID);
@@ -149,6 +176,12 @@ function singlePatchEdit(patchID, callback) {
document.getElementById("btnCloseSinglePatch").onclick = clearSinglePatch.bind(
);
}
/**
* Update patch.
* Update patch label, text by patch ID.
* @param {string} patchID - patch ID.
*/
function updateSinglePatch(patchID) {
var id = patchID;
@@ -172,6 +205,11 @@ function updateSinglePatch(patchID) {
}
}
/**
* Remove patch by patch ID.
* @param {string} patchID - patch ID.
*/
function deletePatch(patchID) {
var patchDetails = network.body.data.edges.get(patchID);
var patchLabel = patchDetails.label;
@@ -192,6 +230,8 @@ function deletePatch(patchID) {
UnSelectAll();
enableEdgeIndicator();
}
/** Clear input/teporary data and other settings. */
function clearSinglePatch() {
$("#txtSinglePatchName").val('');

43
js/networkgraph/service.js
View File

@@ -1,8 +1,18 @@
var isAddService = 0;
/**
* service.js
* The Service it is also same as the connectivity path between 2 transceiver nodes. This library file defines the service manipulation.
*/
var isAddService = 0;
var addServiceData = {
from: '',
to: ''
};
/**
* Enable settings for service and reset other settings.
* Set service 1 = enable, 0 = disable.
*/
function addServiceMode() {
UnSelectAll();
isAddService = 1;
@@ -15,6 +25,8 @@ function addServiceMode() {
to: ''
};
}
/** Check service connections rule before add it. */
function addService() {
var fromDetails = network.body.data.nodes.get(addServiceData.from);
@@ -50,6 +62,16 @@ function addService() {
UnSelectAll();
}
/**
* Service creation.
* Service style and configuration data loaded from configurationdata, styledata json.
* @param {number} cmode - Service mode 1 for add.
* @param {string} cfrom - Source node ID.
* @param {string} cto - Destination node ID.
* @param {string} clabel - The Label of the service.
* @param {boolean} isImport - false -> manual add, true -> automattically added while import json.
*/
function addServiceComponent(cmode, cfrom, cto, clabel, isImport) {
var serviceID = token();
if (cmode == 1) {
@@ -79,6 +101,12 @@ function addServiceComponent(cmode, cfrom, cto, clabel, isImport) {
UnSelectAll();
network.addEdgeMode();
}
/**
* Populate service details by service ID.
* @param {string} serviceID - Service ID.
* @param callback - The callback that handles the response.
*/
function serviceEdit(serviceID, callback) {
document.getElementById("serviceMenu").style.display = "none";
var edgeDetails = network.body.data.edges.get(serviceID);
@@ -96,6 +124,12 @@ function serviceEdit(serviceID, callback) {
document.getElementById("btnCloseService").onclick = clearService.bind(
);
}
/**
* Update service.
* Update service label, text, band_width by service ID.
* @param {string} serviceID - Service ID.
*/
function updateService(serviceID) {
var id = serviceID;
@@ -123,6 +157,11 @@ function updateService(serviceID) {
}
}
/**
* Remove service by service ID.
* @param {string} serviceID - Service ID.
*/
function deleteService(serviceID) {
var serviceDetails = network.body.data.edges.get(serviceID);
document.getElementById("serviceMenu").style.display = "none";
@@ -135,6 +174,8 @@ function deleteService(serviceID) {
UnSelectAll();
enableEdgeIndicator();
}
/** Clear input/teporary data and other settings. */
function clearService() {
$("#txtServiceName").val('');

15
js/networkgraph/validation.js
View File

@@ -1,4 +1,9 @@
$(document).ready(function () {
/**
* validation.js
* The Validations library currently describes the validation of component name, length, type.
*/
$(document).ready(function () {
$("#txtSpan_Length").change(function () {
var span_length = $("#txtSpan_Length").val().trim();
var spanlen = parseFloat(span_length);
@@ -93,6 +98,10 @@
});
/**
* Validate the node/fiber/patch/service name and name length.
* @param {HTMLElement} element - Input element
*/
function nameLengthValidation(element) {
var flag = true;
var elementID = "#" + element
@@ -110,6 +119,8 @@ function nameLengthValidation(element) {
showMessage(alertType.Error, msg);
return flag;
}
/** Validate export file name. */
function exportFileValidation() {
var flag = false;
if ($("#txtFileName").val().trim() != '')
@@ -118,6 +129,8 @@ function exportFileValidation() {
showMessage(alertType.Error, 'Please enter file name');
return flag;
}
/** Validate ROADM list, type and Amplifier type. */
function roadmProVal() {
var flag = false;
if ($("#ddlRoadmList").val().trim() != 0 && $("#ddlROADMType").val().trim() != 0 && $("#ddlRPreAmpType").val().trim() != 0 && $("#ddlRBoosterType").val().trim() != 0)