catalog-ui/src/app/ng2/components/logic/hierarchy-navigtion/hierarchy-navigation.component.html

   1 <div class="navigation-wrapper">
   2     <div class="node-item" *ngFor="let item of displayData" (click)="onClick($event, item)">
   3         <div class="node-data-wrapper" [ngClass]="{'selected': selectedItem && selectedItem === item[displayOptions.idProperty]}">
   4             <span class="node-data" [ngClass]="{'mark':item[displayOptions.valueProperty] === displayOptions.searchText}" [attr.data-tests-id]="item[displayOptions.valueProperty]">
   5
   6                 <span *ngIf="displayOptions.iconProperty" [ngClass]="['node-data-icon', item[displayOptions.iconProperty], 'small']"></span>
   7                 {{item[displayOptions.valueProperty]}}
   8                 <span class="sprite-new archive-label" *ngIf="item.originArchived"></span>
   9             </span>
  10         </div>
  11         <div class="children-node" *ngIf="item[displayOptions.childrenProperty]">
  12             <hierarchy-navigation class="children-hierarchy" [displayData]="item[displayOptions.childrenProperty]"
  13                                   [selectedItem]="selectedItem"
  14                                   [displayOptions]="displayOptions"
  15                                   (updateSelected)="onSelectedUpdate($event)"></hierarchy-navigation>
  16         </div>
  17     </div>
  18 </div>