aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/components/properties-table/properties-table.component.html
blob: a9dc499e7d1673a0de4a9cc6576c60c8dc2a5536 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<div class="properties-table">
    <loader [display]="isLoading" [size]="'large'" [relative]="true" [loaderDelay]="500"></loader>
    <div class="table-header">
        <div class="table-cell col1">Property Name</div>
        <div class="table-cell col2">Type</div>
        <div class="table-cell col3">ES</div>
        <div class="table-cell valueCol">Value</div>
    </div>
    <div class="table-body">
        <div class="no-data" *ngIf="!fePropertiesMap || !(fePropertiesMap | keys).length">No data to display</div>

        <ng-container *ngFor="let instanceId of fePropertiesMap | keys; trackBy:instanceId">
            <div class="table-rows-header white-sub-header">{{feInstanceNamesMap[instanceId]}}</div>

            <div class="table-row"
                *ngFor="let property of fePropertiesMap[instanceId] | searchFilter:'name':searchTerm; trackBy:property?.name"
                (click)="onClickPropertyRow(property, instanceId, $event)"
                [ngClass]="{'selected': selectedPropertyId && selectedPropertyId === property.name }">

                <div class="table-cell col1" [ngClass]="{'filtered':property.name === propertyNameSearchText}" [class.round-checkbox]="property.isDeclared">
                <div class="property-name">
                    <checkbox [(checked)]="property.isSelected"
                          [disabled]="property.isDisabled || property.isDeclared || readonly"
                          (checkedChange)="propertyChecked(property)"></checkbox>
                    <div class="inner-cell-div" tooltip="{{property.name}}">
                        <span>{{property.name}}</span>
                    </div>
                </div>
                <span *ngIf="property.description" class="property-description-icon sprite-new show-desc" tooltip="{{property.description}}" tooltipDelay="0"></span>
                </div>
                <div class="table-cell col2">
                    <div class="inner-cell-div" tooltip="{{property.type | contentAfterLastDot}}">
                        <span>{{property.type | contentAfterLastDot}}</span>
                    </div>
                </div>
                <div class="table-cell col3">
                    <div *ngIf="property.schema && property.schema.property && property.schema.property.type" class="inner-cell-div" tooltip="{{property.schema.property.type | contentAfterLastDot}}">
                        <span>{{property.schema.property.type | contentAfterLastDot}}</span>
                    </div>
                </div>
                <div class="table-cell valueCol">
                    <!-- [ngClass]="{'filtered':property.name === propertyNameSearchText}" (selectProperty)="propertySelected(property, $event, flatProperty.propertiesName)" [propType]="property.type" [propSchema]="property.schema" [propKey]="" [propValue]="property.value"-->
                    <dynamic-property
                        [selectedPropertyId]="selectedPropertyId"
                        [canBeDeclared]="true"
                        [property]="property"
                        [expandedChildId]="property.expandedChildPropertyId"
                        [propertyNameSearchText]="propertyNameSearchText"
                        [readonly]="readonly"
                        (valueChanged)="propValueChanged(property);"
                        (expandChild)="property.updateExpandedChildPropertyId($event)"
                        (clickOnPropertyRow)="onClickPropertyInnerRow($event, instanceId)"
                        (checkProperty)="propertyChecked(property, $event)"
                        >
                    </dynamic-property>

                </div>
            </div>

        </ng-container>

    </div>
</div>