Adds empty state to service details relationship section

ManageIQ · Dec 5, 2017 · a39f37e · a39f37e
1 parent 50fd121
commit a39f37e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/client/app/services/service-details/service-details.component.js b/client/app/services/service-details/service-details.component.js
@@ -32,6 +32,7 @@ function ComponentController ($stateParams, $state, $window, CollectionsApi, Eve
       availableTags: [],
       credential: {},
       listActions: [],
+      emptyState: {icon: 'pficon pficon-help', title: 'No Information Available'},
       // Functions
       hasCustomButtons: hasCustomButtons,
       disableStopButton: disableStopButton,

diff --git a/client/app/services/service-details/service-details.html b/client/app/services/service-details/service-details.html
@@ -371,7 +371,9 @@ <h2 translate>Resources</h2>
         <div class="panel-body">
             <section>
                 <h2 translate>Relationships</h2>
-                <div class="container-fluid">
+                <pf-empty-state ng-if="!vm.service.parent_service || !vm.service.service_template" config="vm.emptyState"></pf-empty-state>
+
+                <div class="container-fluid" ng-if="vm.service.parent_service || vm.service.service_template" >
                     <div class="row" ng-if="vm.service.parent_service">
                         <div class="col-sm-4">
                             <a href="#" ng-click="vm.gotoService(vm.service.parent_service)">{{vm.service.parent_service.name}}</a>