Setup js unit test and code coverage framework

(1) Use frontend-maven-plugin to integrate frontend development
(2) Use jest as test tool
(3) Use webpack to create webapp bundle
(4) Coverage data is saved in target/jscoverage

Issue-ID: POLICY-2311
Signed-off-by: huaxing <huaxing.jin@est.tech>
Change-Id: I34fb7487c1e0ca29114eb7accba8bb7c4812da34

1 files changed, 65 insertions, 0 deletions

diff --git a/gui-pdp-monitoring/src/webapp/js/PdpInformation.js b/gui-pdp-monitoring/src/webapp/js/PdpInformation.js
new file mode 100644
index 0000000..cbb71a7
--- /dev/null
+++ b/gui-pdp-monitoring/src/webapp/js/PdpInformation.js
@@ -0,0 +1,65 @@
+/*-
+ * ============LICENSE_START=======================================================
+ *  Copyright (C) 2020 Nordix Foundation.
+ * ================================================================================
+ * 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.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ * ============LICENSE_END=========================================================
+ */
+
+import $ from "jquery";
+import { config } from "./MonitoringConfig";
+import { createEngineTable } from "./MonitoringTable";
+
+/*
+ * Create the Engine Service Table
+ */
+function createEngineServiceTable() {
+    var tableId = config.engineService.tableId;
+    var headers = config.engineService.headers;
+    var table = createEngineTable($("." + config.engineService.parent), tableId, headers.map(function(a) {
+        return a.title;
+    }));
+    var tableRow = document.createElement("tr");
+    var tableData = "";
+    for ( var h in headers) {
+        tableData += "<td id=" + tableId + "_" + headers[h].id + "></td>";
+    }
+    tableRow.innerHTML = tableData;
+    $(table).children("#engineTableBody").append(tableRow);
+}
+
+/*
+ * Check for any changes in the Engine Service Table data and update only where
+ * necessary
+ */
+function setEngineServiceData(engineId, groupName, subGroupName, healthStatus, pdpState, server, port) {
+    window.engineId = engineId;
+    var tableId = config.engineService.tableId;
+    var headers = config.engineService.headers.map(function(a) {
+        return a.id;
+    });
+    var data = [ engineId, groupName, subGroupName, healthStatus, pdpState, server + ":" + port ];
+
+    var engineServiceTable = $("#engineServicesTable");
+
+    for ( var h in headers) {
+        var td = engineServiceTable.find("#" + tableId + "_" + headers[h]);
+        if (td.html() !== data[h]) {
+            engineServiceTable.find("#" + tableId + "_" + headers[h]).html(data[h]);
+        }
+    }
+};
+
+export { createEngineServiceTable, setEngineServiceData };
\ No newline at end of file