Pre-sort service instances in cloud foundry space instances table

components/cloud-foundry/frontend/src/view/dashboard/cluster/organization/space/detail/services/space-services.html

@@ -1,5 +1,5 @@
 <div class="space-services-table">
-  <div ng-if="!spaceSrvsCtrl.serviceInstances || spaceSrvsCtrl.serviceInstances.length < 1"
+  <div ng-if="spaceSrvsCtrl.serviceInstances && spaceSrvsCtrl.serviceInstances.length < 1"
        class="panel panel-default cluster-empty-list">
     <div class="panel-body" translate>cf.space-info.tabs.services.none</div>
   </div>

components/cloud-foundry/frontend/src/view/dashboard/cluster/organization/space/detail/services/space-services.module.js

@@ -60,19 +60,23 @@
 
     appUtilsService.chainStateResolve('endpoint.clusters.cluster.organization.space.detail.services', $state, init);
 
+    function setServiceInstances(serviceInstances) {
+      vm.serviceInstances = _.sortBy(serviceInstances, function (o) { return o.entity.name.toLowerCase(); });
+    }
+
     function init() {
       if (angular.isUndefined(spaceDetail().instances)) {
         return update();
       }
-      vm.serviceInstances = spaceDetail().instances;
+      setServiceInstances(spaceDetail().instances);
       return $q.resolve();
     }
 
     function update(serviceInstance) {
       return spaceModel.listAllServiceInstancesForSpace(vm.clusterGuid, vm.spaceGuid, {
         return_user_provided_service_instances: true
       }).then(function () {
-        vm.serviceInstances = spaceDetail().instances;
+        setServiceInstances(spaceDetail().instances);
         if (serviceInstance) {
           updateActions([serviceInstance]);
           spaceModel.updateServiceInstanceCount(vm.clusterGuid, vm.spaceGuid, _.keys(spaceDetail().instances).length);

components/cloud-foundry/frontend/test/unit/view/dashboard/cluster/organization/space/space-services.module.spec.js

@@ -17,6 +17,7 @@
         guid: 'serviceGuid'
       },
       entity: {
+        name: 'serviceName'
       }
     };
     var space = {