Ace
8 years ago
parent
3481b02d5b
commit
a37d5dbfd9
@ -0,0 +1,123 @@
|
|||||||
|
{{!
|
||||||
|
Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
|
||||||
|
|
||||||
|
WSO2 Inc. licenses this file to you 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.
|
||||||
|
}}
|
||||||
|
{{unit "cdmf.unit.ui.title" pageTitle="Device Management"}}
|
||||||
|
|
||||||
|
{{unit "cdmf.unit.data-tables-extended"}}
|
||||||
|
|
||||||
|
{{#zone "breadcrumbs"}}
|
||||||
|
<li>
|
||||||
|
<a href="{{@app.context}}/">
|
||||||
|
<i class="icon fw fw-home"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="{{@app.context}}/devices">
|
||||||
|
Devices
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{{/zone}}
|
||||||
|
|
||||||
|
{{#zone "navbarActions"}}
|
||||||
|
{{#if permissions.enroll}}
|
||||||
|
<li>
|
||||||
|
<a href="{{@app.context}}/device/enroll" class="cu-btn">
|
||||||
|
<span class="icon fw-stack">
|
||||||
|
<i class="fw fw-add fw-stack-1x"></i>
|
||||||
|
<i class="fw fw-ring fw-stack-2x"></i>
|
||||||
|
</span>
|
||||||
|
Enroll Device
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{{/if}}
|
||||||
|
{{/zone}}
|
||||||
|
|
||||||
|
{{#zone "content"}}
|
||||||
|
<span id="permission" data-permission="{{permissions}}"></span>
|
||||||
|
<div id="loading-content" class="col-centered">
|
||||||
|
<i class="fw fw-settings fw-spin fw-2x"></i>
|
||||||
|
|
||||||
|
Loading devices . . .
|
||||||
|
<br>
|
||||||
|
</div>
|
||||||
|
<div id="device-listing-status" class="raw hidden">
|
||||||
|
<ul style="list-style-type: none;">
|
||||||
|
<li class="message message-info" >
|
||||||
|
<h4>
|
||||||
|
<i class="icon fw fw-info"></i>
|
||||||
|
<a id="device-listing-status-msg"></a>
|
||||||
|
</h4>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id="device-table">
|
||||||
|
<table class="table table-striped table-hover list-table display responsive nowrap data-table grid-view" id="device-grid">
|
||||||
|
<thead>
|
||||||
|
<tr class="sort-row">
|
||||||
|
<th class="no-sort"></th>
|
||||||
|
<th>By Device Name</th>
|
||||||
|
<th>By Owner</th>
|
||||||
|
<th>By Status</th>
|
||||||
|
<th>By Platform</th>
|
||||||
|
<th>By Ownership</th>
|
||||||
|
<th class="no-sort"></th>
|
||||||
|
</tr>
|
||||||
|
<tr class="filter-row filter-box">
|
||||||
|
<th class="no-sort"></th>
|
||||||
|
<th data-for="By Device Name"></th>
|
||||||
|
<th data-for="By Owner" class="text-filter"></th>
|
||||||
|
<th data-for="By Status" class="select-filter"></th>
|
||||||
|
<th data-for="By Platform" class="select-filter data-platform"></th>
|
||||||
|
<th data-for="By Ownership" class="select-filter"></th>
|
||||||
|
<th class="no-sort"></th>
|
||||||
|
</tr>
|
||||||
|
<tr class="bulk-action-row">
|
||||||
|
<th colspan="7">
|
||||||
|
<div id = "operation-bar">
|
||||||
|
{{unit "mdm.unit.device.operation-bar"}}
|
||||||
|
</div>
|
||||||
|
<div id="operation-guide" class="bs-callout bs-callout-info">
|
||||||
|
<h4>Enabling Device Operations</h4>
|
||||||
|
<p>To enable device operations, select the desired platform from above filter.</p>
|
||||||
|
</div>
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody id="ast-container">
|
||||||
|
|
||||||
|
<br class="c-both" />
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<br class="c-both"/>
|
||||||
|
<div id="content-filter-types" style="display: none">
|
||||||
|
<div class="sort-title">Sort By</div>
|
||||||
|
<div class="sort-options">
|
||||||
|
<a href="#">By Device Name<span class="ico-sort-asc"></span></a>
|
||||||
|
<a href="#">By Owner</a>
|
||||||
|
<a href="#">By Status</a>
|
||||||
|
<a href="#">By Platform</a>
|
||||||
|
<a href="#">By Ownership</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{/zone}}
|
||||||
|
|
||||||
|
{{#zone "bottomJs"}}
|
||||||
|
<script id="device-listing" data-current-user="{{currentUser.username}}" data-image-resource="{{self.publicURL}}/images/"
|
||||||
|
src="{{self.publicURL}}/templates/device-listing.hbs" type="text/x-handlebars-template" ></script>
|
||||||
|
{{js "js/device-listing.js"}}
|
||||||
|
{{/zone}}
|
||||||
@ -0,0 +1,40 @@
|
|||||||
|
/*
|
||||||
|
* Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
|
||||||
|
*
|
||||||
|
* WSO2 Inc. licenses this file to you 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.
|
||||||
|
*/
|
||||||
|
function onRequest(context){
|
||||||
|
var userModule = require("/app/modules/business-controllers/user.js").userModule;
|
||||||
|
var constants = require("/app/modules/constants.js");
|
||||||
|
var viewModel = {};
|
||||||
|
var permissions = [];
|
||||||
|
if(userModule.isAuthorized("/permission/admin/device-mgt/emm-admin/devices/list")){
|
||||||
|
permissions.push("LIST_DEVICES");
|
||||||
|
if (userModule.isAuthorized("/permission/admin/device-mgt/emm-admin/devices/view")) {
|
||||||
|
permissions.push("VIEW_DEVICES");
|
||||||
|
}
|
||||||
|
}else if(userModule.isAuthorized("/permission/admin/device-mgt/user/devices/list")){
|
||||||
|
permissions.push("LIST_OWN_DEVICES");
|
||||||
|
if (userModule.isAuthorized("/permission/admin/device-mgt/user/devices/view")) {
|
||||||
|
permissions.push("VIEW_OWN_DEVICES");
|
||||||
|
}
|
||||||
|
}else if(userModule.isAuthorized("/permission/admin/device-mgt/emm-admin/policies/list")){
|
||||||
|
permissions.push("LIST_POLICIES");
|
||||||
|
}
|
||||||
|
var currentUser = session.get(constants.USER_SESSION_KEY);
|
||||||
|
viewModel.permissions = stringify(permissions);
|
||||||
|
viewModel.currentUser = currentUser;
|
||||||
|
return viewModel;
|
||||||
|
}
|
||||||
@ -0,0 +1,4 @@
|
|||||||
|
{
|
||||||
|
"version": "1.0.0",
|
||||||
|
"extends": "cdmf.page.devices"
|
||||||
|
}
|
||||||
|
After Width: | Height: | Size: 229 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 6.8 KiB |
@ -0,0 +1,520 @@
|
|||||||
|
/*
|
||||||
|
* Copyright (c) 2015, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
|
||||||
|
*
|
||||||
|
* WSO2 Inc. licenses this file to you 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.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Following function would execute
|
||||||
|
* when a user clicks on the list item
|
||||||
|
* initial mode and with out select mode.
|
||||||
|
*/
|
||||||
|
function InitiateViewOption(url) {
|
||||||
|
if ($(".select-enable-btn").text() == "Select") {
|
||||||
|
$(location).attr('href', url);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
(function () {
|
||||||
|
var cache = {};
|
||||||
|
var permissionSet = {};
|
||||||
|
var validateAndReturn = function (value) {
|
||||||
|
return (value == undefined || value == null) ? "Unspecified" : value;
|
||||||
|
};
|
||||||
|
Handlebars.registerHelper("deviceMap", function (device) {
|
||||||
|
device.owner = validateAndReturn(device.owner);
|
||||||
|
device.ownership = validateAndReturn(device.ownership);
|
||||||
|
var arr = device.properties;
|
||||||
|
if (arr){
|
||||||
|
device.properties = arr.reduce(function (total, current) {
|
||||||
|
total[current.name] = validateAndReturn(current.value);
|
||||||
|
return total;
|
||||||
|
}, {});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
//This method is used to setup permission for device listing
|
||||||
|
$.setPermission = function (permission) {
|
||||||
|
permissionSet[permission] = true;
|
||||||
|
};
|
||||||
|
|
||||||
|
$.hasPermission = function (permission) {
|
||||||
|
return permissionSet[permission];
|
||||||
|
};
|
||||||
|
})();
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Setting-up global variables.
|
||||||
|
*/
|
||||||
|
var deviceCheckbox = "#ast-container .ctrl-wr-asset .itm-select input[type='checkbox']";
|
||||||
|
var assetContainer = "#ast-container";
|
||||||
|
|
||||||
|
/*
|
||||||
|
* DOM ready functions.
|
||||||
|
*/
|
||||||
|
$(document).ready(function () {
|
||||||
|
/* Adding selected class for selected devices */
|
||||||
|
$(deviceCheckbox).each(function () {
|
||||||
|
addDeviceSelectedClass(this);
|
||||||
|
});
|
||||||
|
|
||||||
|
var i;
|
||||||
|
var permissionList = $("#permission").data("permission");
|
||||||
|
for (i = 0; i < permissionList.length; i++) {
|
||||||
|
$.setPermission(permissionList[i]);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* for device list sorting drop down */
|
||||||
|
$(".ctrl-filter-type-switcher").popover({
|
||||||
|
html : true,
|
||||||
|
content : function () {
|
||||||
|
return $("#content-filter-types").html();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$(".ast-container").on("click", ".claim-btn", function(e){
|
||||||
|
e.stopPropagation();
|
||||||
|
var deviceId = $(this).data("deviceid");
|
||||||
|
var deviceListing = $("#device-listing");
|
||||||
|
var currentUser = deviceListing.data("current-user");
|
||||||
|
var serviceURL = "/temp-controller-agent/enrollment/claim?username=" + currentUser;
|
||||||
|
var deviceIdentifier = {id: deviceId, type: "TemperatureController"};
|
||||||
|
invokerUtil.put(serviceURL, deviceIdentifier, function(message){
|
||||||
|
console.log(message);
|
||||||
|
}, function(message){
|
||||||
|
console.log(message.content);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
/*
|
||||||
|
* On Select All Device button click function.
|
||||||
|
*
|
||||||
|
* @param button: Select All Device button
|
||||||
|
*/
|
||||||
|
function selectAllDevices(button) {
|
||||||
|
if(!$(button).data('select')){
|
||||||
|
$(deviceCheckbox).each(function(index){
|
||||||
|
$(this).prop('checked', true);
|
||||||
|
addDeviceSelectedClass(this);
|
||||||
|
});
|
||||||
|
$(button).data('select', true);
|
||||||
|
$(button).html('Deselect All Devices');
|
||||||
|
}else{
|
||||||
|
$(deviceCheckbox).each(function(index){
|
||||||
|
$(this).prop('checked', false);
|
||||||
|
addDeviceSelectedClass(this);
|
||||||
|
});
|
||||||
|
$(button).data('select', false);
|
||||||
|
$(button).html('Select All Devices');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* On listing layout toggle buttons click function.
|
||||||
|
*
|
||||||
|
* @param view: Selected view type
|
||||||
|
* @param selection: Selection button
|
||||||
|
*/
|
||||||
|
function changeDeviceView(view, selection) {
|
||||||
|
$(".view-toggle").each(function() {
|
||||||
|
$(this).removeClass("selected");
|
||||||
|
});
|
||||||
|
$(selection).addClass("selected");
|
||||||
|
if (view == "list") {
|
||||||
|
$(assetContainer).addClass("list-view");
|
||||||
|
} else {
|
||||||
|
$(assetContainer).removeClass("list-view");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Add selected style class to the parent element function.
|
||||||
|
*
|
||||||
|
* @param checkbox: Selected checkbox
|
||||||
|
*/
|
||||||
|
function addDeviceSelectedClass(checkbox) {
|
||||||
|
if ($(checkbox).is(":checked")) {
|
||||||
|
$(checkbox).closest(".ctrl-wr-asset").addClass("selected device-select");
|
||||||
|
} else {
|
||||||
|
$(checkbox).closest(".ctrl-wr-asset").removeClass("selected device-select");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function toTitleCase(str) {
|
||||||
|
return str.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadDevices(searchType, searchParam){
|
||||||
|
var deviceListing = $("#device-listing");
|
||||||
|
var currentUser = deviceListing.data("currentUser");
|
||||||
|
|
||||||
|
var serviceURL;
|
||||||
|
if ($.hasPermission("LIST_DEVICES")) {
|
||||||
|
//serviceURL = "/mdm-admin/devices";
|
||||||
|
serviceURL = "/api/device-mgt/v1.0/devices";
|
||||||
|
} else if ($.hasPermission("LIST_OWN_DEVICES")) {
|
||||||
|
//Get authenticated users devices
|
||||||
|
serviceURL = "/api/device-mgt/v1.0/devices?user="+currentUser;
|
||||||
|
//serviceURL = "/mdm-admin/users/devices?username="+currentUser;
|
||||||
|
} else {
|
||||||
|
$("#loading-content").remove();
|
||||||
|
$('#device-table').addClass('hidden');
|
||||||
|
$('#device-listing-status-msg').text('Permission denied.');
|
||||||
|
$("#device-listing-status").removeClass(' hidden');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getPropertyValue(deviceProperties, propertyName) {
|
||||||
|
var property;
|
||||||
|
for (var i =0; i < deviceProperties.length; i++) {
|
||||||
|
property = deviceProperties[i];
|
||||||
|
if (property.name == propertyName) {
|
||||||
|
return property.value;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return {};
|
||||||
|
}
|
||||||
|
|
||||||
|
var fnCreatedRow = function( nRow, aData, iDataIndex ) {
|
||||||
|
$(nRow).attr('data-type', 'selectable');
|
||||||
|
$(nRow).attr('data-deviceid', aData.deviceIdentifier);
|
||||||
|
$(nRow).attr('data-devicetype', aData.deviceType);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
var columns = [
|
||||||
|
{
|
||||||
|
class : 'remove-padding icon-only content-fill viewEnabledIcon',
|
||||||
|
data : 'icon',
|
||||||
|
render: function (data, type, row, meta) {
|
||||||
|
var deviceType = row.deviceType;
|
||||||
|
var deviceIdentifier = row.deviceIdentifier;
|
||||||
|
var url = "#";
|
||||||
|
if (status != 'REMOVED') {
|
||||||
|
url = "devices/view?type=" + deviceType + "&id=" + deviceIdentifier;
|
||||||
|
}
|
||||||
|
return '<div onclick="javascript:InitiateViewOption(\'' + url + '\')" class="thumbnail icon"><i class="square-element text fw fw-mobile"></i></div>'
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
class: 'fade-edge',
|
||||||
|
data: 'name',
|
||||||
|
render: function ( name, type, row, meta ) {
|
||||||
|
var model = row.model;
|
||||||
|
var vendor = row.vendor;
|
||||||
|
var html = '<h4>Device ' + name + '</h4>';
|
||||||
|
if (model) {
|
||||||
|
html += '<div>(' + vendor + '-' + model + ')</div>';
|
||||||
|
}
|
||||||
|
return html;
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
class: 'fade-edge remove-padding-top',
|
||||||
|
data: 'user',
|
||||||
|
render: function ( user, type, row, meta ) {
|
||||||
|
return '<div><label class="label-bold">Owner</label>' + user + '</div>';
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
class: 'fade-edge remove-padding-top',
|
||||||
|
data: 'status',
|
||||||
|
render: function ( status, type, row, meta ) {
|
||||||
|
var html;
|
||||||
|
switch (status) {
|
||||||
|
case 'ACTIVE' :
|
||||||
|
html = '<span><i class="fw fw-ok icon-success"></i> Active</span>';
|
||||||
|
break;
|
||||||
|
case 'INACTIVE' :
|
||||||
|
html = '<span><i class="fw fw-warning icon-warning"></i> Inactive</span>';
|
||||||
|
break;
|
||||||
|
case 'BLOCKED' :
|
||||||
|
html = '<span><i class="fw fw-remove icon-danger"></i> Blocked</span>';
|
||||||
|
break;
|
||||||
|
case 'REMOVED' :
|
||||||
|
html = '<span><i class="fw fw-delete icon-danger"></i> Removed</span>';
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
return '<div><label class="label-bold">Status</label>'+html+'</div>';
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
className: 'fade-edge remove-padding-top',
|
||||||
|
data: 'deviceType',
|
||||||
|
render: function ( deviceType, type, row, meta ) {
|
||||||
|
return '<div><label class="label-bold">Type</label>' + deviceType + '</div>';
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
className: 'fade-edge remove-padding-top',
|
||||||
|
data: 'ownership',
|
||||||
|
render: function ( ownership, type, row, meta ) {
|
||||||
|
return '<div><label class="label-bold">Ownership</label>' + ownership + '</div>';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
|
||||||
|
var dataFilter = function(data){
|
||||||
|
data = JSON.parse(data);
|
||||||
|
|
||||||
|
var objects = [];
|
||||||
|
|
||||||
|
$(data.devices).each(function( index ) {
|
||||||
|
objects.push(
|
||||||
|
{
|
||||||
|
model: getPropertyValue(data.devices[index].properties, 'DEVICE_MODEL'),
|
||||||
|
vendor: getPropertyValue(data.devices[index].properties, 'VENDOR'),
|
||||||
|
owner: data.devices[index].enrolmentInfo.owner,
|
||||||
|
status: data.devices[index].enrolmentInfo.status,
|
||||||
|
ownership: data.devices[index].enrolmentInfo.ownership,
|
||||||
|
deviceType: data.devices[index].type,
|
||||||
|
deviceIdentifier: data.devices[index].deviceIdentifier,
|
||||||
|
name : data.devices[index].name
|
||||||
|
}
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
json = {
|
||||||
|
"recordsTotal": data.count,
|
||||||
|
"recordsFiltered": data.count,
|
||||||
|
"data": objects
|
||||||
|
};
|
||||||
|
return JSON.stringify( json );
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
$('#device-grid').datatables_extended_serverside_paging(null, '/api/device-mgt/v1.0/devices', dataFilter, columns, fnCreatedRow,
|
||||||
|
function( oSettings ) {
|
||||||
|
$(".icon .text").res_text(0.2);
|
||||||
|
$('#device-grid').removeClass('hidden');
|
||||||
|
$("#loading-content").remove();
|
||||||
|
}, {
|
||||||
|
"placeholder": "Search By Device Name",
|
||||||
|
"searchKey" : "name"
|
||||||
|
});
|
||||||
|
|
||||||
|
// $('#device-grid').datatables_extended({
|
||||||
|
// serverSide: true,
|
||||||
|
// processing: false,
|
||||||
|
// searching: true,
|
||||||
|
// ordering: false,
|
||||||
|
// filter: false,
|
||||||
|
// pageLength : 16,
|
||||||
|
// ajax: { url : '/emm/api/devices', data : {url : serviceURL},
|
||||||
|
// dataSrc: function (json) {
|
||||||
|
// $('#device-grid').removeClass('hidden');
|
||||||
|
// $("#loading-content").remove();
|
||||||
|
// var $list = $("#device-table :input[type='search']");
|
||||||
|
// $list.each(function(){
|
||||||
|
// $(this).addClass("hidden");
|
||||||
|
// });
|
||||||
|
// return json.devices;
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// columnDefs: [
|
||||||
|
// { targets: 0, data: 'name', className: 'remove-padding icon-only content-fill viewEnabledIcon' , render: function ( data, type, row, meta ) {
|
||||||
|
// var deviceType = row.type;
|
||||||
|
// var deviceIdentifier = row.deviceIdentifier;
|
||||||
|
// var url = "#";
|
||||||
|
// if (status != 'REMOVED') {
|
||||||
|
// url = "devices/view?type=" + deviceType + "&id=" + deviceIdentifier;
|
||||||
|
// }
|
||||||
|
// return '<div onclick="javascript:InitiateViewOption(\'' + url + '\')" class="thumbnail icon"><i class="square-element text fw fw-mobile"></i></div>';
|
||||||
|
// }},
|
||||||
|
// { targets: 1, data: 'name', className: 'fade-edge' , render: function ( name, type, row, meta ) {
|
||||||
|
// var model = getPropertyValue(row.properties, 'DEVICE_MODEL');
|
||||||
|
// var vendor = getPropertyValue(row.properties, 'VENDOR');
|
||||||
|
// var html = '<h4>Device ' + name + '</h4>';
|
||||||
|
// if (model) {
|
||||||
|
// html += '<div>(' + vendor + '-' + model + ')</div>';
|
||||||
|
// }
|
||||||
|
// return html;
|
||||||
|
// }},
|
||||||
|
// { targets: 2, data: 'enrolmentInfo.owner', className: 'fade-edge remove-padding-top'},
|
||||||
|
// { targets: 3, data: 'enrolmentInfo.status', className: 'fade-edge remove-padding-top' ,
|
||||||
|
// render: function ( status, type, row, meta ) {
|
||||||
|
// var html;
|
||||||
|
// switch (status) {
|
||||||
|
// case 'ACTIVE' :
|
||||||
|
// html = '<span><i class="fw fw-ok icon-success"></i> Active</span>';
|
||||||
|
// break;
|
||||||
|
// case 'INACTIVE' :
|
||||||
|
// html = '<span><i class="fw fw-warning icon-warning"></i> Inactive</span>';
|
||||||
|
// break;
|
||||||
|
// case 'BLOCKED' :
|
||||||
|
// html = '<span><i class="fw fw-remove icon-danger"></i> Blocked</span>';
|
||||||
|
// break;
|
||||||
|
// case 'REMOVED' :
|
||||||
|
// html = '<span><i class="fw fw-delete icon-danger"></i> Removed</span>';
|
||||||
|
// break;
|
||||||
|
// }
|
||||||
|
// return html;
|
||||||
|
// }},
|
||||||
|
// { targets: 4, data: 'type' , className: 'fade-edge remove-padding-top' },
|
||||||
|
// { targets: 5, data: 'enrolmentInfo.ownership' , className: 'fade-edge remove-padding-top' },
|
||||||
|
// { targets: 6, data: 'enrolmentInfo.status' , className: 'text-right content-fill text-left-on-grid-view no-wrap' ,
|
||||||
|
// render: function ( status, type, row, meta ) {
|
||||||
|
// var deviceType = row.type;
|
||||||
|
// var deviceIdentifier = row.deviceIdentifier;
|
||||||
|
// var html = '<span></span>';
|
||||||
|
// return html;
|
||||||
|
// }}
|
||||||
|
// ],
|
||||||
|
// "createdRow": function( row, data, dataIndex ) {
|
||||||
|
// $(row).attr('data-type', 'selectable');
|
||||||
|
// $(row).attr('data-deviceid', data.deviceIdentifier);
|
||||||
|
// $(row).attr('data-devicetype', data.type);
|
||||||
|
// var model = getPropertyValue(data.properties, 'DEVICE_MODEL');
|
||||||
|
// var vendor = getPropertyValue(data.properties, 'VENDOR');
|
||||||
|
// var owner = data.enrolmentInfo.owner;
|
||||||
|
// var status = data.enrolmentInfo.status;
|
||||||
|
// var ownership = data.enrolmentInfo.ownership;
|
||||||
|
// var deviceType = data.type;
|
||||||
|
// $.each($('td', row), function (colIndex) {
|
||||||
|
// switch(colIndex) {
|
||||||
|
// case 1:
|
||||||
|
// $(this).attr('data-search', model + ',' + vendor);
|
||||||
|
// $(this).attr('data-display', model);
|
||||||
|
// break;
|
||||||
|
// case 2:
|
||||||
|
// $(this).attr('data-grid-label', "Owner");
|
||||||
|
// $(this).attr('data-search', owner);
|
||||||
|
// $(this).attr('data-display', owner);
|
||||||
|
// break;
|
||||||
|
// case 3:
|
||||||
|
// $(this).attr('data-grid-label', "Status");
|
||||||
|
// $(this).attr('data-search', status);
|
||||||
|
// $(this).attr('data-display', status);
|
||||||
|
// break;
|
||||||
|
// case 4:
|
||||||
|
// $(this).attr('data-grid-label', "Type");
|
||||||
|
// $(this).attr('data-search', deviceType);
|
||||||
|
// $(this).attr('data-display', deviceType);
|
||||||
|
// break;
|
||||||
|
// case 5:
|
||||||
|
// $(this).attr('data-grid-label', "Ownership");
|
||||||
|
// $(this).attr('data-search', ownership);
|
||||||
|
// $(this).attr('data-display', ownership);
|
||||||
|
// break;
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
// },
|
||||||
|
// "fnDrawCallback": function( oSettings ) {
|
||||||
|
// $(".icon .text").res_text(0.2);
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
$(deviceCheckbox).click(function () {
|
||||||
|
addDeviceSelectedClass(this);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Setting-up global variables.
|
||||||
|
*/
|
||||||
|
var deviceCheckbox = "#ast-container .ctrl-wr-asset .itm-select input[type='checkbox']";
|
||||||
|
var assetContainer = "#ast-container";
|
||||||
|
|
||||||
|
function openCollapsedNav(){
|
||||||
|
$('.wr-hidden-nav-toggle-btn').addClass('active');
|
||||||
|
$('#hiddenNav').slideToggle('slideDown', function(){
|
||||||
|
if($(this).css('display') == 'none'){
|
||||||
|
$('.wr-hidden-nav-toggle-btn').removeClass('active');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function initPage() {
|
||||||
|
var currentUser = $("#device-listing").data("currentUser");
|
||||||
|
var serviceURL;
|
||||||
|
if ($.hasPermission("LIST_DEVICES")) {
|
||||||
|
serviceURL ="/api/device-mgt/v1.0/devices"
|
||||||
|
} else if ($.hasPermission("LIST_OWN_DEVICES")) {
|
||||||
|
//Get authenticated users devices
|
||||||
|
serviceURL = "/api/device-mgt/v1.0/devices?user=" + currentUser;
|
||||||
|
}
|
||||||
|
invokerUtil.get(
|
||||||
|
serviceURL,
|
||||||
|
function (data) {
|
||||||
|
if (data) {
|
||||||
|
data = JSON.parse(data);
|
||||||
|
if (data.devices.length > 0) {
|
||||||
|
loadDevices();
|
||||||
|
} else {
|
||||||
|
$("#loading-content").remove();
|
||||||
|
$("#device-listing-status-msg").text("No enrolled device is found.");
|
||||||
|
$("#device-listing-status").removeClass(' hidden');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, function (message) {
|
||||||
|
initPage();
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* DOM ready functions.
|
||||||
|
*/
|
||||||
|
$(document).ready(function () {
|
||||||
|
initPage();
|
||||||
|
|
||||||
|
/* Adding selected class for selected devices */
|
||||||
|
$(deviceCheckbox).each(function () {
|
||||||
|
addDeviceSelectedClass(this);
|
||||||
|
});
|
||||||
|
|
||||||
|
var i;
|
||||||
|
var permissionList = $("#permission").data("permission");
|
||||||
|
for (i = 0; i < permissionList.length; i++) {
|
||||||
|
$.setPermission(permissionList[i]);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* for device list sorting drop down */
|
||||||
|
$(".ctrl-filter-type-switcher").popover({
|
||||||
|
html : true,
|
||||||
|
content : function () {
|
||||||
|
return $("#content-filter-types").html();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$(".ast-container").on("click", ".claim-btn", function(e){
|
||||||
|
e.stopPropagation();
|
||||||
|
var deviceId = $(this).data("deviceid");
|
||||||
|
var deviceListing = $("#device-listing");
|
||||||
|
var currentUser = deviceListing.data("current-user");
|
||||||
|
var serviceURL = "/temp-controller-agent/enrollment/claim?username=" + currentUser;
|
||||||
|
var deviceIdentifier = {id: deviceId, type: "TemperatureController"};
|
||||||
|
invokerUtil.put(serviceURL, deviceIdentifier, function(message){
|
||||||
|
console.log(message);
|
||||||
|
}, function(message){
|
||||||
|
console.log(message.content);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
/* for data tables*/
|
||||||
|
$('[data-toggle="tooltip"]').tooltip();
|
||||||
|
|
||||||
|
$("[data-toggle=popover]").popover();
|
||||||
|
|
||||||
|
$(".ctrl-filter-type-switcher").popover({
|
||||||
|
html : true,
|
||||||
|
content: function() {
|
||||||
|
return $('#content-filter-types').html();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#nav').affix({
|
||||||
|
offset: {
|
||||||
|
top: $('header').height()
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
@ -0,0 +1,42 @@
|
|||||||
|
{{#each devices}}
|
||||||
|
{{deviceMap this}}
|
||||||
|
<tr data-type="selectable" data-deviceid="{{deviceIdentifier}}" data-devicetype="{{type}}">
|
||||||
|
<td class="remove-padding icon-only content-fill viewEnabledIcon"
|
||||||
|
{{#unequal enrolmentInfo.status "REMOVED"}}
|
||||||
|
data-url="device?type={{type}}&id={{deviceIdentifier}}"
|
||||||
|
{{/unequal}}
|
||||||
|
>
|
||||||
|
<div class="thumbnail icon">
|
||||||
|
<i class="square-element text fw fw-mobile"></i>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td class="fade-edge" data-search="{{properties.DEVICE_MODEL}},{{properties.VENDOR}}" data-display="{{properties.DEVICE_MODEL}}">
|
||||||
|
<h4>Device {{name}}</h4>
|
||||||
|
{{#if properties.DEVICE_MODEL}}
|
||||||
|
<div>({{properties.VENDOR}} - {{properties.DEVICE_MODEL}})</div>
|
||||||
|
{{/if}}
|
||||||
|
</td>
|
||||||
|
<td class="fade-edge remove-padding-top" data-search="{{enrolmentInfo.owner}}" data-display="{{enrolmentInfo.owner}}" data-grid-label="Owner">{{enrolmentInfo.owner}}</td>
|
||||||
|
<td class="fade-edge remove-padding-top" data-search="{{enrolmentInfo.status}}" data-display="{{enrolmentInfo.status}}" data-grid-label="Status">
|
||||||
|
{{#equal enrolmentInfo.status "ACTIVE"}}<span><i class="fw fw-ok icon-success"></i> Active</span>{{/equal}}
|
||||||
|
{{#equal enrolmentInfo.status "INACTIVE"}}<span><i class="fw fw-warning icon-warning"></i> Inactive</span>{{/equal}}
|
||||||
|
{{#equal enrolmentInfo.status "BLOCKED"}}<span><i class="fw fw-remove icon-danger"></i> Blocked</span>{{/equal}}
|
||||||
|
{{#equal enrolmentInfo.status "REMOVED"}}<span><i class="fw fw-delete icon-danger"></i> Removed</span>{{/equal}}
|
||||||
|
</td>
|
||||||
|
<td class="fade-edge remove-padding-top" data-search="{{type}}" data-display="{{type}}" data-grid-label="Type">{{type}}</td>
|
||||||
|
<td class="fade-edge remove-padding-top" data-search="{{enrolmentInfo.ownership}}" data-display="{{enrolmentInfo.ownership}}" data-grid-label="Ownership">{{enrolmentInfo.ownership}}</td>
|
||||||
|
<td class="text-right content-fill text-left-on-grid-view no-wrap">
|
||||||
|
<!--{{#equal type "TemperatureController"}}
|
||||||
|
{{#equal status "INACTIVE"}}
|
||||||
|
<a href="#" data-click-event="remove-form" class="btn padding-reduce-on-grid-view claim-btn" data-deviceid="{{deviceIdentifier}}">
|
||||||
|
<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">Claim</span>
|
||||||
|
</a>
|
||||||
|
{{/equal}}
|
||||||
|
{{/equal}}-->
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
{{/each}}
|
||||||
Loading…
Reference in new issue