diff options
author | 2018-07-11 14:21:13 +0100 | |
---|---|---|
committer | 2018-07-12 17:40:19 +0100 | |
commit | c6d74e6cee17405b9d26506b06259ccb2f38c737 (patch) | |
tree | 9f5dabe5ceffe0e6b99a2bf77be812657953ae9b /client/client-monitoring/src/main/resources/webapp/js/ApexEngineStatus.js | |
parent | b461c6505afddacbef90e3dc0bfa9d49609a626b (diff) |
Adding client deployment module to apex-pdp
Change-Id: Idd74e9846c3fa75d305a9dde98a98d92dd0520a9
Issue-ID: POLICY-864
Signed-off-by: ramverma <ram.krishna.verma@ericsson.com>
Diffstat (limited to 'client/client-monitoring/src/main/resources/webapp/js/ApexEngineStatus.js')
-rw-r--r-- | client/client-monitoring/src/main/resources/webapp/js/ApexEngineStatus.js | 261 |
1 files changed, 122 insertions, 139 deletions
diff --git a/client/client-monitoring/src/main/resources/webapp/js/ApexEngineStatus.js b/client/client-monitoring/src/main/resources/webapp/js/ApexEngineStatus.js index 832a704f7..36a89dab0 100644 --- a/client/client-monitoring/src/main/resources/webapp/js/ApexEngineStatus.js +++ b/client/client-monitoring/src/main/resources/webapp/js/ApexEngineStatus.js @@ -22,73 +22,64 @@ * Create an Engine Status Table and its charts */ function createEngineStatusTable(id, startStopStatus) { - var tableId = config.engineStatus.tableId; - var headers = config.engineStatus.headers; + var tableId = config.engineStatus.tableId; + var headers = config.engineStatus.headers; - // Create a wrapper div for both the table and the charts - var wrapper = document.createElement("div"); - wrapper.setAttribute("id", id + "_wrapper"); - wrapper.setAttribute("class", "wrapper"); - $("." + config.engineStatus.parent).append(wrapper); + // Create a wrapper div for both the table and the charts + var wrapper = document.createElement("div"); + wrapper.setAttribute("id", id + "_wrapper"); + wrapper.setAttribute("class", "wrapper"); + $("." + config.engineStatus.parent).append(wrapper); - // Create the table - var table = createEngineTable($(wrapper), id, 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; - var actionTD = $(tableRow).find("#" + tableId + "_action"); - var checked = (startStopStatus === "STOPPED") ? "checked" : ""; - var chartWrapper = document.createElement("div"); - chartWrapper.setAttribute("id", "chartWrapper"); - actionTD - .html('<label class="ebSwitcher"><input type="checkbox" ' - + checked - + ' class="ebSwitcher-checkbox" /><div class="ebSwitcher-body"><div class="ebSwitcher-onLabel">Stopped</div><div class="ebSwitcher-switch"></div><div class="ebSwitcher-offLabel">Started</div></div></label>'); + // Create the table + var table = createEngineTable($(wrapper), id, 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; + var actionTD = $(tableRow).find("#" + tableId + "_action"); + var checked = (startStopStatus === "STOPPED") ? "checked" : ""; + var chartWrapper = document.createElement("div"); + chartWrapper.setAttribute("id", "chartWrapper"); + actionTD + .html('<label class="ebSwitcher"><input type="checkbox" ' + + checked + + ' class="ebSwitcher-checkbox" /><div class="ebSwitcher-body"><div class="ebSwitcher-onLabel">Stopped</div><div class="ebSwitcher-switch"></div><div class="ebSwitcher-offLabel">Started</div></div></label>'); - var checkbox = $(actionTD).find('input:checkbox:first'); - checkbox.change(function(event) { - var startstop; - if (checkbox.prop('checked')) { - startstop = "Stop"; - } else { - startstop = "Start"; - } - this.servicesCall.abort(); - ajax_get(restRootURL + "startstop", startStopCallback, - this.engineURL.hostname, this.engineURL.port, { - engineId : id.split("_")[1], - startstop : startstop - }); - }.bind(this)); + var checkbox = $(actionTD).find('input:checkbox:first'); + checkbox.change(function(event) { + var startstop; + if (checkbox.prop('checked')) { + startstop = "Stop"; + } else { + startstop = "Start"; + } + this.servicesCall.abort(); + ajax_get(restRootURL + "startstop", startStopCallback, this.engineURL.hostname, this.engineURL.port, { + engineId : id.split("_")[1], + startstop : startstop + }); + }.bind(this)); - $(table).children("#engineTableBody").append(tableRow); + $(table).children("#engineTableBody").append(tableRow); - var expand = document.createElement("i"); - expand - .setAttribute("class", - "ebIcon ebIcon_rowExpanded ebIcon_large ebIcon_interactive expandIcon"); - $(expand) - .click( - function() { - if ($(chartWrapper).is(":visible")) { - expand - .setAttribute("class", - "ebIcon ebIcon_rowCollapsed ebIcon_large ebIcon_interactive expandIcon"); - } else { - expand - .setAttribute("class", - "ebIcon ebIcon_rowExpanded ebIcon_large ebIcon_interactive expandIcon"); - } - $(chartWrapper).slideToggle(); - }.bind(this)); - $(wrapper).append(expand); - $(wrapper).append(chartWrapper); - return table; + var expand = document.createElement("i"); + expand.setAttribute("class", "ebIcon ebIcon_rowExpanded ebIcon_large ebIcon_interactive expandIcon"); + $(expand).click(function() { + if ($(chartWrapper).is(":visible")) { + expand.setAttribute("class", "ebIcon ebIcon_rowCollapsed ebIcon_large ebIcon_interactive expandIcon"); + } else { + expand.setAttribute("class", "ebIcon ebIcon_rowExpanded ebIcon_large ebIcon_interactive expandIcon"); + } + $(chartWrapper).slideToggle(); + }.bind(this)); + $(wrapper).append(expand); + $(wrapper).append(chartWrapper); + return table; } /* @@ -96,89 +87,81 @@ function createEngineStatusTable(id, startStopStatus) { * update only where necessary */ function setEngineStatusData(engineStatusData) { - var tableId = config.engineStatus.tableId; - var headers = config.engineStatus.headers.map(function(a) { - return a.id; - }); - for ( var esd in engineStatusData) { - var id = tableId + "_" + engineStatusData[esd].id; - var existingTable = undefined; - for ( var est in this.engineStatusTables) { - if (id === this.engineStatusTables[est].getAttribute("id")) { - existingTable = this.engineStatusTables[est]; - } - } + var tableId = config.engineStatus.tableId; + var headers = config.engineStatus.headers.map(function(a) { + return a.id; + }); + for ( var esd in engineStatusData) { + var id = tableId + "_" + engineStatusData[esd].id; + var existingTable = undefined; + for ( var est in this.engineStatusTables) { + if (id === this.engineStatusTables[est].getAttribute("id")) { + existingTable = this.engineStatusTables[est]; + } + } - var data = [ engineStatusData[esd].timestamp, id.split("_")[1], - engineStatusData[esd].status, - engineStatusData[esd].last_message, - engineStatusData[esd].up_time, - engineStatusData[esd].policy_executions ]; + var data = [ engineStatusData[esd].timestamp, id.split("_")[1], engineStatusData[esd].status, + engineStatusData[esd].last_message, engineStatusData[esd].up_time, + engineStatusData[esd].policy_executions ]; - var table = existingTable; - // If no table already exists for the engine, add one - if (!table) { - table = createEngineStatusTable(id, engineStatusData[esd].status); - table.setAttribute("id", id); - table.style["margin-bottom"] = "10px"; - table.style.display = "inline-block"; - this.engineStatusTables.push(table); - } + var table = existingTable; + // If no table already exists for the engine, add one + if (!table) { + table = createEngineStatusTable(id, engineStatusData[esd].status); + table.setAttribute("id", id); + table.style["margin-bottom"] = "10px"; + table.style.display = "inline-block"; + this.engineStatusTables.push(table); + } - // Update data in table - for ( var h in headers) { - var td = $(table).find("#" + tableId + "_" + headers[h]); - if (td.html() !== data[h]) { - $(table).find("#" + tableId + "_" + headers[h]).html(data[h]); - } - } + // Update data in table + for ( var h in headers) { + var td = $(table).find("#" + tableId + "_" + headers[h]); + if (td.html() !== data[h]) { + $(table).find("#" + tableId + "_" + headers[h]).html(data[h]); + } + } - var checked = (engineStatusData[esd].status === "STOPPED"); - var actionTD = $(table).find("#engineStatusTable_action"); - var checkbox = $(actionTD).find('input:checkbox:first'); - if (checkbox.is(":checked") !== checked) { - checkbox.prop("checked", !checkbox.prop("checked")); - } + var checked = (engineStatusData[esd].status === "STOPPED"); + var actionTD = $(table).find("#engineStatusTable_action"); + var checkbox = $(actionTD).find('input:checkbox:first'); + if (checkbox.is(":checked") !== checked) { + checkbox.prop("checked", !checkbox.prop("checked")); + } - // Update charts - var wrapper = $(table).parent(); - var chartWrapper = $(wrapper).find("#chartWrapper") + // Update charts + var wrapper = $(table).parent(); + var chartWrapper = $(wrapper).find("#chartWrapper") - var chartConfig = this.config.engineChart.lastPolicyDurationChart; - var lastPolicyDurationChart = wrapper.find("#" + chartConfig.parent)[0]; - if (lastPolicyDurationChart) { - updateChart(lastPolicyDurationChart, JSON - .parse(engineStatusData[esd].last_policy_duration), - chartConfig.nodeColour); - } else { - chartConfig = this.config.engineChart.lastPolicyDurationChart; - var lastPolicyDurationDiv = document.createElement("div"); - lastPolicyDurationDiv.setAttribute("id", chartConfig.parent); - lastPolicyDurationDiv.setAttribute("class", "apexChart"); - createChart(JSON.parse(engineStatusData[esd].last_policy_duration), - lastPolicyDurationDiv, chartConfig.title, chartConfig.unit, - chartConfig.lineStroke, chartConfig.nodeColour); - $(chartWrapper).append(lastPolicyDurationDiv); - } + var chartConfig = this.config.engineChart.lastPolicyDurationChart; + var lastPolicyDurationChart = wrapper.find("#" + chartConfig.parent)[0]; + if (lastPolicyDurationChart) { + updateChart(lastPolicyDurationChart, JSON.parse(engineStatusData[esd].last_policy_duration), + chartConfig.nodeColour); + } else { + chartConfig = this.config.engineChart.lastPolicyDurationChart; + var lastPolicyDurationDiv = document.createElement("div"); + lastPolicyDurationDiv.setAttribute("id", chartConfig.parent); + lastPolicyDurationDiv.setAttribute("class", "apexChart"); + createChart(JSON.parse(engineStatusData[esd].last_policy_duration), lastPolicyDurationDiv, + chartConfig.title, chartConfig.unit, chartConfig.lineStroke, chartConfig.nodeColour); + $(chartWrapper).append(lastPolicyDurationDiv); + } - chartConfig = this.config.engineChart.averagePolicyDurationChart; - var averagePolicyDurationChart = wrapper.find("#" + chartConfig.parent)[0]; - if (averagePolicyDurationChart) { - updateChart(averagePolicyDurationChart, JSON - .parse(engineStatusData[esd].average_policy_duration), - chartConfig.nodeColour); - } else { - chartConfig = this.config.engineChart.averagePolicyDurationChart; - var averagePolicyDurationDiv = document.createElement("div"); - averagePolicyDurationDiv.setAttribute("id", chartConfig.parent); - averagePolicyDurationDiv.setAttribute("class", "apexChart"); - createChart(JSON - .parse(engineStatusData[esd].average_policy_duration), - averagePolicyDurationDiv, chartConfig.title, - chartConfig.unit, chartConfig.lineStroke, - chartConfig.nodeColour); - $(chartWrapper).append(averagePolicyDurationDiv); - } + chartConfig = this.config.engineChart.averagePolicyDurationChart; + var averagePolicyDurationChart = wrapper.find("#" + chartConfig.parent)[0]; + if (averagePolicyDurationChart) { + updateChart(averagePolicyDurationChart, JSON.parse(engineStatusData[esd].average_policy_duration), + chartConfig.nodeColour); + } else { + chartConfig = this.config.engineChart.averagePolicyDurationChart; + var averagePolicyDurationDiv = document.createElement("div"); + averagePolicyDurationDiv.setAttribute("id", chartConfig.parent); + averagePolicyDurationDiv.setAttribute("class", "apexChart"); + createChart(JSON.parse(engineStatusData[esd].average_policy_duration), averagePolicyDurationDiv, + chartConfig.title, chartConfig.unit, chartConfig.lineStroke, chartConfig.nodeColour); + $(chartWrapper).append(averagePolicyDurationDiv); + } - } + } }
\ No newline at end of file |