feat(health-check): Add button to refresh data

Closes gravitee-io/issues#812

src/management/api/apis.route.ts

@@ -462,7 +462,9 @@ function apisRouterConfig($stateProvider: ng.ui.IStateProvider) {
     .state('management.apis.detail.healthcheck', {
       abstract: true,
       url: '/healthcheck',
-      template: require('./healthcheck/healthcheck.html')
+      template: require('./healthcheck/healthcheck.html'),
+      controller: 'ApiHealthCheckController',
+      controllerAs: 'healthCheckCtrl'
     })
     .state('management.apis.detail.healthcheck.visualize', {
       url: '/',

src/management/api/healthcheck/healthcheck-visualize.html

@@ -16,6 +16,7 @@
 
 -->
 <md-content flex layout-padding>
+
   <div layout="column" flex>
     <div layout="row" flex>
       <md-card flex>
@@ -225,9 +226,11 @@ <h5>Last month</h5>
 
               <md-table-pagination
                 md-limit="healthCheckCtrl.query.size"
+                md-limit-options="[10, 25, 50, 75, 100]"
                 md-page="healthCheckCtrl.query.page"
                 md-total="{{healthCheckCtrl.logs.total}}"
-                md-on-paginate="healthCheckCtrl.onPaginate">
+                md-on-paginate="healthCheckCtrl.onPaginate"
+                md-page-select>
               </md-table-pagination>
             </div>
           </md-card-content>

src/management/api/healthcheck/healthcheck.html

@@ -19,6 +19,10 @@
   <div layout="row">
     <h4>Health-check</h4>
     <span flex></span>
+    <md-button class="md-primary" style="margin-top: 0;" permission permission-only="'api-health-r'" ng-click="healthCheckCtrl.updateChart()">
+      <ng-md-icon icon="refresh" style="fill: rgba(0, 0, 0, 0.54);"></ng-md-icon>
+      Refresh data
+    </md-button>
     <ng-md-icon permission permission-only="'api-health-u'" icon="settings" style="fill: rgba(0, 0, 0, 0.54);" ui-sref="management.apis.detail.healthcheck.configure"></ng-md-icon>
   </div>