_deployment.html

<div class="overview-tile" ng-class="{ 'deployment-in-progress': inProgressDeployment }">
  <ng-include src="'views/overview/_service-header.html'"></ng-include>
  <div class="overview-tile-header">
    <div class="rc-header" ng-class="{ 'rc-header-shield' : latestReplicaSet && latestRevision && !inProgressDeployment}">
      <div class="truncate">
        Deployment
        <a ng-href="{{deployment | navigateResourceURL}}">{{deploymentName}}</a>
        <small class="overview-timestamp" ng-if="latestReplicaSet">
          <span class="hidden-xs">&ndash;</span>
          <span am-time-ago="latestReplicaSet.metadata.creationTimestamp"></span>
        </small>
      </div>
      <div class="small truncate">
        <image-names
            ng-if="latestReplicaSet && !inProgressDeployment && showMetrics"
            pod-template="latestReplicaSet.spec.template"
            pods="podsByOwnerUID[latestReplicaSet.metadata.uid]">
        </image-names>
      </div>
      <div ng-if="inProgressDeployment" class="small">
        {{deployment.spec.strategy.type | sentenceCase}}
        <ellipsis-pulser color="dark" size="sm" display="inline" msg="in progress"></ellipsis-pulser>
      </div>
      <div ng-if="deployment.spec.paused" class="small">
        <span class="pficon pficon-info" aria-hidden="true"></span>
        Deployment is paused.
        <span ng-if="{ group: 'extensions', resource: 'deployments' } | canI : 'update'">
          <a href="" ng-click="resumeDeployment()" role="button">Resume</a>
        </span>
      </div>
    </div>
    <div column flex class="shield"
         ng-if="latestReplicaSet && latestRevision && !inProgressDeployment"
         ng-class="{ 'shield-lg': latestRevision.length > 3 }">
      <a ng-href="{{latestReplicaSet | navigateResourceURL}}">
        <span class="shield-number">#{{latestRevision}}</span>
      </a>
    </div>
  </div>
  <div row class="overview-tile-body">
    <!-- all visible replica sets -->
    <div column class="overview-donut"
        ng-repeat="replicaSet in replicaSets | limitTo : 2 track by (replicaSet | uid)"
        ng-class="{ latest: replicaSet === latestReplicaSet }">
      <deployment-donut
          deployment="deployment"
          rc="replicaSet"
          pods="podsByOwnerUID[replicaSet.metadata.uid]"
          hpa="getHPA(deployment) || getHPA(replicaSet)"
          limit-ranges="limitRanges"
          scalable="replicaSet === latestReplicaSet && !inProgressDeployment"
          alerts="alerts">
      </deployment-donut>
    </div>
    <!-- /all visible deployments -->

    <!-- deployment in progress (connecting arrow) -->
    <div column class="overview-donut-connector" ng-if="inProgressDeployment">
      <div class="deployment-connector-arrow"></div>
    </div>
    <!-- /deployment in progress (connecting arrow) -->

    <!-- succeeded state -->
    <div column class="overview-tile-details" ng-if="latestReplicaSet && !inProgressDeployment">
      <!-- metrics or pod template -->
      <!-- pause metrics updates when the service group is collapsed -->
      <deployment-metrics
        ng-if="showMetrics && !collapse"
        pods="podsByOwnerUID[latestReplicaSet.metadata.uid]"
        containers="latestReplicaSet.spec.template.spec.containers"
        profile="compact"
        class="overview-metrics">
      </deployment-metrics>
      <pod-template ng-if="!showMetrics" pod-template="latestReplicaSet.spec.template"></pod-template>
      <!-- /metrics or pod template -->
    </div>
    <!-- /succeeded state -->
  </div>
</div>