aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/components/logic/hierarchy-navigtion/hierarchy-navigation.component.html
blob: aa60337f848626e591649ebae38b0b78e763931d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="navigation-wrapper">
    <div class="node-item" *ngFor="let item of displayData" (click)="onClick($event, item)">
        <div class="node-data-wrapper" [ngClass]="{'selected': selectedItem && selectedItem === item[displayOptions.idProperty]}">
            <span class="node-data" [ngClass]="{'mark':item[displayOptions.valueProperty] === displayOptions.searchText}" [attr.data-tests-id]="item[displayOptions.valueProperty]">

                <span *ngIf="displayOptions.iconProperty" [ngClass]="['node-data-icon', item[displayOptions.iconProperty], 'small']"></span>
                {{item[displayOptions.valueProperty]}}
                <span class="sprite-new archive-label" *ngIf="item.originArchived"></span>
            </span>
        </div>
        <div class="children-node" *ngIf="item[displayOptions.childrenProperty]">
            <hierarchy-navigation class="children-hierarchy" [displayData]="item[displayOptions.childrenProperty]"
                                  [selectedItem]="selectedItem"
                                  [displayOptions]="displayOptions"
                                  (updateSelected)="onSelectedUpdate($event)"></hierarchy-navigation>
        </div>
    </div>
</div>