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