Add Dashboard URL to services view

Signed-off-by: Hamza Hamidi <[email protected]>
cloudfoundry · Jun 26, 2018 · 1629695 · 1629695
1 parent 67158d9
commit 1629695
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/.../list/list-types/services-wall/service-instance-card/service-instance-card.component.html b/.../list/list-types/services-wall/service-instance-card/service-instance-card.component.html
@@ -24,7 +24,18 @@
     <app-meta-card-key>Last Updated</app-meta-card-key>
     <app-meta-card-value>{{ serviceInstanceEntity?.entity.last_operation?.updated_at | date:'medium' }} </app-meta-card-value>
   </app-meta-card-item>
-
+  <app-meta-card-item>
+    <app-meta-card-key>Dashboard URL</app-meta-card-key>
+    <app-meta-card-value>
+      <div *ngIf="hasDashboardUrl(); then dashboardUrl; else none"></div>
+      <ng-template #dashboardUrl>
+        <a [href]="getDashboardUrl()" target="_blank" appClickStopPropagation>
+          <mat-icon>launch</mat-icon>
+        </a>
+      </ng-template>
+      <ng-template #none>{{ getDashboardUrl() }}</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>

diff --git a/...ts/list/list-types/services-wall/service-instance-card/service-instance-card.component.ts b/...ts/list/list-types/services-wall/service-instance-card/service-instance-card.component.ts
@@ -105,6 +105,9 @@ export class ServiceInstanceCardComponent extends CardCell<APIResource<IServiceI
     this.serviceInstanceEntity.entity.cfGuid
   )
 
+  hasDashboardUrl = () => !!this.serviceInstanceEntity.entity.dashboard_url;
+  getDashboardUrl = () => this.serviceInstanceEntity.entity.dashboard_url || 'None';
+
   getServiceName = () => {
     const serviceEntity = this.serviceInstanceEntity.entity.service_plan.entity.service;
     let extraInfo: IServiceExtra = null;