|
|
|
|
@ -16,12 +16,12 @@
|
|
|
|
|
* under the License.
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
var deviceId = $(".device-id");
|
|
|
|
|
var deviceIdentifier = deviceId.data("deviceid");
|
|
|
|
|
var deviceType = deviceId.data("type");
|
|
|
|
|
var deviceOwner = deviceId.data("owner");
|
|
|
|
|
var deviceId = $(".device-id");
|
|
|
|
|
var deviceIdentifier = deviceId.data("deviceid");
|
|
|
|
|
var deviceType = deviceId.data("type");
|
|
|
|
|
var deviceOwner = deviceId.data("owner");
|
|
|
|
|
|
|
|
|
|
$(document).ready(function () {
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
|
$(".panel-body").removeClass("hidden");
|
|
|
|
|
$("#loading-content").remove();
|
|
|
|
|
|
|
|
|
|
@ -34,25 +34,143 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$("#refresh-policy").click(function () {
|
|
|
|
|
$("#refresh-policy").click(function() {
|
|
|
|
|
$('#policy-spinner').removeClass('hidden');
|
|
|
|
|
loadPolicyCompliance();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$("#refresh-operations").click(function () {
|
|
|
|
|
$("#refresh-operations").click(function() {
|
|
|
|
|
$('#operations-spinner').removeClass('hidden');
|
|
|
|
|
loadOperationsLog(true);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
function loadOperationsLog() {
|
|
|
|
|
var table = $('#operation-log').DataTable({
|
|
|
|
|
serverSide: true,
|
|
|
|
|
processing: false,
|
|
|
|
|
searching: false,
|
|
|
|
|
ordering: false,
|
|
|
|
|
pageLength: 10,
|
|
|
|
|
order: [],
|
|
|
|
|
autoWidth: false,
|
|
|
|
|
ajax: {
|
|
|
|
|
url: "/devicemgt/api/operation/paginate",
|
|
|
|
|
data: {
|
|
|
|
|
deviceId: deviceIdentifier,
|
|
|
|
|
deviceType: deviceType,
|
|
|
|
|
owner: deviceOwner
|
|
|
|
|
},
|
|
|
|
|
dataSrc: function(json) {
|
|
|
|
|
$("#operations-spinner").addClass("hidden");
|
|
|
|
|
$("#operations-log-container").empty();
|
|
|
|
|
return json.data;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
columnDefs: [{
|
|
|
|
|
targets: 0,
|
|
|
|
|
data: "code",
|
|
|
|
|
class: "icon-only content-fill"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
targets: 1,
|
|
|
|
|
data: "createdTimeStamp",
|
|
|
|
|
class: "text-right",
|
|
|
|
|
render: function(date) {
|
|
|
|
|
var value = String(date);
|
|
|
|
|
return value.slice(0, 16);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
targets: 2,
|
|
|
|
|
data: "status",
|
|
|
|
|
class: "text-right extended-log-data log-record-status",
|
|
|
|
|
render: function(data, type, full, meta) {
|
|
|
|
|
return '<i class="icon fw fw-success"></i><span> ' + data + ' </span><i class="icon fw fw-down"></i>';
|
|
|
|
|
},
|
|
|
|
|
width: "100%"
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
fnCreatedRow: function(nRow, aData, iDataIndex) {
|
|
|
|
|
$('td:eq(0)', nRow)
|
|
|
|
|
.attr('data-search', aData.Device_Type)
|
|
|
|
|
.attr('data-display', aData.Device_Type)
|
|
|
|
|
.addClass(' icon-only content-fill');
|
|
|
|
|
|
|
|
|
|
$('td:eq(1), td:eq(2)', nRow).addClass('text-right');
|
|
|
|
|
$('td:eq(2)', nRow).addClass('log-record-status')
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$('#operation-log tbody').on('click', 'td.extended-log-data', function() {
|
|
|
|
|
var tr = $(this).closest('tr');
|
|
|
|
|
var row = table.row(tr);
|
|
|
|
|
var rowData = row.data()
|
|
|
|
|
var deviceid = $('.device-id').data('deviceid');
|
|
|
|
|
var deviceType = $('.device-id').data('type');
|
|
|
|
|
var uri = "/api/device-mgt/v1.0/activities/" + rowData.activityId + "/" + deviceType + "/" + deviceid;
|
|
|
|
|
var contentType = "application/json";
|
|
|
|
|
|
|
|
|
|
if (row.child.isShown()) {
|
|
|
|
|
row.child.hide();
|
|
|
|
|
$(row.child()).removeClass('log-data-row');
|
|
|
|
|
tr.removeClass('shown');
|
|
|
|
|
} else {
|
|
|
|
|
invokerUtil.get(uri,(payload) => {
|
|
|
|
|
row.child(renderLogDetails(row.data(),payload)).show();
|
|
|
|
|
$(row.child()).addClass('log-data-row');
|
|
|
|
|
tr.addClass('shown');
|
|
|
|
|
},(error) => {
|
|
|
|
|
|
|
|
|
|
},contentType);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
function loadOperationsLog(update) {
|
|
|
|
|
function renderLogDetails(obj,data) {
|
|
|
|
|
var payload = JSON.parse(data);
|
|
|
|
|
var logStream = '<div class="log-data">';
|
|
|
|
|
|
|
|
|
|
Object.entries(payload.activityStatus).forEach(
|
|
|
|
|
([key, entry]) => {
|
|
|
|
|
logStream += '<div class="row log-entry">' +
|
|
|
|
|
'<div class="col-lg-8">' +
|
|
|
|
|
'<div class="log-status"><i class="icon fw ' + getLogStatusIcon(entry.status) + ' "></i>' +
|
|
|
|
|
'<span>' + entry.status + '</span></div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div class="col-lg-4">' +
|
|
|
|
|
'<div class="log-time text-right"><span>' + entry.updatedTimestamp + '</span></div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'</div>';
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
logStream += '</div></div>';
|
|
|
|
|
return logStream;
|
|
|
|
|
|
|
|
|
|
function getLogStatusIcon(entry) {
|
|
|
|
|
switch (entry) {
|
|
|
|
|
case 'COMPLETED':
|
|
|
|
|
return 'fw-success'
|
|
|
|
|
break;
|
|
|
|
|
case 'PENDING':
|
|
|
|
|
return 'fw-pending'
|
|
|
|
|
break;
|
|
|
|
|
default:
|
|
|
|
|
return 'fw-info'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function loadOperationsLog2(update) {
|
|
|
|
|
var operationsLogTable = "#operations-log-table";
|
|
|
|
|
|
|
|
|
|
if (update) {
|
|
|
|
|
operationTable = $(operationsLogTable).DataTable();
|
|
|
|
|
$("#operations-spinner").removeClass("hidden");
|
|
|
|
|
operationTable.ajax.reload(function ( json ) {
|
|
|
|
|
operationTable.ajax.reload(function(json) {
|
|
|
|
|
$("#operations-spinner").addClass("hidden");
|
|
|
|
|
}, false);
|
|
|
|
|
return;
|
|
|
|
|
@ -62,45 +180,54 @@
|
|
|
|
|
processing: false,
|
|
|
|
|
searching: false,
|
|
|
|
|
ordering: false,
|
|
|
|
|
pageLength : 10,
|
|
|
|
|
pageLength: 10,
|
|
|
|
|
order: [],
|
|
|
|
|
ajax: {
|
|
|
|
|
|
|
|
|
|
url: "/devicemgt/api/operation/paginate",
|
|
|
|
|
data: {deviceId : deviceIdentifier, deviceType: deviceType, owner: deviceOwner},
|
|
|
|
|
dataSrc: function (json) {
|
|
|
|
|
data: {
|
|
|
|
|
deviceId: deviceIdentifier,
|
|
|
|
|
deviceType: deviceType,
|
|
|
|
|
owner: deviceOwner
|
|
|
|
|
},
|
|
|
|
|
dataSrc: function(json) {
|
|
|
|
|
$("#operations-spinner").addClass("hidden");
|
|
|
|
|
$("#operations-log-container").empty();
|
|
|
|
|
return json.data;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
columnDefs: [
|
|
|
|
|
{targets: 0, data: "code" },
|
|
|
|
|
{targets: 1, data: "status", render:
|
|
|
|
|
function (status) {
|
|
|
|
|
columnDefs: [{
|
|
|
|
|
targets: 0,
|
|
|
|
|
data: "code"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
targets: 1,
|
|
|
|
|
data: "status",
|
|
|
|
|
render: function(status) {
|
|
|
|
|
var html;
|
|
|
|
|
switch (status) {
|
|
|
|
|
case "COMPLETED" :
|
|
|
|
|
case "COMPLETED":
|
|
|
|
|
html = "<span><i class='fw fw-success icon-success'></i> Completed</span>";
|
|
|
|
|
break;
|
|
|
|
|
case "PENDING" :
|
|
|
|
|
case "PENDING":
|
|
|
|
|
html = "<span><i class='fw fw-warning icon-warning'></i> Pending</span>";
|
|
|
|
|
break;
|
|
|
|
|
case "ERROR" :
|
|
|
|
|
case "ERROR":
|
|
|
|
|
html = "<span><i class='fw fw-error icon-danger'></i> Error</span>";
|
|
|
|
|
break;
|
|
|
|
|
case "IN_PROGRESS" :
|
|
|
|
|
case "IN_PROGRESS":
|
|
|
|
|
html = "<span><i class='fw fw-success icon-warning'></i> In Progress</span>";
|
|
|
|
|
break;
|
|
|
|
|
case "REPEATED" :
|
|
|
|
|
case "REPEATED":
|
|
|
|
|
html = "<span><i class='fw fw-success icon-warning'></i> Repeated</span>";
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
return html;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{targets: 2, data: "createdTimeStamp", render:
|
|
|
|
|
function (date) {
|
|
|
|
|
{
|
|
|
|
|
targets: 2,
|
|
|
|
|
data: "createdTimeStamp",
|
|
|
|
|
render: function(date) {
|
|
|
|
|
var value = String(date);
|
|
|
|
|
return value.slice(0, 16);
|
|
|
|
|
}
|
|
|
|
|
@ -112,7 +239,7 @@
|
|
|
|
|
$(row).attr("data-id", data["id"]);
|
|
|
|
|
$.each($("td", row),
|
|
|
|
|
function(colIndex) {
|
|
|
|
|
switch(colIndex) {
|
|
|
|
|
switch (colIndex) {
|
|
|
|
|
case 1:
|
|
|
|
|
$(this).attr("data-grid-label", "Code");
|
|
|
|
|
$(this).attr("data-display", data["code"]);
|
|
|
|
|
@ -130,9 +257,9 @@
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function loadPolicyCompliance() {
|
|
|
|
|
function loadPolicyCompliance() {
|
|
|
|
|
var policyCompliance = $("#policy-view");
|
|
|
|
|
var policyComplianceTemplate = policyCompliance.attr("src");
|
|
|
|
|
var deviceId = policyCompliance.data("device-id");
|
|
|
|
|
@ -142,23 +269,23 @@
|
|
|
|
|
$.template(
|
|
|
|
|
"policy-view",
|
|
|
|
|
policyComplianceTemplate,
|
|
|
|
|
function (template) {
|
|
|
|
|
function(template) {
|
|
|
|
|
var getEffectivePolicyURL = "/api/device-mgt/v1.0/devices/" + deviceType + "/" + deviceId + "/effective-policy";
|
|
|
|
|
var getDeviceComplianceURL = "/api/device-mgt/v1.0/devices/" + deviceType + "/" + deviceId + "/compliance-data";
|
|
|
|
|
invokerUtil.get(
|
|
|
|
|
getEffectivePolicyURL,
|
|
|
|
|
// success-callback
|
|
|
|
|
function (data, textStatus, jqXHR) {
|
|
|
|
|
function(data, textStatus, jqXHR) {
|
|
|
|
|
if (jqXHR.status == 200) {
|
|
|
|
|
$("#policy-spinner").addClass("hidden");
|
|
|
|
|
if(data){
|
|
|
|
|
if (data) {
|
|
|
|
|
data = JSON.parse(data);
|
|
|
|
|
if (data["active"] == true) {
|
|
|
|
|
activePolicy = data;
|
|
|
|
|
invokerUtil.get(
|
|
|
|
|
getDeviceComplianceURL,
|
|
|
|
|
// success-callback
|
|
|
|
|
function (data, textStatus, jqXHR) {
|
|
|
|
|
function(data, textStatus, jqXHR) {
|
|
|
|
|
if (jqXHR.status == 200 && data) {
|
|
|
|
|
var viewModel = {};
|
|
|
|
|
viewModel["policy"] = activePolicy;
|
|
|
|
|
@ -188,7 +315,7 @@
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// error-callback
|
|
|
|
|
function () {
|
|
|
|
|
function() {
|
|
|
|
|
$("#policy-list-container").
|
|
|
|
|
html("<div class='panel-body'><br><p class='fw-warning'> Loading policy compliance related data " +
|
|
|
|
|
"was not successful. please try refreshing data in a while.<p></div>");
|
|
|
|
|
@ -199,7 +326,7 @@
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// error-callback
|
|
|
|
|
function () {
|
|
|
|
|
function() {
|
|
|
|
|
$("#policy-list-container").
|
|
|
|
|
html("<div class='panel-body'><br><p class='fw-warning'> Loading policy compliance related data " +
|
|
|
|
|
"was not successful. please try refreshing data in a while.<p></div>");
|
|
|
|
|
@ -207,4 +334,4 @@
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
dunithd
7 years ago