|
|
|
@ -70,7 +70,6 @@ $(document).ready(function () {
|
|
|
|
addDeviceSelectedClass(this);
|
|
|
|
addDeviceSelectedClass(this);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
var i;
|
|
|
|
|
|
|
|
var permissionList = $("#permission").data("permission");
|
|
|
|
var permissionList = $("#permission").data("permission");
|
|
|
|
for (var key in permissionList) {
|
|
|
|
for (var key in permissionList) {
|
|
|
|
if (permissionList.hasOwnProperty(key)) {
|
|
|
|
if (permissionList.hasOwnProperty(key)) {
|
|
|
|
@ -163,10 +162,8 @@ function toTitleCase(str) {
|
|
|
|
|
|
|
|
|
|
|
|
function loadDevices(searchType, searchParam){
|
|
|
|
function loadDevices(searchType, searchParam){
|
|
|
|
var deviceListing = $("#device-listing");
|
|
|
|
var deviceListing = $("#device-listing");
|
|
|
|
var deviceListingSrc = deviceListing.attr("src");
|
|
|
|
|
|
|
|
var imageResource = deviceListing.data("image-resource");
|
|
|
|
var imageResource = deviceListing.data("image-resource");
|
|
|
|
var currentUser = deviceListing.data("currentUser");
|
|
|
|
var currentUser = deviceListing.data("currentUser");
|
|
|
|
var frontEndPagination = false;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var serviceURL;
|
|
|
|
var serviceURL;
|
|
|
|
if ($.hasPermission("LIST_DEVICES")) {
|
|
|
|
if ($.hasPermission("LIST_DEVICES")) {
|
|
|
|
@ -206,6 +203,16 @@ function loadDevices(searchType, searchParam){
|
|
|
|
return type;
|
|
|
|
return type;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function getDeviceTypeCategory(type) {
|
|
|
|
|
|
|
|
var deviceTypes = deviceListing.data("deviceTypes");
|
|
|
|
|
|
|
|
for (var i = 0; i < deviceTypes.length; i++) {
|
|
|
|
|
|
|
|
if (deviceTypes[i].type == type) {
|
|
|
|
|
|
|
|
return deviceTypes[i].category;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
return type;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$('#device-grid').datatables_extended ({
|
|
|
|
$('#device-grid').datatables_extended ({
|
|
|
|
serverSide: true,
|
|
|
|
serverSide: true,
|
|
|
|
processing: false,
|
|
|
|
processing: false,
|
|
|
|
@ -238,7 +245,8 @@ function loadDevices(searchType, searchParam){
|
|
|
|
return html;
|
|
|
|
return html;
|
|
|
|
}},
|
|
|
|
}},
|
|
|
|
{ targets: 2, data: 'enrolmentInfo.owner', className: 'fade-edge remove-padding-top'},
|
|
|
|
{ targets: 2, data: 'enrolmentInfo.owner', className: 'fade-edge remove-padding-top'},
|
|
|
|
{ targets: 3, data: 'enrolmentInfo.status', className: 'fade-edge remove-padding-top' ,
|
|
|
|
{
|
|
|
|
|
|
|
|
targets: 3, data: 'enrolmentInfo.status', className: 'fade-edge remove-padding-top',
|
|
|
|
render: function ( status, type, row, meta ) {
|
|
|
|
render: function ( status, type, row, meta ) {
|
|
|
|
var html;
|
|
|
|
var html;
|
|
|
|
switch (status) {
|
|
|
|
switch (status) {
|
|
|
|
@ -257,11 +265,22 @@ function loadDevices(searchType, searchParam){
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return html;
|
|
|
|
return html;
|
|
|
|
}},
|
|
|
|
}},
|
|
|
|
{ targets: 4, data: 'type' , className: 'fade-edge remove-padding-top' ,
|
|
|
|
{
|
|
|
|
|
|
|
|
targets: 4, data: 'type', className: 'fade-edge remove-padding-top',
|
|
|
|
render: function ( status, type, row, meta ) {
|
|
|
|
render: function ( status, type, row, meta ) {
|
|
|
|
return getDeviceTypeLabel(row.type);
|
|
|
|
return getDeviceTypeLabel(row.type);
|
|
|
|
}},
|
|
|
|
}
|
|
|
|
{ targets: 5, data: 'enrolmentInfo.ownership' , className: 'fade-edge remove-padding-top' },
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
targets: 5, data: 'enrolmentInfo.ownership', className: 'fade-edge remove-padding-top',
|
|
|
|
|
|
|
|
render: function (status, type, row, meta) {
|
|
|
|
|
|
|
|
if (getDeviceTypeCategory(row.type) == 'mobile') {
|
|
|
|
|
|
|
|
return row.enrolmentInfo.ownership;
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
return null;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
{ targets: 6, data: 'enrolmentInfo.status' , className: 'text-right content-fill text-left-on-grid-view no-wrap' ,
|
|
|
|
{ targets: 6, data: 'enrolmentInfo.status' , className: 'text-right content-fill text-left-on-grid-view no-wrap' ,
|
|
|
|
render: function ( status, type, row, meta ) {
|
|
|
|
render: function ( status, type, row, meta ) {
|
|
|
|
var deviceType = row.type;
|
|
|
|
var deviceType = row.type;
|
|
|
|
@ -271,6 +290,15 @@ function loadDevices(searchType, searchParam){
|
|
|
|
html = '<a href="device/' + deviceType + '?id=' + deviceIdentifier + '" data-click-event="remove-form"' +
|
|
|
|
html = '<a href="device/' + deviceType + '?id=' + deviceIdentifier + '" data-click-event="remove-form"' +
|
|
|
|
' class="btn padding-reduce-on-grid-view"><span class="fw-stack"><i class="fw fw-ring fw-stack-2x"></i>' +
|
|
|
|
' class="btn padding-reduce-on-grid-view"><span class="fw-stack"><i class="fw fw-ring fw-stack-2x"></i>' +
|
|
|
|
'<i class="fw fw-view fw-stack-1x"></i></span><span class="hidden-xs hidden-on-grid-view">View</span></a>';
|
|
|
|
'<i class="fw fw-view fw-stack-1x"></i></span><span class="hidden-xs hidden-on-grid-view">View</span></a>';
|
|
|
|
|
|
|
|
html += '<a href="analytics?deviceId=' + deviceIdentifier + '&deviceType=' + deviceType + '&deviceName=' + row.name + '" ' +
|
|
|
|
|
|
|
|
'data-click-event="remove-form" class="btn padding-reduce-on-grid-view"><span class="fw-stack">' +
|
|
|
|
|
|
|
|
'<i class="fw fw-ring fw-stack-2x"></i><i class="fw fw-statistics fw-stack-1x"></i></span>' +
|
|
|
|
|
|
|
|
'<span class="hidden-xs hidden-on-grid-view">Analytics</span>';
|
|
|
|
|
|
|
|
html += '<a href="#" data-click-event="remove-form" class="btn padding-reduce-on-grid-view edit-device-link" ' +
|
|
|
|
|
|
|
|
'data-deviceid="' + deviceIdentifier + '" data-devicetype="' + deviceType + '" data-devicename="' + row.name + '">' +
|
|
|
|
|
|
|
|
'<span class="fw-stack"><i class="fw fw-ring fw-stack-2x"></i>' +
|
|
|
|
|
|
|
|
'<i class="fw fw-edit fw-stack-1x"></i></span>' +
|
|
|
|
|
|
|
|
'<span class="hidden-xs hidden-on-grid-view">Edit</span></a>';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return html;
|
|
|
|
return html;
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
@ -285,6 +313,7 @@ function loadDevices(searchType, searchParam){
|
|
|
|
var status = data.enrolmentInfo.status;
|
|
|
|
var status = data.enrolmentInfo.status;
|
|
|
|
var ownership = data.enrolmentInfo.ownership;
|
|
|
|
var ownership = data.enrolmentInfo.ownership;
|
|
|
|
var deviceType = data.type;
|
|
|
|
var deviceType = data.type;
|
|
|
|
|
|
|
|
var category = getDeviceTypeCategory(deviceType);
|
|
|
|
$.each($('td', row), function (colIndex) {
|
|
|
|
$.each($('td', row), function (colIndex) {
|
|
|
|
switch(colIndex) {
|
|
|
|
switch(colIndex) {
|
|
|
|
case 1:
|
|
|
|
case 1:
|
|
|
|
@ -304,18 +333,21 @@ function loadDevices(searchType, searchParam){
|
|
|
|
case 4:
|
|
|
|
case 4:
|
|
|
|
$(this).attr('data-grid-label', "Type");
|
|
|
|
$(this).attr('data-grid-label', "Type");
|
|
|
|
$(this).attr('data-search', deviceType);
|
|
|
|
$(this).attr('data-search', deviceType);
|
|
|
|
$(this).attr('data-display', deviceType);
|
|
|
|
$(this).attr('data-display', getDeviceTypeLabel(deviceType));
|
|
|
|
break;
|
|
|
|
break;
|
|
|
|
case 5:
|
|
|
|
case 5:
|
|
|
|
$(this).attr('data-grid-label', "Ownership");
|
|
|
|
if (category == 'mobile') {
|
|
|
|
$(this).attr('data-search', ownership);
|
|
|
|
$(this).attr('data-grid-label', "Ownership");
|
|
|
|
$(this).attr('data-display', ownership);
|
|
|
|
$(this).attr('data-search', ownership);
|
|
|
|
|
|
|
|
$(this).attr('data-display', ownership);
|
|
|
|
|
|
|
|
}
|
|
|
|
break;
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
},
|
|
|
|
},
|
|
|
|
"fnDrawCallback": function( oSettings ) {
|
|
|
|
"fnDrawCallback": function( oSettings ) {
|
|
|
|
$(".icon .text").res_text(0.2);
|
|
|
|
$(".icon .text").res_text(0.2);
|
|
|
|
|
|
|
|
attachDeviceEvents();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
$(deviceCheckbox).click(function () {
|
|
|
|
$(deviceCheckbox).click(function () {
|
|
|
|
@ -338,50 +370,6 @@ function openCollapsedNav() {
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function loadGroupedDevices(groupId) {
|
|
|
|
|
|
|
|
var serviceURL = "api/group/id/" + groupId + "/device/all";
|
|
|
|
|
|
|
|
var deviceListing = $("#device-listing");
|
|
|
|
|
|
|
|
var deviceListingSrc = deviceListing.attr("src");
|
|
|
|
|
|
|
|
var imageResource = deviceListing.data("image-resource");
|
|
|
|
|
|
|
|
var currentUser = deviceListing.data("currentUser");
|
|
|
|
|
|
|
|
$.template("device-listing", deviceListingSrc, function (template) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var loadGroupRequest = $.ajax({
|
|
|
|
|
|
|
|
url: serviceURL,
|
|
|
|
|
|
|
|
method: "GET",
|
|
|
|
|
|
|
|
contentType: "application/json",
|
|
|
|
|
|
|
|
accept: "application/json"
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
loadGroupRequest.done(function (data) {
|
|
|
|
|
|
|
|
data = JSON.parse(data);
|
|
|
|
|
|
|
|
var viewModel = {};
|
|
|
|
|
|
|
|
viewModel.devices = data.data;
|
|
|
|
|
|
|
|
viewModel.imageLocation = imageResource;
|
|
|
|
|
|
|
|
viewModel.isGroupView = "true";
|
|
|
|
|
|
|
|
if (viewModel.devices.length > 0) {
|
|
|
|
|
|
|
|
$('#device-grid').removeClass('hidden');
|
|
|
|
|
|
|
|
var content = template(viewModel);
|
|
|
|
|
|
|
|
$("#ast-container").html(content);
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
|
|
|
* On device checkbox select add parent selected style class
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
$(deviceCheckbox).click(function () {
|
|
|
|
|
|
|
|
addDeviceSelectedClass(this);
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
attachDeviceEvents();
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
$('#device-table').addClass('hidden');
|
|
|
|
|
|
|
|
$('#device-listing-status-msg').text('No device is available to be displayed.');
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
$("#loading-content").remove();
|
|
|
|
|
|
|
|
$('#device-grid').datatables_extended();
|
|
|
|
|
|
|
|
$(".icon .text").res_text(0.2);
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function initPage() {
|
|
|
|
function initPage() {
|
|
|
|
var deviceListing = $("#device-listing");
|
|
|
|
var deviceListing = $("#device-listing");
|
|
|
|
var currentUser = deviceListing.data("currentUser");
|
|
|
|
var currentUser = deviceListing.data("currentUser");
|
|
|
|
@ -642,9 +630,9 @@ function attachDeviceEvents() {
|
|
|
|
});
|
|
|
|
});
|
|
|
|
postOperationRequest.done(function (data) {
|
|
|
|
postOperationRequest.done(function (data) {
|
|
|
|
$(modalPopupContent).html($('#edit-device-200-content').html());
|
|
|
|
$(modalPopupContent).html($('#edit-device-200-content').html());
|
|
|
|
$("h4[data-deviceid='" + deviceId + "']").html(newDeviceName);
|
|
|
|
|
|
|
|
setTimeout(function () {
|
|
|
|
setTimeout(function () {
|
|
|
|
hidePopup();
|
|
|
|
hidePopup();
|
|
|
|
|
|
|
|
location.reload(false);
|
|
|
|
}, 2000);
|
|
|
|
}, 2000);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
postOperationRequest.fail(function (jqXHR, textStatus) {
|
|
|
|
postOperationRequest.fail(function (jqXHR, textStatus) {
|
|
|
|
|
ayyoob
9 years ago