<div class="tree-node-content" [class.display-none]="parent && !isExpanded(parent)" [attr.data-id]="node.id" [attr.id]="'node-'+node.id"><a mat-icon-button class="hover-box" *ngIf="!hasChild(node)" disabled="disabled"></a><a mat-icon-button class="hover-box" *ngIf="hasChild(node)" (click)="toggleExpandedClick(node)" (dblclick)="toggleExpandedDblClick(node)" [attr.aria-label]="'toggle ' + getName(node)"><mat-icon class="mat-icon-rtl-mirror">{{isExpanded(node) ? 'expand_more' : 'chevron_right'}}</mat-icon></a><mat-icon class="type-icon hover-box" aria-hidden="true" *ngIf="node.model.get('content.contentType.iconResourcePath')" [svgIcon]="getSvg(Stratus.BaseUrl + node.model.get('content.contentType.iconResourcePath')) | async"></mat-icon><mat-icon class="type-icon hover-box" aria-hidden="true" *ngIf="!node.model.get('content.contentType.iconResourcePath')" [svgIcon]="getSvg(Stratus.BaseUrl + 'sitetheorycore/images/menuTypeIcon/default.svg') | async"></mat-icon><span cdkDragPlaceholder class="node-name hover-box" [attr.data-id]="node.id" [attr.id]="'node-'+node.id" [class.visibility-off]="node.model.get('status') === 0" [innerHTML]="getName(node)" (click)="openDialogClick(node)" (dblclick)="openDialogDblClick(node)"></span><small class="hover-box" [class.route-none]="!node.model.get('route')" [class.type-none]="!node.model.get('content.contentType.iconResourcePath')">{{node.model.get('url') || node.model.get('route') || 'No route set!'}} </small><span class="hover-show position-absolute svg-grey"><a mat-button (click)="openDialogClick(node)" (dblclick)="openDialogDblClick(node)"><mat-icon svgIcon="tree_edit" aria-hidden="false" aria-label="Edit Item">Edit</mat-icon></a><a mat-button (click)="destroy()"><mat-icon svgIcon="tree_delete" aria-hidden="false" aria-label="Delete Item">Delete</mat-icon></a><a mat-button [class.visibility-off]="node.model.get('status') === 0" (click)="toggleStatus()"><mat-icon svgIcon="tree_visibility" aria-hidden="false" aria-label="Toggle Visibility">Visibility</mat-icon></a><a mat-button [disabled]="!node.model.id" (click)="addChild()"><mat-icon svgIcon="tree_add" aria-hidden="false" aria-label="Add Child">Add Child</mat-icon></a></span><div cdkDropList [id]="tree.uid + '_node_' + node.id + '_drop_list'" [cdkDropListConnectedTo]="tree.dropLists" [cdkDropListData]="node" [cdkDropListDisabled]="false" (cdkDropListDropped)="tree.onDragDrop($event)" [cdkDropListSortingDisabled]="tree.cdkDropListSortingDisabled" class="tree-node-drop-list"><sa-tree-node cdkDrag *ngFor="let child of node.children" (cdkDragMoved)="tree.onDragMove($event)" [cdkDragData]="child" [tree]="tree" [parent]="node" [node]="child" class="tree-node"></sa-tree-node></div></div>