feature/show_Last_Service_Binding

package.json

@@ -131,7 +131,9 @@
     "@angular-devkit/schematics": "^14.2.12",
     "@angular/cli": "^14.2.12",
     "@angular/language-service": "^14.2.12",
+    "@cypress/request": "^3.0.0",
     "@schematics/angular": "^9.1.5",
+    "@types/hammerjs": "^2.0.46",
     "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.8",
     "@types/js-yaml": "^3.12.5",
@@ -169,7 +171,6 @@
     "protractor": "^7.0.0",
     "ps-node": "^0.1.6",
     "q": "^1.4.1",
-    "@cypress/request": "^3.0.0",
     "rxjs-tslint": "^0.1.8",
     "ts-node": "^8.8.2",
     "tslint": "~6.1.0",

src/frontend/packages/cloud-foundry/src/shared/cf-shared.module.ts

@@ -203,11 +203,14 @@ import { AppNameUniqueDirective } from './directives/app-name-unique.directive/a
 import { CfUserPermissionDirective } from './directives/cf-user-permission/cf-user-permission.directive';
 import { ApplicationStateService } from './services/application-state.service';
 import { CloudFoundryUserProvidedServicesService } from './services/cloud-foundry-user-provided-services.service';
+import { TableCellLastServiceBindingComponent } from './components/list/list-types/cf-spaces-service-instances/table-cell-last-service-binding/table-cell-last-service-binding.component';
+import { ServiceInstanceLastServiceBindingComponent } from './components/service-instance-last-service-binding/service-instance-last-service-binding.component';
 
 const cfListTableCells: Type<TableCellCustom<any>>[] = [
   TableCellServiceInstanceAppsAttachedComponent,
   TableCellServiceComponent,
   TableCellServiceLastOpComponent,
+  TableCellLastServiceBindingComponent,
   TableCellRouteAppsAttachedComponent,
   CfOrgPermissionCellComponent,
   CfSpacePermissionCellComponent,
@@ -261,102 +264,103 @@ const cfListCards: Type<CardCell<any>>[] = [
 ];
 
 @NgModule({
-    imports: [
-        CommonModule,
-        CoreModule,
-        SharedModule,
-        ApplicationModule,
-        MaterialDesignFrameworkModule,
-    ],
-    declarations: [
-        ServiceIconComponent,
-        CfEndpointDetailsComponent,
-        CliCommandComponent,
-        CliInfoComponent,
-        CfEndpointsMissingComponent,
-        CfRoleCheckboxComponent,
-        CfOrgSpaceLinksComponent,
-        SelectServiceComponent,
-        SpecifyDetailsStepComponent,
-        AddServiceInstanceComponent,
-        SelectPlanStepComponent,
-        NoServicePlansComponent,
-        BindAppsStepComponent,
-        SpecifyUserProvidedDetailsComponent,
-        AddServiceInstanceBaseStepComponent,
-        SchemaFormComponent,
-        CardAppStatusComponent,
-        CardAppInstancesComponent,
-        CardAppUsageComponent,
-        CardAppUptimeComponent,
-        CardCfInfoComponent,
-        CardCfUserInfoComponent,
-        CardCfOrgUserDetailsComponent,
-        CardCfSpaceDetailsComponent,
-        ServiceSummaryCardComponent,
-        ServiceBrokerCardComponent,
-        ServiceRecentInstancesCardComponent,
-        CompactServiceInstanceCardComponent,
-        RunningInstancesComponent,
-        ServicePlanPublicComponent,
-        ServicePlanPriceComponent,
-        CreateApplicationStep1Component,
-        EventTabActorIconPipe,
-        CloudFoundryEventsListComponent,
-        EventMetadataComponent,
-        ...cfListTableCells,
-        ...cfListCards,
-        ServiceInstanceLastOpComponent,
-        TableCellFeatureFlagDescriptionComponent,
-        AppNameUniqueDirective,
-        ApplicationInstanceChartComponent,
-        EnvVarViewComponent,
-        CfUserPermissionDirective
-    ],
-    exports: [
-        ServiceIconComponent,
-        CfEndpointDetailsComponent,
-        CliCommandComponent,
-        CliInfoComponent,
-        CfEndpointsMissingComponent,
-        CfRoleCheckboxComponent,
-        CfOrgSpaceLinksComponent,
-        SelectServiceComponent,
-        SpecifyDetailsStepComponent,
-        AddServiceInstanceComponent,
-        SelectPlanStepComponent,
-        NoServicePlansComponent,
-        BindAppsStepComponent,
-        SpecifyUserProvidedDetailsComponent,
-        AddServiceInstanceBaseStepComponent,
-        CfServiceCardComponent,
-        SchemaFormComponent,
-        CardAppStatusComponent,
-        CardAppInstancesComponent,
-        CardAppUsageComponent,
-        CardAppUptimeComponent,
-        CardCfInfoComponent,
-        CardCfUserInfoComponent,
-        CardCfOrgUserDetailsComponent,
-        CardCfSpaceDetailsComponent,
-        ServiceSummaryCardComponent,
-        ServiceBrokerCardComponent,
-        ServiceRecentInstancesCardComponent,
-        CompactServiceInstanceCardComponent,
-        RunningInstancesComponent,
-        ServicePlanPublicComponent,
-        ServicePlanPriceComponent,
-        CreateApplicationStep1Component,
-        CloudFoundryEventsListComponent,
-        AppNameUniqueDirective,
-        ApplicationInstanceChartComponent,
-        EnvVarViewComponent,
-        CfUserPermissionDirective
-    ],
-    providers: [
-        ApplicationStateService,
-        CloudFoundryUserProvidedServicesService
-    ]
+  imports: [
+    CommonModule,
+    CoreModule,
+    SharedModule,
+    ApplicationModule,
+    MaterialDesignFrameworkModule,
+  ],
+  declarations: [
+    ServiceIconComponent,
+    CfEndpointDetailsComponent,
+    CliCommandComponent,
+    CliInfoComponent,
+    CfEndpointsMissingComponent,
+    CfRoleCheckboxComponent,
+    CfOrgSpaceLinksComponent,
+    SelectServiceComponent,
+    SpecifyDetailsStepComponent,
+    AddServiceInstanceComponent,
+    SelectPlanStepComponent,
+    NoServicePlansComponent,
+    BindAppsStepComponent,
+    SpecifyUserProvidedDetailsComponent,
+    AddServiceInstanceBaseStepComponent,
+    SchemaFormComponent,
+    CardAppStatusComponent,
+    CardAppInstancesComponent,
+    CardAppUsageComponent,
+    CardAppUptimeComponent,
+    CardCfInfoComponent,
+    CardCfUserInfoComponent,
+    CardCfOrgUserDetailsComponent,
+    CardCfSpaceDetailsComponent,
+    ServiceSummaryCardComponent,
+    ServiceBrokerCardComponent,
+    ServiceRecentInstancesCardComponent,
+    CompactServiceInstanceCardComponent,
+    RunningInstancesComponent,
+    ServicePlanPublicComponent,
+    ServicePlanPriceComponent,
+    CreateApplicationStep1Component,
+    EventTabActorIconPipe,
+    CloudFoundryEventsListComponent,
+    EventMetadataComponent,
+    ...cfListTableCells,
+    ...cfListCards,
+    ServiceInstanceLastOpComponent,
+    ServiceInstanceLastServiceBindingComponent,
+    TableCellFeatureFlagDescriptionComponent,
+    AppNameUniqueDirective,
+    ApplicationInstanceChartComponent,
+    EnvVarViewComponent,
+    CfUserPermissionDirective
+  ],
+  exports: [
+    ServiceIconComponent,
+    CfEndpointDetailsComponent,
+    CliCommandComponent,
+    CliInfoComponent,
+    CfEndpointsMissingComponent,
+    CfRoleCheckboxComponent,
+    CfOrgSpaceLinksComponent,
+    SelectServiceComponent,
+    SpecifyDetailsStepComponent,
+    AddServiceInstanceComponent,
+    SelectPlanStepComponent,
+    NoServicePlansComponent,
+    BindAppsStepComponent,
+    SpecifyUserProvidedDetailsComponent,
+    AddServiceInstanceBaseStepComponent,
+    CfServiceCardComponent,
+    SchemaFormComponent,
+    CardAppStatusComponent,
+    CardAppInstancesComponent,
+    CardAppUsageComponent,
+    CardAppUptimeComponent,
+    CardCfInfoComponent,
+    CardCfUserInfoComponent,
+    CardCfOrgUserDetailsComponent,
+    CardCfSpaceDetailsComponent,
+    ServiceSummaryCardComponent,
+    ServiceBrokerCardComponent,
+    ServiceRecentInstancesCardComponent,
+    CompactServiceInstanceCardComponent,
+    RunningInstancesComponent,
+    ServicePlanPublicComponent,
+    ServicePlanPriceComponent,
+    CreateApplicationStep1Component,
+    CloudFoundryEventsListComponent,
+    AppNameUniqueDirective,
+    ApplicationInstanceChartComponent,
+    EnvVarViewComponent,
+    CfUserPermissionDirective
+  ],
+  providers: [
+    ApplicationStateService,
+    CloudFoundryUserProvidedServicesService
+  ]
 })
 export class CloudFoundrySharedModule { }
 

src/frontend/packages/cloud-foundry/src/shared/components/list/list-types/cf-services/cf-service-instances-list-config.base.ts

@@ -39,6 +39,7 @@ import {
   TableCellServiceLastOpComponent,
 } from '../cf-spaces-service-instances/table-cell-service-last-op/table-cell-service-last-op.component';
 import { TableCellServiceComponent } from '../cf-spaces-service-instances/table-cell-service/table-cell-service.component';
+import { TableCellLastServiceBindingComponent } from '../cf-spaces-service-instances/table-cell-last-service-binding/table-cell-last-service-binding.component';
 
 interface CanCache {
   [spaceGuid: string]: Observable<boolean>;
@@ -86,6 +87,12 @@ export class CfServiceInstancesListConfigBase implements IListConfig<APIResource
       cellComponent: TableCellServiceLastOpComponent,
       cellFlex: '2'
     },
+    {
+      columnId: 'lastServiceBinding',
+      headerCell: () => 'Last Service Binding',
+      cellComponent: TableCellLastServiceBindingComponent,
+      cellFlex: '2'
+    },
     {
       columnId: 'dashboard',
       headerCell: () => 'Dashboard',

src/frontend/packages/cloud-foundry/src/shared/components/list/list-types/cf-spaces-service-instances/table-cell-last-service-binding/table-cell-last-service-binding.component.html

@@ -0,0 +1,3 @@
+<app-service-instance-last-service-binding *ngIf="isUserProvidedServiceInstance === false; else upsi" [serviceInstance]="row"
+  [alignRight]="false"></app-service-instance-last-service-binding >
+<ng-template #upsi>-</ng-template>

src/frontend/packages/cloud-foundry/src/shared/components/list/list-types/cf-spaces-service-instances/table-cell-last-service-binding/table-cell-last-service-binding.component.spec.ts

@@ -0,0 +1,58 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+
+import {
+  BooleanIndicatorComponent,
+} from '../../../../../../../../core/src/shared/components/boolean-indicator/boolean-indicator.component';
+import { BaseTestModulesNoShared } from '../../../../../../../../core/test-framework/core-test.helper';
+import { EntityMonitorFactory } from '../../../../../../../../store/src/monitors/entity-monitor.factory.service';
+import { ServiceInstanceLastServiceBindingComponent } from '../../../../service-instance-last-service-binding/service-instance-last-service-binding.component';
+import { TableCellLastServiceBindingComponent } from './table-cell-last-service-binding.component';
+
+describe('TableCellLastServiceBindingComponent', () => {
+  let component: TableCellLastServiceBindingComponent
+  let fixture: ComponentFixture<TableCellLastServiceBindingComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [
+        TableCellLastServiceBindingComponent,
+        ServiceInstanceLastServiceBindingComponent,
+        BooleanIndicatorComponent
+      ],
+      imports: [...BaseTestModulesNoShared],
+      providers: [EntityMonitorFactory]
+    })
+      .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(TableCellLastServiceBindingComponent);
+    component = fixture.componentInstance;
+    component.row = {
+      entity: {
+        service_plan_guid: '',
+        space_guid: '',
+        dashboard_url: '',
+        type: '',
+        service_guid: '',
+        service_plan_url: '',
+        service_bindings_url: '',
+        service_keys_url: '',
+        routes_url: '',
+        service_url: '',
+      },
+      metadata: {
+        created_at: '',
+        guid: '',
+        updated_at: '',
+        url: ''
+      }
+    };
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
+

src/frontend/packages/cloud-foundry/src/shared/components/list/list-types/cf-spaces-service-instances/table-cell-last-service-binding/table-cell-last-service-binding.component.ts

@@ -0,0 +1,21 @@
+import { Component, Input, OnInit } from '@angular/core';
+
+import { TableCellCustom } from '../../../../../../../../core/src/shared/components/list/list.types';
+import { APIResource } from '../../../../../../../../store/src/types/api.types';
+import { IServiceInstance } from '../../../../../../cf-api-svc.types';
+import { userProvidedServiceInstanceEntityType } from '../../../../../../cf-entity-types';
+
+@Component({
+  selector: 'app-table-cell-last-service-binding',
+  templateUrl: './table-cell-last-service-binding.component.html',
+  styleUrls: ['./table-cell-last-service-binding.component.scss']
+})
+export class TableCellLastServiceBindingComponent extends TableCellCustom<APIResource<IServiceInstance>> implements OnInit {
+  // tslint:disable-next-line:ban-types
+  isUserProvidedServiceInstance: Boolean;
+
+
+  ngOnInit() {
+    this.isUserProvidedServiceInstance = this.entityKey === userProvidedServiceInstanceEntityType;
+  }
+}

src/frontend/packages/cloud-foundry/src/shared/components/list/list-types/services-wall/service-instance-card/service-instance-card.component.html

@@ -45,6 +45,13 @@
       </app-service-instance-last-op>
     </app-meta-card-value>
   </app-meta-card-item>
+  <app-meta-card-item>
+    <app-meta-card-key> Last Service Binding </app-meta-card-key>
+      <app-meta-card-value>
+        <app-service-instance-last-service-binding [alignRight]="true" [serviceInstance]="serviceInstanceEntity">
+        </app-service-instance-last-service-binding>
+      </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>

src/frontend/packages/cloud-foundry/src/shared/components/service-instance-last-service-binding/service-instance-last-service-binding.component.html

@@ -0,0 +1,20 @@
+<div class="last-service-op" [ngClass]="{ 'align-right': alignRight}" *ngIf="serviceInstance.entity.service_bindings?.length > 0; else noServiceBinding">
+  <div *ngIf="serviceInstance.entity.service_bindings as sb">
+    <div *ngIf="sb[sb.length -1].entity.last_operation as sb_lo">
+      <div class="last-service-op--row1">
+        {{sb_lo.type | titlecase }}
+        <app-boolean-indicator *ngIf="sb_lo.state==='in progress'; else normalIndicator" class="last-service-op--item" [isTrue]="true" 
+          type="progress-progress" [subtle]="false" [showText]="false"></app-boolean-indicator>
+        <ng-template #normalIndicator>
+          <app-boolean-indicator class="last-service-op--item" [isTrue]="sb_lo.state==='succeeded'" type="yes-no" [subtle]="false" 
+            [showText]="false">
+          </app-boolean-indicator>
+        </ng-template>
+      </div>
+      <div class="last-service-op--row2">{{ sb_lo.created_at | date:'medium' }}</div>
+    </div>
+  </div>
+</div>
+
+<ng-template #noServiceBinding>-</ng-template>
+