pages/geometry-tree/scene-tree.component.html

0001 <div class="header">
0002   <button mat-icon-button aria-label="Toggle Highlight" matTooltip="Toggle highlight function" (click)="toggleHighlighting()" class="button_theme">
0003     <mat-icon>{{ isHighlightingEnabled ? 'highlight_off' : 'highlight' }}</mat-icon>
0004   </button>
0005   <button mat-icon-button aria-label="Refresh" matTooltip="Refresh tree with current geometry" (click)="refreshScheneTree()" class="button_theme">
0006     <mat-icon>refresh</mat-icon>
0007   </button>
0008 </div>
0009 <mat-tree [dataSource]="dataSource" [treeControl]="treeControl" >
0010   <!-- This is the tree node template for leaf nodes -->
0011   <mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding>
0012     <!-- use a disabled button to provide padding for tree leaf -->
0013     <button mat-icon-button disabled></button>
0014     {{node.name}}
0015     <button mat-icon-button (click)="toggleVisibility(node)">
0016       <mat-icon>{{ node.visible ? 'visibility' : 'visibility_off' }}</mat-icon>
0017     </button>
0018   </mat-tree-node>
0019   <!-- This is the tree node template for expandable nodes -->
0020   <mat-tree-node *matTreeNodeDef="let node; when: hasChild" matTreeNodePadding
0021                  (mouseenter)="highlightNode(node)"
0022                  (mouseleave)="unhighlightElement(node)">
0023     <button mat-icon-button matTreeNodeToggle
0024             [attr.aria-label]="'Toggle ' + node.name">
0025       <mat-icon class="mat-icon-rtl-mirror">
0026         {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
0027       </mat-icon>
0028     </button>
0029     {{node.name}}
0030     <button mat-icon-button (click)="toggleVisibility(node)">
0031       <mat-icon>{{ node.visible ? 'visibility' : 'visibility_off' }}</mat-icon>
0032     </button>
0033   </mat-tree-node>
0034 </mat-tree>