catalog-ui/src/app/ng2/pages/workspace/req-and-capabilities/capabilities/capabilities-properties/capabilities-properties.html

   1 <div class="capabilities-properties-table">
   2     <ngx-datatable #componentsMetadataTable
   3         columnMode="flex"
   4         [headerHeight]="40"
   5         [rowHeight]="35"
   6         [rows]="capabilitiesProperties"
   7         [sorts]="[{prop: 'name', dir: 'desc'}]">
   8         <ngx-datatable-column *ngFor="let column of capabilityPropertiesColumns" [ngSwitch]="column.prop" [resizeable]="false"
   9             [draggable]="false" name={{column.name}} [flexGrow]="column.flexGrow">
  10             <ng-template ngx-datatable-cell-template let-row="row" *ngSwitchCase="'name'">
  11                 <a data-tests-id="row[column.prop]" sdc-tooltip [tooltip-text]="row[column.prop]" (click)="updateProperty(row)">{{row[column.prop]}}</a>
  12             </ng-template>
  13             <ng-template ngx-datatable-cell-template let-row="row" *ngSwitchCase="'schema'">
  14                 <span *ngIf="row[column.prop] && row[column.prop].property" data-tests-id="row[column.prop].property.type"
  15                 sdc-tooltip [tooltip-text]="row[column.prop].property.type">{{row[column.prop].property.type}}</span>
  16             </ng-template>
  17             <ng-template ngx-datatable-cell-template let-row="row" *ngSwitchDefault>
  18                 <span data-tests-id="row[column.prop]" sdc-tooltip [tooltip-text]="row[column.prop]" [tooltip-placement]="3">{{row[column.prop]}}</span>
  19             </ng-template>
  20         </ngx-datatable-column>
  21     </ngx-datatable>
  22 </div>