diff --git a/awx/ui/static/js/smart-status/smart-status.directive.js b/awx/ui/static/js/smart-status/smart-status.directive.js
index 8105cb876b..89d87abfdb 100644
--- a/awx/ui/static/js/smart-status/smart-status.directive.js
+++ b/awx/ui/static/js/smart-status/smart-status.directive.js
@@ -1,13 +1,23 @@
import smartStatusController from 'tower/smart-status/smart-status.controller.js';
-export default [ '$location', function($location) {
+export default [ function() {
return {
restrict: 'E',
link: function (scope){
var str = scope.job_template.id+'_spark';
scope[str].formatter = function(sparklines, options, point){
- return "
●" +
- "Job id: " +
- options.userOptions.tooltipValueLookups.jobs[point.offset] + "
" ;
+ var status;
+ if(point.value === 1){
+ status = "Successful";
+ }
+ else if(point.value === -1){
+ status = "Failed";
+ }
+ // else if(isNaN(point.value)){
+ // status = "Running";
+ // }
+ return "Job ID: " +
+ options.userOptions.tooltipValueLookups.jobs[point.offset] +
+ "
Status: ●"+status+"
" ;
};
$('aw-smart-status:eq('+scope.$index+')').sparkline(scope[str].sparkArray, {
diff --git a/awx/ui/static/less/ansible-ui.less b/awx/ui/static/less/ansible-ui.less
index 92e466a76f..c79be1ccda 100644
--- a/awx/ui/static/less/ansible-ui.less
+++ b/awx/ui/static/less/ansible-ui.less
@@ -185,11 +185,16 @@ a:focus {
}
}
+.jqstooltip{
+ background-color: black !important;
+}
+
.smart-status-tooltip{
- font-size: 14px;
- background-color: black;
+ font-size: 12px;
+ font-family: 'Open Sans';
+ background-color: black;
span {
- padding: 14px;
+ padding: 3px;
}
}