Merge pull request #5099 from anynines/feature/fix_display_of_active_and_bindable_services_in_UI

Fix Display of Active and Bindable Services in the UI

Author: krutten

src/frontend/packages/cloud-foundry/src/shared/components/list/list-types/cf-services/cf-service-card/cf-service-card.component.spec.ts

@@ -75,4 +75,34 @@ describe('CfServiceCardComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('active field should be true/YES', () => {
+    const activeStatus = fixture.nativeElement.querySelector('app-table-cell-service-active').textContent;
+
+    expect(activeStatus).toContain('Yes');
+  });
+
+  it('active field should be false/NO', () => {
+    component.serviceEntity.entity.active = 0;
+    fixture.detectChanges();
+
+    const activeStatus = fixture.nativeElement.querySelector('app-table-cell-service-active').textContent;
+
+    expect(activeStatus).toContain('No');
+  });
+
+  it('bindable field should be true/YES', () => {
+    const bindableStatus = fixture.nativeElement.querySelector('app-table-cell-service-bindable').textContent;
+
+    expect(bindableStatus).toContain('Yes');
+  });
+
+  it('bindable field should be false/NO', () => {
+    component.serviceEntity.entity.bindable = 0;
+    fixture.detectChanges();
+
+    const bindableStatus = fixture.nativeElement.querySelector('app-table-cell-service-bindable').textContent;
+
+    expect(bindableStatus).toContain('No');
+  });
 });

src/frontend/packages/core/src/shared/components/list/list.types.ts

@@ -1,8 +1,9 @@
-import { Component } from '@angular/core';
+import { Component, Directive, Input } from '@angular/core';
 import { Observable } from 'rxjs';
 
 import { IListDataSource, RowState } from './data-sources-controllers/list-data-source-types';
 
+@Directive()
 export abstract class TableCellCustom<T, C = any> {
   protected pDataSource: IListDataSource<T>;
   set dataSource(dataSource: IListDataSource<T>) {
@@ -13,6 +14,7 @@ export abstract class TableCellCustom<T, C = any> {
   }
 
   protected pRow: T;
+  @Input()
   get row(): T {
     return this.pRow;
   }