Paginate apps list page

 - This change doesn't show up in the UI by default as the current page size is set to 60
 - But this PR is required as the apps list REST controller returns paginated list now

Resolves #240

Author: ilayaperumalg

ui/app/scripts/app/controllers/apps.js

@@ -19,6 +19,7 @@
  *
  * @author Alex Boyko
  * @author Gunnar Hillert
+ * @author Ilayaperumal Gopinathan
  */
 define(['model/pageable'], function (Pageable) {
     'use strict';
@@ -122,6 +123,10 @@ define(['model/pageable'], function (Pageable) {
                 current: 1
             };
 
+            $scope.pageable.sortOrder = 'ASC';
+            $scope.pageable.filterQuery = '';
+            $scope.pageable.pageSize = 60;
+
             /**
              * Select all apps
              */
@@ -175,13 +180,27 @@ define(['model/pageable'], function (Pageable) {
                 }
             };
 
+            $scope.pageChanged = function(newPage) {
+                $scope.pageable.pageNumber = newPage-1;
+                loadAppDefinitions($scope.pageable);
+            };
+
+            $scope.sortChanged = function(sortState) {
+                console.log('sortState: ', sortState);
+                loadAppDefinitions($scope.pageable);
+            };
+
+            $scope.searchChanged = function() {
+                loadAppDefinitions($scope.pageable);
+            };
+
             /**
              * Swicthes to specified page. (Applicable if paging is on)
              * @param newPage Page number
              */
             $scope.pageChanged = function(newPage) {
                 $scope.pageable.pageNumber = newPage-1;
-                loadAppDefinitions(/*$scope.pageable*/);
+                loadAppDefinitions($scope.pageable);
             };
 
             /**
@@ -341,6 +360,6 @@ define(['model/pageable'], function (Pageable) {
                 }
             });
 
-            loadAppDefinitions(null/*$scope.pageable*/, true);
+            loadAppDefinitions($scope.pageable, true);
         }];
 });

ui/app/scripts/app/views/apps-list.html

@@ -62,7 +62,7 @@
 </table>
 <dir-pagination-controls template-url="scripts/directives/dirPagination.tpl.html"
                          on-page-change="pageChanged(newPageNumber)"></dir-pagination-controls>
-<div class="text-center col-md-8 col-md-offset-2" ng-hide="pageable.items">
+<div class="text-center col-md-8 col-md-offset-2" ng-hide="pageable.items.length > 0">
     <p><strong>No registered apps.</strong></p>
     <p>You can register apps by clicking:</p>
     <button type="button" ng-click="registerApps()"