cloudfoundry/stratos

<app-meta-card *ngIf="serviceInstanceEntity" class="app-service-card" [actionMenu]="cardMenu"
  [entityConfig]="entityConfig">
  <app-meta-card-title>
    <app-multiline-title class="service-instance-card__title">{{ serviceInstanceEntity.entity.name }}
    </app-multiline-title>
  </app-meta-card-title>
  <app-meta-card-item>
    <app-meta-card-key>{{cfOrgSpace.getLabel() | async}}</app-meta-card-key>
    <app-meta-card-value>
      <app-cf-org-space-links [service]="cfOrgSpace" [spaceBreadCrumbs]="getSpaceBreadcrumbs()">
      </app-cf-org-space-links>
    </app-meta-card-value>
  </app-meta-card-item>
  <app-meta-card-item>
    <app-meta-card-key>Service</app-meta-card-key>
    <app-meta-card-value><a [routerLink]="serviceUrl">{{ serviceName$ | async }}</a>
    </app-meta-card-value>
  </app-meta-card-item>
  <app-meta-card-item>
    <app-meta-card-key>Service Plan</app-meta-card-key>
    <app-meta-card-value>{{ servicePlanName }} </app-meta-card-value>
  </app-meta-card-item>
  <app-meta-card-item>
    <app-meta-card-key>Service Broker</app-meta-card-key>
    <app-meta-card-value>
      <app-table-cell-service-broker [row]="service$ | async" [config]="brokerNameConfig">
      </app-table-cell-service-broker>
    </app-meta-card-value>
  </app-meta-card-item>
  <app-meta-card-item>
    <app-meta-card-key>Service Scope</app-meta-card-key>
    <app-meta-card-value>
      <app-table-cell-service-broker [row]="service$ | async" [config]="brokerScopeConfig">
      </app-table-cell-service-broker>
    </app-meta-card-value>
  </app-meta-card-item>
  <app-meta-card-item>
    <app-meta-card-key>Applications Attached</app-meta-card-key>
    <app-meta-card-value>{{ serviceInstanceEntity.entity.service_bindings?.length }} </app-meta-card-value>
  </app-meta-card-item>
  <app-meta-card-item *ngIf="serviceInstanceEntity.entity.last_operation as lo">
    <app-meta-card-key>Last Operation</app-meta-card-key>
    <app-meta-card-value>
      <app-service-instance-last-op [serviceInstance]="serviceInstanceEntity" [alignRight]="true">
      </app-service-instance-last-op>
    </app-meta-card-value>
  </app-meta-card-item>
  <app-meta-card-item>
    <app-meta-card-key>Dashboard</app-meta-card-key>
    <app-meta-card-value>
      <div *ngIf="!!serviceInstanceEntity.entity.dashboard_url ; then dashboardUrl; else none"></div>
      <ng-template #dashboardUrl>
        <div class="service-instance-card__link">
          <a class="service-instance-card__icon-link" [href]="serviceInstanceEntity.entity.dashboard_url"
            target="_blank" appClickStopPropagation>
            <mat-icon>launch</mat-icon>
          </a>
          <a [href]="serviceInstanceEntity.entity.dashboard_url" target="_blank" appClickStopPropagation>View</a>
        </div>
      </ng-template>
      <ng-template #none>None</ng-template>
    </app-meta-card-value>
  </app-meta-card-item>
  <app-meta-card-item>
    <app-meta-card-key>Tags</app-meta-card-key>
    <app-meta-card-value>
      <app-chips [chips]="serviceInstanceTags"></app-chips>
    </app-meta-card-value>
  </app-meta-card-item>
</app-meta-card>