pages/geometry-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="Refresh" matTooltip="Refresh tree with current geometry" (click)="refreshSceneTree()" class="button_theme">
0009     <mat-icon>refresh</mat-icon>
0010   </button>
0011 </div>
0012 <mat-tree [dataSource]="dataSource" [treeControl]="treeControl" >
0013   <!-- This is the tree node template for leaf nodes -->
0014   <mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding
0015                  (mouseenter)="onMouseEnterNode(node)"
0016                  (mouseleave)="onMouseLeaveNode(node)"
0017                  [class.event-track-node]="isTrackNode(node)">
0018     <!-- use a disabled button to provide padding for tree leaf -->
0019     <button mat-icon-button disabled></button>
0020     {{node.name}}
0021     <button mat-icon-button (click)="toggleVisibility(node)">
0022       <mat-icon>{{ isEffectivelyVisible(node.object3D) ? 'visibility' : 'visibility_off' }}</mat-icon>
0023     </button>
0024 <!--    &lt;!&ndash; Configuration button for tracks &ndash;&gt;-->
0025 <!--    <button *ngIf="isTrackNode(node)" mat-icon-button (click)="onConfigClick('track')" matTooltip="Configure track">-->
0026 <!--      <mat-icon>settings</mat-icon>-->
0027 <!--    </button>-->
0028   </mat-tree-node>
0029
0030   <!-- This is the tree node template for expandable nodes -->
0031   <mat-tree-node *matTreeNodeDef="let node; when: hasChild" matTreeNodePadding
0032                  (mouseenter)="onMouseEnterNode(node)"
0033                  (mouseleave)="onMouseLeaveNode(node)"
0034
0035                  [class.event-track-node]="isTrackNode(node)">
0036     <button mat-icon-button matTreeNodeToggle
0037             [attr.aria-label]="'Toggle ' + node.name">
0038       <mat-icon class="mat-icon-rtl-mirror">
0039         {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
0040       </mat-icon>
0041     </button>
0042     {{node.name}}
0043     <button mat-icon-button (click)="toggleVisibility(node)">
0044       <mat-icon>{{ isEffectivelyVisible(node.object3D) ? 'visibility' : 'visibility_off' }}</mat-icon>
0045     </button>
0046 <!--    &lt;!&ndash; Configuration button for track collections &ndash;&gt;-->
0047 <!--    <button *ngIf="isTrackCollectionNode(node)" mat-icon-button (click)="onConfigClick('trackCollection')" matTooltip="Configure tracks">-->
0048 <!--      <mat-icon>settings</mat-icon>-->
0049 <!--    </button>-->
0050   </mat-tree-node>
0051 </mat-tree>