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