HAWKULAR-584 : Initial implementation of infinte scroll for URL list

console/src/main/scripts/bower.json

@@ -19,6 +19,7 @@
     "angular-scroll": "0.6.5",
     "angular-ui-select": "0.11.2",
     "angular-toastr": "1.4.1",
+    "ngInfiniteScroll": "1.2.1",
     "bootstrap-select": "1.6",
     "hawkular-charts": "~0.4.15",
     "hawkular-ui-services": "~0.6.3",

console/src/main/scripts/plugins/metrics/html/url-list.html

@@ -42,7 +42,7 @@ <h2 ng-show="vm.resourceList.length > 0" class="text-center hk-fade-in">Current
     </div>
   </div>
 
-  <div ng-class="{'hk-fade-in': vm.resourceList}">
+  <div ng-class="{'hk-fade-in': vm.resourceList}" infinite-scroll="vm.addMoreItems()">
     <div class="hk-url-item" ng-repeat="res in vm.resourceList | orderBy:'properties.url':vm.reverse">
       <div class="panel panel-default hk-url-heading">
         <a href="/hawkular-ui/url/availability/{{res.id}}">{{res.properties.url}}</a>

console/src/main/scripts/plugins/metrics/ts/metricsPlugin.ts

@@ -21,7 +21,8 @@
 module HawkularMetrics {
 
   export var _module = angular.module(HawkularMetrics.pluginName, ['ngResource', 'ui.select', 'hawkular.charts',
-    'hawkular.services', 'ui.bootstrap', 'topbar', 'patternfly.select', 'angular-momentjs', 'angular-md5', 'toastr']);
+    'hawkular.services', 'ui.bootstrap', 'topbar', 'patternfly.select', 'angular-momentjs', 'angular-md5', 'toastr',
+    'infinite-scroll']);
 
   _module.config(['$httpProvider', '$locationProvider', '$routeProvider',
     ($httpProvider, $locationProvider) => {

console/src/main/scripts/plugins/metrics/ts/urlList.ts

@@ -248,6 +248,15 @@ module HawkularMetrics {
       this.resCurPage = page;
       this.getResourceList();
     }
+
+    public addMoreItems() {
+      if (this.resourceList.length > 0) {
+        this.resPerPage += 5;
+        console.log(this.resPerPage);
+        this.getResourceList();
+      }
+    }
+
   }
 
   class DeleteResourceModalController {