diff --git a/awx/ui/client/lib/components/components.strings.js b/awx/ui/client/lib/components/components.strings.js index 07346e966b..0299111786 100644 --- a/awx/ui/client/lib/components/components.strings.js +++ b/awx/ui/client/lib/components/components.strings.js @@ -46,7 +46,11 @@ function ComponentsStrings (BaseString) { ns.truncate = { DEFAULT: t.s('Copy full revision to clipboard.'), COPIED: t.s('Copied to clipboard.') - } + }; + + ns.capacityBar = { + IS_OFFLINE: t.s('Unavailable to run jobs.') + }; } ComponentsStrings.$inject = ['BaseStringService']; diff --git a/awx/ui/client/src/instance-groups/capacity-bar/capacity-bar.directive.js b/awx/ui/client/src/instance-groups/capacity-bar/capacity-bar.directive.js index a0616bb646..872e2ac0be 100644 --- a/awx/ui/client/src/instance-groups/capacity-bar/capacity-bar.directive.js +++ b/awx/ui/client/src/instance-groups/capacity-bar/capacity-bar.directive.js @@ -1,5 +1,5 @@ -export default ['templateUrl', - function (templateUrl) { +export default ['templateUrl', 'ComponentsStrings', + function (templateUrl, strings) { return { scope: { capacity: '=', @@ -13,8 +13,10 @@ export default ['templateUrl', scope.$watch('totalCapacity', function(val) { if (val === 0) { scope.isOffline = true; + scope.offlineTip = strings.get(`capacityBar.IS_OFFLINE`); } else { scope.isOffline = false; + scope.offlineTip = null; } }, true); diff --git a/awx/ui/client/src/instance-groups/capacity-bar/capacity-bar.partial.html b/awx/ui/client/src/instance-groups/capacity-bar/capacity-bar.partial.html index ab4bc5b5a5..d80ff84bc0 100644 --- a/awx/ui/client/src/instance-groups/capacity-bar/capacity-bar.partial.html +++ b/awx/ui/client/src/instance-groups/capacity-bar/capacity-bar.partial.html @@ -1,5 +1,10 @@
+ ng-class="{'CapacityBar--offline': isOffline}" + aw-tool-tip="{{ offlineTip }}" + data-tip-watch="offlineTip" + data-placement="top" + data-trigger="hover" + data-container="body">