diff options
Diffstat (limited to 'ransim/ransimctrlr/RANSIM-GUI/src/main/webapp/AdditionalFeature.html')
| -rw-r--r-- | ransim/ransimctrlr/RANSIM-GUI/src/main/webapp/AdditionalFeature.html | 147 |
1 files changed, 147 insertions, 0 deletions
diff --git a/ransim/ransimctrlr/RANSIM-GUI/src/main/webapp/AdditionalFeature.html b/ransim/ransimctrlr/RANSIM-GUI/src/main/webapp/AdditionalFeature.html new file mode 100644 index 0000000..aba0ad6 --- /dev/null +++ b/ransim/ransimctrlr/RANSIM-GUI/src/main/webapp/AdditionalFeature.html @@ -0,0 +1,147 @@ +<!-- + * ============LICENSE_START======================================================= + * Ran Simulator Controller + * ================================================================================ + * Copyright (C) 2020 Wipro Limited. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ============LICENSE_END========================================================= + */ + --> +<!DOCTYPE html> +<html> +<head> +<title>Cell Operations History</title> +<style> +table, td, th { + border: solid 1px #DDD; + border-collapse: collapse; + padding: 2px 3px; + text-align: center; +} + +.WID { + width: 65%; +} + +.odd { + background-color: white; +} + +.even { + background-color: #C8C8C8; +} +</style> +</head> +<body onload="getOperationLogs()"> + <center> + <h3>Cell Operations History</h3> + </center> + <br> + <p id="showData"></p> + <input align=right type=button name=close value="close" + onclick="window.close()"> +</body> + +<script> + function getOperationLogs() { + var xmlhttp = new XMLHttpRequest(); + xmlhttp.onreadystatechange = function() { + if (this.readyState == 4 && this.status == 200) { + var logs = JSON.parse(this.responseText); + var myJSON = JSON.stringify(logs); + console.log(myJSON); + drawTable(logs); + } + }; + xmlhttp.open("GET","/ransim/api/GetNetconfStatus", + true); + xmlhttp.send(); + } + + function drawTable(myBooks) { + // EXTRACT VALUE FOR HTML HEADER. + var col = []; + for (var i = 0; i < myBooks.length; i++) { + console.log(myBooks[i]); + for (var key in myBooks[i]) { + if (col.indexOf(key) === -1) { + col.push(key); + } + } + } + + console.log(col); + + // CREATE DYNAMIC TABLE. + var table = document.createElement("table"); + + // CREATE HTML TABLE HEADER ROW USING THE EXTRACTED HEADERS ABOVE. + + var tr = table.insertRow(-1); // TABLE ROW. + + //for (var i = 0; i < 4; i++) { + for (var i = 0; i < col.length; i++) { + + // if (i == 0) continue; + var th = document.createElement("th"); // TABLE HEADER. + if(i==2) + th.innerHTML = "PORT"; + else + th.innerHTML = col[i].toUpperCase(); + //console.log("th.style " + th.style); + tr.appendChild(th); + } + + // ADD JSON DATA TO THE TABLE AS ROWS. + for (var i = 0; i < myBooks.length; i++) { + + tr = table.insertRow(-1); + //manipulate rows + if(i % 2 == 0){ + tr.className = "even"; + }else{ + tr.className = "odd"; + } + + //for (var j = 0; j < 4; j++) { + for (var j = 0; j < col.length; j++) { + + //if (j == 0) continue; + var tabCell = tr.insertCell(-1); + //tabCell.style.setWidth("25%"); + //console.log("tabCell.style " + tabCell.style); + if(j==3) + { + var arr = ""; + for(var k = 0;k<myBooks[i][col[j]].length;k++) + { + console.log("nodeId" + myBooks[i][col[j]][k]["nodeId"]); + arr = arr + " " + myBooks[i][col[j]][k]["nodeId"]; + } + tabCell.innerHTML = arr; + tabCell.className = "WID"; + console.log("arr" + arr); + } + else + tabCell.innerHTML = myBooks[i][col[j]]; + console.log("checking my books , j " + j + " " + myBooks[i][col[j]]); + } + } + // FINALLY ADD THE NEWLY CREATED TABLE WITH JSON DATA TO A CONTAINER. + var divContainer = document.getElementById("showData"); + divContainer.innerHTML = ""; + divContainer.appendChild(table); + } +</script> +</html> |