AMBARI-5484. When ATS is not running, Jobs page just shows "Loading..." forever (alexantonenko)

ambari-web/app/controllers/main/jobs_controller.js

@@ -107,6 +107,7 @@ App.MainJobsController = Em.Controller.extend({
   sortProperty: 'id',
   sortAscending: true,
   sortingDone: true,
+  jobsMessage: Em.I18n.t('jobs.loadingTasks'),
 
   sortingColumnObserver: function () {
     if(this.get('sortingColumn')){
@@ -377,11 +378,25 @@ App.MainJobsController = Em.Controller.extend({
     console.debug(jqXHR);
   },
 
+  checkDataLoadingError: function (jqXHR){
+    var atsComponent = App.HostComponent.find().findProperty('componentName','APP_TIMELINE_SERVER');
+    if(atsComponent && atsComponent.get('workStatus') != "STARTED") {
+      this.set('jobsMessage', Em.I18n.t('jobs.error.ats.down'));
+      return true;
+    }else if (jqXHR && jqXHR.status == 400) {
+      this.set('jobsMessage', Em.I18n.t('jobs.error.400'));
+    }else{
+      this.set('jobsMessage', Em.I18n.t('jobs.loadingTasks'));
+    }
+    return false;
+  },
+
   loadJobs : function() {
     var self = this;
     var timeout = this.get('loadTimeout');
     var yarnService = App.YARNService.find().objectAt(0);
-    if (yarnService != null) {
+    var retryLoad = this.checkDataLoadingError();
+    if (yarnService != null && !retryLoad) {
       this.set('loading', true);
       var historyServerHostName = yarnService.get('appTimelineServerNode.hostName');
       var filtersLink = this.get('filterObject').createJobsFiltersLink();
@@ -407,6 +422,7 @@ App.MainJobsController = Em.Controller.extend({
           self.set('loaded', true);
         }
       }, function (jqXHR, textStatus) {
+        self.checkDataLoadingError(jqXHR);
         App.hiveJobsMapper.map({entities : []});
       });
     }else{

ambari-web/app/messages.js

@@ -1990,6 +1990,8 @@ Em.I18n.translations = {
 
   'jobs.nothingToShow': 'No jobs to display',
   'jobs.loadingTasks': 'Loading...',
+  'jobs.error.ats.down': 'Jobs data cannot be shown since YARN App Timeline Server is not running.',
+  'jobs.error.400': 'Unable to load data.',
   'jobs.table.custom.date.am':'AM',
   'jobs.table.custom.date.pm':'PM',
   'jobs.table.custom.date.header':'Select Custom Dates',

ambari-web/app/templates/main/jobs.hbs

@@ -52,11 +52,13 @@
           <tbody>
           {{#if view.noDataToShow}}
               <tr>
-                {{#if controller.loaded}}
-                <td class="no-data" {{bindAttr colspan="controller.columnsName.content.length"}}>{{t jobs.nothingToShow}}</td>
-              {{else}}
-                    <td class="no-data" {{bindAttr colspan="controller.columnsName.content.length"}}>{{t jobs.loadingTasks}}</td>
-                {{/if}}
+                <td class="no-data" {{bindAttr colspan="controller.columnsName.content.length"}}>
+                  {{#if controller.loaded}}
+                    {{t jobs.nothingToShow}}
+                  {{else}}
+                    {{controller.jobsMessage}}
+                  {{/if}}
+                </td>
               </tr>
           {{else}}
             {{#each job in controller.sortedContent}}