ambari/ambari-web/app/views/main/admin/highAvailability/progress_view.js

/**
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */


var App = require('app');

App.HighAvailabilityProgressPageView = Em.View.extend({

  didInsertElement: function () {
    this.get('controller').loadStep();
  },

  headerTitle: function () {
    var currentStep = App.router.get('highAvailabilityWizardController.currentStep');
    if(currentStep == 1) {
      return  Em.I18n.t('admin.highAvailability.wizard.rollback.header.title');
    }else {
      return  Em.I18n.t('admin.highAvailability.wizard.step' + currentStep + '.header.title');
    }
  }.property(),

  submitButtonText: Em.I18n.t('common.next'),

  noticeCompleted: Em.I18n.t('admin.highAvailability.wizard.progressPage.notice.completed'),

  noticeFailed: Em.I18n.t('admin.highAvailability.wizard.progressPage.notice.failed'),

  noticeInProgress: function () {
    var currentStep = App.router.get('highAvailabilityWizardController.currentStep');
    if(currentStep == 1) {
      return  Em.I18n.t('admin.highAvailability.rollback.notice.inProgress');
    }else {
      return  Em.I18n.t('admin.highAvailability.wizard.step' + currentStep + '.notice.inProgress');
    }
  }.property(),

  notice: Em.I18n.t('admin.highAvailability.wizard.progressPage.notice.inProgress'),

  noticeClass: 'alert alert-info',

  onStatusChange: function () {
    var status = this.get('controller.status');
    if (status === 'COMPLETED') {
      this.set('notice', this.get('noticeCompleted'));
      this.set('noticeClass', 'alert alert-success');
    } else if (status === 'FAILED') {
      this.set('notice', this.get('noticeFailed'));
      this.set('noticeClass', 'alert alert-error');
    } else {
      this.set('notice', this.get('noticeInProgress'));
      this.set('noticeClass', 'alert alert-info');
    }
  }.observes('controller.status'),

  taskView: Em.View.extend({
    icon: '',
    iconColor: '',
    linkClass: '',

    didInsertElement: function () {
      this.onStatus();
    },

    barWidth: function () {
      return 'width: ' + this.get('content.progress') + '%;';
    }.property('content.progress'),

    onStatus: function () {
      this.set('linkClass', 'active-link');
      if (this.get('content.status') === 'IN_PROGRESS') {
        this.set('icon', 'icon-cog');
        this.set('iconColor', 'text-info');
      } else if (this.get('content.status') === 'FAILED') {
        this.set('icon', 'icon-exclamation-sign');
        this.set('iconColor', 'text-error');
      } else if (this.get('content.status') === 'COMPLETED') {
        this.set('icon', 'icon-ok');
        this.set('iconColor', 'text-success');
      } else {
        this.set('icon', 'icon-cog');
        this.set('iconColor', '');
        this.set('linkClass', 'not-active-link');
      }
    }.observes('content.status'),

    showProgressBar: function () {
      return this.get('content.status') === "IN_PROGRESS";
    }.property('content.status'),

    /**
     * open popup with list of hosts, that associated to service
     * @param event
     */
    hostsLogPopup: function(event){
      if(event.contexts[0].linkClass != "not-active-link"){
        var serviceName = event.contexts[0].title;
        var controller = this.get("controller");
        App.HostPopup.initPopup(serviceName, controller);
      }
    }
  })
});