summaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/components/properties-table/properties-table.component.html
blob: 426ae3ab235a9cf648ce95ad1fff1120ea631105 (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
<div class="properties-table">
    <loader [display]="isLoading" size="large" [relative]="true"></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="!feInstancesNames">No data to display</div>

        <div *ngFor="let instanceName of feInstancesNames; trackBy:instanceName">
            <div class="table-rows-header">{{instanceName | contentAfterLastDot}}</div>

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

                <div class="table-cell col1" [ngClass]="{'filtered':property.name === propertyNameSearchText}">
                <div class="property-name cut-inner-long-text">
                    <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}}"></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">{{property.schema && property.schema.property && property.schema.property.type ? (property.schema.property.type
                    | contentAfterLastDot) : ''}}</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, instanceName)"
                        (checkProperty)="propertyChecked(property, $event)"
                        >
                    </dynamic-property>

                </div>
            </div>

        </div>

    </div>
</div>