components/scene-tree/scene-tree.component.html

0001 <div class="header">
0002 <!--  <button mat-icon-button aria-label="Toggle Geometry Highlight" matTooltip="Toggle geometry highlight" (click)="toggleHighlighting()" class="button_theme">-->
0003 <!--    <mat-icon>{{ isHighlightingEnabled ? 'highlight_off' : 'highlight' }}</mat-icon>-->
0004 <!--  </button>-->
0005 <!--  <button mat-icon-button aria-label="Toggle Track Highlight" matTooltip="Toggle track highlight" (click)="toggleTrackHighlighting()" class="button_theme">-->
0006 <!--    <mat-icon>{{ isTrackHighlightingEnabled ? 'timeline_off' : 'timeline' }}</mat-icon>-->
0007 <!--  </button>-->
0008   <button mat-icon-button aria-label="Toggle Highlights" matTooltip="Toggle  highlights" (click)="toggleHighlighting()" class="button_theme">
0009     <mat-icon>{{ isAnyHighlightingEnabled ? 'highlight_off' : 'highlight' }}</mat-icon>
0010   </button>
0011   <button mat-icon-button aria-label="Refresh" matTooltip="Refresh tree with current geometry" (click)="refreshSceneTree()" class="button_theme">
0012     <mat-icon>refresh</mat-icon>
0013   </button>
0014 </div>
0015 <mat-tree #tree [dataSource]="dataSource" [childrenAccessor]="childrenAccessor">
0016   <!-- This is the tree node template for leaf nodes -->
0017   <mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding
0018                  [matTreeNodePaddingIndent]="20"
0019                  (mouseenter)="onMouseEnterNode(node)"
0020                  (mouseleave)="onMouseLeaveNode(node)"
0021                  [class.event-track-node]="isTrackNode(node)">
0022     <!-- use a disabled button to provide padding for tree leaf -->
0023     <button mat-icon-button disabled></button>
0024     {{node.name || '(untitled)'}}
0025     <button mat-icon-button (click)="toggleVisibility(node)">
0026       <mat-icon>{{ isEffectivelyVisible(node) ? 'visibility' : 'visibility_off' }}</mat-icon>
0027     </button>
0028   </mat-tree-node>
0029
0030   <!-- This is the tree node template for expandable nodes -->
0031   <mat-tree-node #treeNode *matTreeNodeDef="let node; when: hasChild" matTreeNodePadding
0032                  [matTreeNodePaddingIndent]="20"
0033                  [isExpandable]="isExpandable(node)"
0034                  (mouseenter)="onMouseEnterNode(node)"
0035                  (mouseleave)="onMouseLeaveNode(node)"
0036                  [class.event-track-node]="isTrackNode(node)">
0037     <button mat-icon-button matTreeNodeToggle
0038             [attr.aria-label]="'Toggle ' + node.name">
0039       <mat-icon class="mat-icon-rtl-mirror">
0040         {{tree.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
0041       </mat-icon>
0042     </button>
0043     {{node.name || '(untitled)'}}
0044     <button mat-icon-button (click)="toggleVisibility(node)">
0045       <mat-icon>{{ isEffectivelyVisible(node) ? 'visibility' : 'visibility_off' }}</mat-icon>
0046     </button>
0047   </mat-tree-node>
0048 </mat-tree>