add group listing and group device listing fixes

components/device-mgt/org.wso2.carbon.device.mgt.api/src/main/java/org/wso2/carbon/device/mgt/jaxrs/service/api/DeviceManagementService.java

@@ -128,6 +128,12 @@ public interface DeviceManagementService {
             @QueryParam("status")
             @Size(max = 45)
             String status,
+            @ApiParam(
+                    name = "groupId",
+                    value = "The group name of the device included",
+                    required = false)
+            @QueryParam("groupId")
+                    int groupId,
             @ApiParam(
                     name = "since",
                     value = "Checks if the requested variant was created since the specified date-time.\n" +

components/device-mgt/org.wso2.carbon.device.mgt.api/src/main/java/org/wso2/carbon/device/mgt/jaxrs/service/impl/DeviceManagementServiceImpl.java

@@ -71,6 +71,7 @@ public class DeviceManagementServiceImpl implements DeviceManagementService {
             @QueryParam("user") String user,
             @QueryParam("ownership") String ownership,
             @QueryParam("status") String status,
+            @QueryParam("groupId") int groupId,
             @QueryParam("since") String since,
             @HeaderParam("If-Modified-Since") String ifModifiedSince,
             @QueryParam("offset") int offset,
@@ -107,6 +108,9 @@ public class DeviceManagementServiceImpl implements DeviceManagementService {
                 RequestValidationUtil.validateStatus(status);
                 request.setStatus(status);
             }
+            if (groupId != 0 ) {
+                request.setGroupId(groupId);
+            }
 
             // this is the user who initiates the request
             String authorizedUser = CarbonContext.getThreadLocalCarbonContext().getUsername();

components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/modules/business-controllers/group.js

@@ -53,11 +53,11 @@ var groupModule = {};
         );
     };
 
-    groupModule.getGroupDeviceCount = function (groupName, owner) {
+    groupModule.getGroupDeviceCount = function (groupId, owner) {
-        endPoint = deviceServiceEndpoint + "/owner/" + owner + "/name/" + groupName + "/devices/count";
+        endPoint = deviceServiceEndpoint + "/groups/id/" + groupId + "/devices/count";
         return serviceInvokers.XMLHttp.get(
                 endPoint, function (responsePayload) {
-                    return responsePayload;
+                    return responsePayload["responseText"];
                 },
                 function (responsePayload) {
                     log.error(responsePayload);
@@ -67,7 +67,7 @@ var groupModule = {};
     };
 
     groupModule.getGroupDevices = function (groupName, owner) {
-        endPoint = deviceServiceEndpoint + "/owner/" + owner + "/name/" + groupName + "/devices";
+        endPoint = deviceServiceEndpoint + "/groups/owner/" + owner + "/name/" + groupName + "/devices";
         return serviceInvokers.XMLHttp.get(
                 endPoint, function (responsePayload) {
                     return responsePayload;

components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/pages/cdmf.page.devices/devices.js

@@ -23,6 +23,7 @@ function onRequest(context) {
 
     var groupName = request.getParameter("groupName");
     var groupOwner = request.getParameter("groupOwner");
+    var groupId = request.getParameter("groupId");
 
     var viewModel = {};
     var title = "Devices";
@@ -41,9 +42,9 @@ function onRequest(context) {
         }
         viewModel.currentUser = currentUser;
         var deviceCount = 0;
-        if (groupName && groupOwner) {
+        if (groupId && groupOwner) {
             var groupModule = require("/app/modules/business-controllers/group.js")["groupModule"];
-            deviceCount = groupModule.getGroupDeviceCount(groupName, groupOwner);
+            deviceCount = groupModule.getGroupDeviceCount(groupId, groupOwner);
         } else {
             deviceCount = deviceModule.getDevicesCount();
         }

components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/pages/cdmf.page.devices/public/js/listing.js

@@ -554,7 +554,7 @@ function attachDeviceEvents() {
 
             var serviceURL;
             if ($.hasPermission("LIST_ALL_GROUPS")) {
-                serviceURL = "/api/device-mgt/v1.0/groups/all";
+                serviceURL = "/api/device-mgt/v1.0/groups";
             } else if ($.hasPermission("LIST_GROUPS")) {
                 //Get authenticated users groups
                 serviceURL = "/api/device-mgt/v1.0/groups/user/" + currentUser + "/all";
@@ -563,18 +563,18 @@ function attachDeviceEvents() {
             invokerUtil.get(serviceURL, function (data) {
                 var groups = JSON.parse(data);
                 var str = '<br /><select id="assign-group-selector" style="color:#3f3f3f;padding:5px;width:250px;">';
-                for (var i = 0; i < groups.length; i++) {
+                for (var i = 0; i < groups.deviceGroups.length; i++) {
-                    str += '<option value="' + groups[i].owner + "/name/" + groups[i].name + '">' +
+                    str += '<option value="' + groups.deviceGroups[i].id + '">' +
-                           groups[i].name + '</option>';
+                           groups.deviceGroups[i].name + '</option>';
                 }
                 str += '</select>';
                 $('#user-groups').html(str);
                 $("a#group-device-yes-link").show();
                 $("a#group-device-yes-link").click(function () {
                     var selectedGroup = $('#assign-group-selector').val();
-                    serviceURL = "/api/device-mgt/v1.0/groups/owner/" + selectedGroup + "/devices";
+                    serviceURL = "/api/device-mgt/v1.0/groups/id/" + selectedGroup + "/devices";
-                    var device = {"id": deviceId, "type": deviceType};
+                    var deviceIdentifiers = [{"id":deviceId,"type":deviceType}];
-                    invokerUtil.post(serviceURL, device, function (data) {
+                    invokerUtil.post(serviceURL, deviceIdentifiers, function (data) {
                         $(modalPopupContent).html($('#group-associate-device-200-content').html());
                         setTimeout(function () {
                             hidePopup();

components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/pages/cdmf.page.group.create/public/js/group-add.js

@@ -45,9 +45,8 @@ $(function () {
         } else {
             var group = {"name": name, "description": description};
 
-            var successCallback = function (jqXHR) {
+            var successCallback = function (jqXHR, status, resp) {
-                var data = JSON.parse(jqXHR);
+                if (resp.status == 201) {
-                if (data.status == 201) {
                     $('.wr-validation-summary strong').text("Group created. You will be redirected to groups");
                     $('.wr-validation-summary').removeClass("hidden");
                     $('.wr-validation-summary strong').removeClass("label-danger");
@@ -56,7 +55,7 @@ $(function () {
                         window.location = "../groups";
                     }, 1500);
                 } else {
-                    displayErrors(data.status);
+                    displayErrors(resp.status);
                 }
             };
 

components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/pages/cdmf.page.groups/groups.hbs

@@ -18,7 +18,7 @@
 {{unit "cdmf.unit.ui.title" pageTitle="Group Management"}}
 {{unit "cdmf.unit.ui.content.title" pageHeader="Groups"}}
 
-{{unit "cdmf.unit.lib.data-table"}}
+{{unit "cdmf.unit.data-tables-extended"}}
 
 {{#zone "breadcrumbs"}}
     <li>

components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/pages/cdmf.page.groups/public/js/listing.js

@@ -22,6 +22,12 @@
 var groupCheckbox = "#ast-container .ctrl-wr-asset .itm-select input[type='checkbox']";
 var assetContainer = "#ast-container";
 
+function InitiateViewOption() {
+    if ($(".select-enable-btn").text() == "Select") {
+        $(location).attr('href', $(this).data("url"));
+    }
+}
+
 /*
  * On Select All Groups button click function.
  *
@@ -100,10 +106,10 @@ function loadGroups() {
     var currentUser = groupListing.data("currentUser");
     var serviceURL;
     if ($.hasPermission("LIST_ALL_GROUPS")) {
-        serviceURL = "/devicemgt_admin/groups";
+        serviceURL = "/api/device-mgt/v1.0/groups";
     } else if ($.hasPermission("LIST_GROUPS")) {
         //Get authenticated users groups
-        serviceURL = "/devicemgt_admin/groups/user/" + currentUser;
+        serviceURL = "/api/device-mgt/v1.0/groups/user/" + currentUser;
     } else {
         $("#loading-content").remove();
         $('#device-table').addClass('hidden');
@@ -112,78 +118,105 @@ function loadGroups() {
         return;
     }
 
-    $('#group-grid').datatables_extended ({
+    var dataFilter = function (data) {
-        serverSide: true,
+        data = JSON.parse(data);
-        processing: false,
+        var objects = [];
-        searching: true,
+        $(data.deviceGroups).each(function (index) {
-        ordering:  false,
+            objects.push({
-        filter: false,
+                groupId: data.deviceGroups[index].id,
-        pageLength : 16,
+                name: data.deviceGroups[index].name,
-        ajax: { url : '/devicemgt/api/groups', data : {url : serviceURL},
+                description: data.deviceGroups[index].description,
-            dataSrc: function ( json ) {
+                owner: data.deviceGroups[index].owner,
-                $('#group-grid').removeClass('hidden');
+                dateOfCreation: data.deviceGroups[index].dateOfCreation
-                var $list = $("#group-listing :input[type='search']");
+            })
-                $list.each(function(){
+        });
-                    $(this).addClass("hidden");
+        var json = {
-                });
+            "recordsTotal": data.count,
-                return json.data;
+            "data": objects
-            }
+        }
-        },
+
-        columnDefs: [
+        return JSON.stringify(json);
-            { targets: 0, data: 'id', className: 'remove-padding icon-only content-fill' , render: function ( data, type, row, meta ) {
+    };
-                return '<div class="thumbnail icon"><img class="square-element text fw " src="public/cdmf.page.groups/images/group-icon.png"/></div>';
+
-            }},
+    var columns = [{
-            {targets: 1, data: 'name', className: 'fade-edge'},
+        targets: 0,
-            { targets: 2, data: 'owner', className: 'fade-edge remove-padding-top'},
+        data: 'id',
-            { targets: 3, data: 'id', className: 'text-right content-fill text-left-on-grid-view no-wrap' ,
+        class: 'remove-padding icon-only content-fill',
-                render: function ( id, type, row, meta ) {
+        render: function (data, type, row, meta) {
-                    var html;
+            return '<div class="thumbnail icon"><img class="square-element text fw " src="public/cdmf.page.groups/images/group-icon.png"/></div>';
-                    html = '<a href="devices?groupName=' + row.name + '&groupOwner=' + row.owner + '" 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-view fw-stack-1x"></i></span>' +
+    },
-                           '<span class="hidden-xs hidden-on-grid-view">View Devices</span></a>';
+        {
-
+            targets: 1,
-                    html += '<a href="group/' + row.owner + '/' + row.name + '/analytics" data-click-event="remove-form" class="btn padding-reduce-on-grid-view">' +
+            data: 'name',
-                            '<span class="fw-stack"><i class="fw fw-ring fw-stack-2x"></i><i class="fw fw-statistics fw-stack-1x"></i></span>' +
+            class: 'fade-edge'
-                            '<span class="hidden-xs hidden-on-grid-view">Analytics</span></a>';
-
-                    html += '<a href="#" data-click-event="remove-form" class="btn padding-reduce-on-grid-view share-group-link" data-group-name="' + row.name + '" ' +
-                            'data-group-owner="' + row.owner + '"><span class="fw-stack"><i class="fw fw-ring fw-stack-2x"></i><i class="fw fw-share fw-stack-1x"></i></span>' +
-                            '<span class="hidden-xs hidden-on-grid-view">Share</span></a>';
-
-                    html += '<a href="#" data-click-event="remove-form" class="btn padding-reduce-on-grid-view edit-group-link" data-group-name="' + row.name + '" ' +
-                            'data-group-owner="' + row.owner + '" data-group-description="' + row.description + '"><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>';
-
-                    html += '<a href="#" data-click-event="remove-form" class="btn padding-reduce-on-grid-view remove-group-link" data-group-name="' + row.name + '" ' +
-                            'data-group-owner="' + row.owner + '"><span class="fw-stack"><i class="fw fw-ring fw-stack-2x"></i><i class="fw fw-delete fw-stack-1x"></i>' +
-                            '</span><span class="hidden-xs hidden-on-grid-view">Delete</span></a>';
-
-                    return html;
-                }}
-        ],
-        "createdRow": function( row, data, dataIndex ) {
-            $(row).attr('data-type', 'selectable');
-            $(row).attr('data-groupid', data.id);
-            $.each($('td', row), function (colIndex) {
-                switch(colIndex) {
-                    case 1:
-                        $(this).attr('data-grid-label', "Name");
-                        $(this).attr('data-search', data.name);
-                        $(this).attr('data-display', data.name);
-                        break;
-                    case 2:
-                        $(this).attr('data-grid-label', "Owner");
-                        $(this).attr('data-search', data.owner);
-                        $(this).attr('data-display', data.owner);
-                        break;
-                }
-            });
         },
-        "fnDrawCallback": function( oSettings ) {
+        {
+            targets: 3,
+            data: 'id',
+            class: 'text-right content-fill text-left-on-grid-view no-wrap',
+            render: function (id, type, row, meta) {
+                var html;
+                html = '<a href="devices?groupId=' + row.groupId + '&groupOwner=' + row.owner + '" 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-view fw-stack-1x"></i></span>' +
+                    '<span class="hidden-xs hidden-on-grid-view">View Devices</span></a>';
+
+                html += '<a href="group/' + row.owner + '/' + row.name + '/analytics" 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></a>';
+
+                html += '<a href="#" data-click-event="remove-form" class="btn padding-reduce-on-grid-view share-group-link" data-group-name="' + row.name + '" ' +
+                    'data-group-owner="' + row.owner + '"><span class="fw-stack"><i class="fw fw-ring fw-stack-2x"></i><i class="fw fw-share fw-stack-1x"></i></span>' +
+                    '<span class="hidden-xs hidden-on-grid-view">Share</span></a>';
+
+                html += '<a href="#" data-click-event="remove-form" class="btn padding-reduce-on-grid-view edit-group-link" data-group-name="' + row.name + '" ' +
+                    'data-group-owner="' + row.owner + '" data-group-description="' + row.description + '"><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>';
+
+                html += '<a href="#" data-click-event="remove-form" class="btn padding-reduce-on-grid-view remove-group-link" data-group-name="' + row.name + '" ' +
+                    'data-group-owner="' + row.owner + '"><span class="fw-stack"><i class="fw fw-ring fw-stack-2x"></i><i class="fw fw-delete fw-stack-1x"></i>' +
+                    '</span><span class="hidden-xs hidden-on-grid-view">Delete</span></a>';
+
+                return html;
+            }
+        }
+
+    ];
+
+    var fnCreatedRow = function (row, data) {
+        $(row).attr('data-type', 'selectable');
+        $(row).attr('data-groupid', data.id);
+        $.each($('td', row), function (colIndex) {
+            switch (colIndex) {
+                case 1:
+                    $(this).attr('data-grid-label', "Name");
+                    $(this).attr('data-search', data.name);
+                    $(this).attr('data-display', data.name);
+                    break;
+                case 2:
+                    $(this).attr('data-grid-label', "Owner");
+                    $(this).attr('data-search', data.owner);
+                    $(this).attr('data-display', data.owner);
+                    break;
+            }
+        });
+    };
+
+
+    $('#group-grid').datatables_extended_serverside_paging(
+        null,
+        serviceURL,
+        dataFilter,
+        columns,
+        fnCreatedRow,
+        function (oSettings) {
             $(".icon .text").res_text(0.2);
             attachEvents();
-        }
+        },
-    });
+        {
+            "placeholder": "Search By Group Name",
+            "searchKey": "name"
+        });
     $(groupCheckbox).click(function () {
         addGroupSelectedClass(this);
     });