You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
1.5 KiB
38 lines
1.5 KiB
<div [ngClass]="{container: true, dark: isDark()}">
|
|
<ng-container *ngFor="let item of items">
|
|
<div
|
|
class="item"
|
|
*ngIf="!item.__app_tree_comp_is_hidden"
|
|
(click)="onItemClick($event, item)"
|
|
(dblclick)="onItemDoubleClick($event, item)"
|
|
(contextmenu)="onItemRightClick($event, item)"
|
|
[ngClass]="{activated: selectedItem === item}"
|
|
>
|
|
<i
|
|
*ngIf="hasNesting(item) && !item.__app_tree_comp_is_collapsed"
|
|
(click)="onItemHandleClick($event, item)"
|
|
class="fa fa-chevron-down handle handle-expanded"
|
|
></i>
|
|
<i
|
|
*ngIf="hasNesting(item) && item.__app_tree_comp_is_collapsed"
|
|
(click)="onItemHandleClick($event, item)"
|
|
class="fa fa-chevron-right handle handle-collapsed"
|
|
></i>
|
|
<i *ngIf="iconClassField" [ngClass]="item[iconClassField]"></i>
|
|
{{ item[displayField] }}
|
|
</div>
|
|
<div class="nested-level" *ngIf="hasNesting(item, true) && !item.__app_tree_comp_is_collapsed">
|
|
<app-tree-root
|
|
#childComponents
|
|
[displayField]="displayField"
|
|
[childrenField]="childrenField"
|
|
[nestingLevel]="nestingLevel + 1"
|
|
[iconClassField]="iconClassField"
|
|
[items]="item[childrenField]"
|
|
[parent]="this"
|
|
[parentItem]="item"
|
|
></app-tree-root>
|
|
</div>
|
|
</ng-container>
|
|
</div>
|