1 files changed, 124 insertions, 0 deletions
diff --git a/ransim/ransimctrlr/RANSIM-GUI/src/main/webapp/operationhistory.html b/ransim/ransimctrlr/RANSIM-GUI/src/main/webapp/operationhistory.html
new file mode 100644
index 0000000..3b6ed37
--- /dev/null
+++ b/ransim/ransimctrlr/RANSIM-GUI/src/main/webapp/operationhistory.html
@@ -0,0 +1,124 @@
+<!-- 
+ * ============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>
+        th, td, p, input {
+            font:14px Verdana;
+        }
+        table, th, td 
+        {
+            border: solid 1px #DDD;
+            border-collapse: collapse;
+            padding: 2px 3px;
+            text-align: center;
+        }
+        th {
+            font-weight:bold;
+        }
+        .odd{background-color: white;} 
+        .even{background-color: gray;} 
+    </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);
+                    //alert(myJSON);
+                    drawTable(logs);
+                }
+            };
+            xmlhttp.open("GET", "/ransim/api/GetOperationLog",
+                true);
+            xmlhttp.send();
+        }
+
+    function drawTable(myBooks) {
+        // EXTRACT VALUE FOR HTML HEADER. 
+        // ('Book ID', 'Book Name', 'Category' and 'Price')
+        //alert("Draw Table");
+        var col = [];
+        for (var i = 0; i < myBooks.length; i++) {
+            for (var key in myBooks[i]) {
+                if (col.indexOf(key) === -1) {
+                    col.push(key);
+                }
+            }
+        }
+
+        // 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.
+            th.innerHTML = col[i].toUpperCase();
+            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);
+                if (j==1) {
+		var d = new Date(myBooks[i][col[j]] + 19800000);
+                   tabCell.innerHTML = d;
+                } else {
+                   tabCell.innerHTML = 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>