_service-binding.html

<div class="service-binding">
  <div class="row">
    <div ng-class="{'col-sm-5 col-md-6': $ctrl.isOverview,
                    'col-sm-8 col-md-6 col-lg-8': !$ctrl.isOverview}">
      <h3>
        <div class="component-label">
          Secret
        </div>
        <span ng-if="$ctrl.serviceClass">
          <span ng-if="$ctrl.refApiObject.kind !== 'ServiceInstance'">
            {{$ctrl.serviceClass.externalMetadata.displayName || $ctrl.serviceClass.metadata.name}}
          </span>
          <span ng-if="$ctrl.refApiObject.kind === 'ServiceInstance'">
            {{$ctrl.binding.spec.secretName}}
          </span>
        </span>
        <span ng-if="!$ctrl.serviceClass">
          {{$ctrl.binding.spec.instanceRef.name}}
        </span>
        <small ng-if="$ctrl.serviceClass">{{$ctrl.binding.spec.instanceRef.name}}</small>
        <small>created <span am-time-ago="$ctrl.binding.metadata.creationTimestamp"></span></small>
      </h3>
    </div>
    <div ng-if="$ctrl.binding.metadata.deletionTimestamp"
         ng-class="{'col-sm-7 col-md-6': $ctrl.isOverview,
                    'col-sm-4 col-md-3': !$ctrl.isOverview}">
      <span class="pficon pficon-warning-triangle-o" aria-hidden="true"></span>
      Marked for Deletion
    </div>
    <div ng-if="!$ctrl.binding.metadata.deletionTimestamp && ($ctrl.binding | isBindingFailed)"
         ng-class="{'col-sm-7 col-md-6': $ctrl.isOverview,
                    'col-sm-4 col-md-6 col-lg-4': !$ctrl.isOverview}">
      <span dynamic-content="{{$ctrl.binding | bindingFailedMessage}}" data-toggle="tooltip" data-trigger="hover">
        <span class="pficon pficon-error-circle-o" aria-hidden="true"></span>
        <span>Error</span>
      </span>
    </div>
    <div ng-if="!$ctrl.binding.metadata.deletionTimestamp && !($ctrl.binding | isBindingFailed) && !($ctrl.binding | isBindingReady)"
         ng-class="{'col-sm-7 col-md-6': $ctrl.isOverview,
                    'col-sm-4 col-md-6 col-lg-4': !$ctrl.isOverview}">
      <status-icon status="'Pending'"></status-icon>Pending
    </div>
  </div>
  <div class="service-binding-actions" ng-if="!ctrl.binding.metadata.deletionTimestamp">
    <delete-link
      ng-if="({resource: 'serviceinstancecredentials', group: 'servicecatalog.k8s.io'} | canI : 'delete')"
      kind="ServiceInstanceCredential"
      group="servicecatalog.k8s.io"
      type-display-name="binding"
      resource-name="{{$ctrl.binding.metadata.name}}"
      project-name="{{$ctrl.binding.metadata.namespace}}"
      stay-on-current-page="true">
    </delete-link>
    <a ng-if="('secrets' | canI : 'get') && !($ctrl.binding | isBindingFailed) && !(binding | isBindingReady)"
       ng-href="{{$ctrl.binding.spec.secretName | navigateResourceURL : 'Secret' : $ctrl.namespace}}">
      View Secret
    </a>
  </div>
</div>