ambari/ambari-web/app/templates/main/admin/stack_upgrade/upgrade_version_box.hbs

{{!
* 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.
}}

<p class="version">
  <span>{{view.content.displayName}}</span>
  <a class="pull-right not-active link-tooltip" {{action editRepositories target="view"}}>
    <i class="icon-edit"></i>
  </a>
</p>
<div {{bindAttr class="view.stateElement.isInstalling:installing :align-center :state"}}>
  {{#if view.stateElement.isButton}}
    <button class="btn btn-primary" {{action runAction view.stateElement target="view"}}>{{view.stateElement.text}}</button>
  {{/if}}
  {{#if view.stateElement.isLabel}}
    <span {{bindAttr class="view.stateElement.class"}}>{{view.stateElement.text}}</span>
  {{/if}}
  {{#if view.stateElement.isLink}}
    {{#if view.stateElement.iconClass}}
      <i {{bindAttr class="view.stateElement.iconClass"}}></i>
    {{/if}}
    <a href="#" {{action runAction view.stateElement target="view"}}>{{view.stateElement.text}}</a>
    {{#if view.stateElement.isInstalling}}
      {{view App.ProgressBarView
        progressBinding="view.installProgress"
        statusBinding="view.PROGRESS_STATUS"
      }}
    {{/if}}
  {{/if}}
</div>

<div class="hosts-section">
  <div class="hosts-bar">{{t common.hosts}}</div>
  <div class="row-fluid host-link">
    <div class="span4 align-center">
      <div><a href="#" {{bindAttr class="view.content.noInitHosts:emply-hosts-tooltip:hosts-tooltip :not-active"}}
        {{action showHosts view.versionStateMap.not_installed view.content.repositoryVersion view.content.notInstalledHosts target="view"}}>
        {{view.content.notInstalledHosts.length}}</a></div>
      <div>{{t admin.stackVersions.version.notInstalled}}</div>
    </div>
    <div class="span4 align-center">
      <div><a href="#" {{bindAttr class="view.content.noInstalledHosts:emply-hosts-tooltip:hosts-tooltip :not-active"}}
        {{action showHosts view.versionStateMap.installed view.content.repositoryVersion view.content.installedHosts target="view"}}>
        {{view.content.installedHosts.length}}</a></div>
      <div>{{t common.installed}}</div>
    </div>
    <div class="span4 align-center">
      <div><a href="#" {{bindAttr class="view.content.noCurrentHosts:emply-hosts-tooltip:hosts-tooltip :not-active"}}
        {{action showHosts view.versionStateMap.current view.content.repositoryVersion view.content.currentHosts target="view"}}>
        {{view.content.currentHosts.length}}</a></div>
      <div>{{t common.current}}</div>
    </div>
  </div>
</div>