Fix live events on dashboard

awx/ui/static/js/controllers/Home.js

@@ -94,6 +94,17 @@ export function Home($scope, $compile, $routeParams, $rootScope, $location, $log
 
         $scope.graphData = graphData;
 
+        var cleanupJobListener =
+            $rootScope.$on('DataReceived:JobStatusGraph', function(e, data) {
+                $scope.refresh();
+                $scope.graphData.jobStatus = data;
+            });
+
+        $scope.$on('$destroy', function() {
+            cleanupJobListener();
+        });
+
+
         DashboardJobs({
             scope: $scope,
             target: 'dash-jobs-list',

awx/ui/static/js/directives/job-status-graph.js

@@ -12,6 +12,9 @@ export default
 function JobStatusGraph($rootScope, $compile , $location, $window, Wait, adjustGraphSize) {
             return {
                 restrict: 'E',
+                scope: {
+                    data: '='
+                },
                 templateUrl: '/static/partials/job_status_graph.html',
                 link: link
             };
@@ -22,11 +25,12 @@ function JobStatusGraph($rootScope, $compile , $location, $window, Wait, adjustG
                 scope.period="month";
                 scope.jobType="all";
 
-                scope.$watch(attr.data, function(value) {
+                scope.$watch('data', function(value) {
                     if (value) {
                         createGraph(value, scope.period, scope.jobType);
                     }
-                });
+                }, true);
+
 
                 function createGraph(data, period, jobtype){
 

awx/ui/static/js/widgets/DashboardJobs.js

@@ -48,6 +48,10 @@ angular.module('DashboardJobsWidget', ['RestServices', 'Utilities'])
         e.html(html);
         $compile(e)(scope);
 
+        $rootScope.$on('JobStatusChange', function() {
+            jobs_scope.refreshJobs();
+        });
+
         if (scope.removeListLoaded) {
             scope.removeListLoaded();
         }