services: add a refresh button

src/views/services.html

@@ -46,7 +46,8 @@
 <div class="content">
 
   <div class="text-left">
-    <h1>{{ 'services.title' | tr }}</h1>
+    <h1>{{ 'services.title' | tr }}
+    <button class="btn btn-default pull-right" ng-click="refreshAll()">{{ 'services.refresh' | tr }}</button>
   </div>
 
   <div class="card" style="margin-bottom: 15px;">

src/views/services.js

@@ -132,40 +132,46 @@ angular.module('Application').controller('ServicesController', ['$scope', '$loca
         }
     };
 
+    $scope.refreshAll = function (callback) {
+        Client.getServices(function (error, result) {
+            if (error) return Client.error(error);
+
+            $scope.services = result.map(function (name) {
+                var displayName = name;
+                var isRedis = false;
+
+                if (name.indexOf('redis') === 0) {
+                    isRedis = true;
+                    var app = Client.getCachedAppSync(name.slice('redis:'.length));
+                    if (app) {
+                        displayName = 'Redis (' + (app.label || app.fqdn) + ')';
+                    } else {
+                        displayName = 'Redis (unknown app)';
+                    }
+                }
+
+                return {
+                    name: name,
+                    displayName: displayName,
+                    isRedis: isRedis
+                };
+            });
+            $scope.hasRedisServices = !!$scope.services.find(function (service) {  return service.isRedis; });
+
+            // just kick off the status fetching
+            $scope.services.forEach(function (s) { refresh(s.name); });
+
+            if (callback) return callback();
+        });
+    };
+
     Client.onReady(function () {
         Client.memory(function (error, memory) {
             if (error) console.error(error);
 
             $scope.memory = memory;
 
-            Client.getServices(function (error, result) {
-                if (error) return Client.error(error);
-
-                $scope.services = result.map(function (name) {
-                    var displayName = name;
-                    var isRedis = false;
-
-                    if (name.indexOf('redis') === 0) {
-                        isRedis = true;
-                        var app = Client.getCachedAppSync(name.slice('redis:'.length));
-                        if (app) {
-                            displayName = 'Redis (' + (app.label || app.fqdn) + ')';
-                        } else {
-                            displayName = 'Redis (unknown app)';
-                        }
-                    }
-
-                    return {
-                        name: name,
-                        displayName: displayName,
-                        isRedis: isRedis
-                    };
-                });
-                $scope.hasRedisServices = !!$scope.services.find(function (service) {  return service.isRedis; });
-
-                // just kick off the status fetching
-                $scope.services.forEach(function (s) { refresh(s.name); });
-
+            $scope.refreshAll(function () {
                 $scope.servicesReady = true;
             });
         });