Headless CMS and Content Managment Hub
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.
 
 
 
 
 

27 lines
1.2 KiB

<div class="control-dropdown-item d-flex align-items-center" [class.active]="node.isSelected" [style]="style" (click)="selectNode.emit(node)">
<ng-container *ngIf="node.isLoading; else notLoading" class="loader">
<button type="button" class="btn btn-sm btn-decent btn-text-secondary">
<i class="icon-spinner2 spin2"></i>
</button>
</ng-container>
<ng-template #notLoading>
<button type="button" class="btn btn-sm btn-decent btn-text-secondary" (click)="toggle()" sqxStopClick [class.invisible]="node.isLoaded && node.children.length === 0">
<i [class.icon-caret-right]="!node.isExpanded || !node.isLoaded" [class.icon-caret-down]="node.isExpanded && node.isLoaded"></i>
</button>
</ng-template>
<div class="name truncate">
{{node.item.folderName | sqxTranslate}}
</div>
</div>
<div class="tree-children" *ngIf="node.isExpanded || node.isSelected">
<sqx-asset-folder-dropdown-item *ngFor="let child of node.children; trackBy: trackByNode"
[appName]="appName"
[node]="child"
[nodeLevel]="nodeLevel + 1"
(selectNode)="selectNode.emit($event)">
</sqx-asset-folder-dropdown-item>
</div>