pages/main-display/main-display.component.html

0001 <app-shell>
0002   <ng-container header>
0003     <button mat-icon-button matTooltip="Toggle scene tree pane" (click)="toggleLeftPane()" class="panel-button">
0004       <mat-icon>{{ isLeftPaneOpen ? 'close' : 'account_tree' }}</mat-icon>
0005     </button>
0006
0007     <button mat-icon-button class="panel-button" (click)="onDebugButton()">
0008       <mat-icon>upcoming</mat-icon>
0009     </button>
0010
0011     <!-- Event selector -->
0012     <app-custom-event-selector></app-custom-event-selector>
0013
0014     <app-custom-auto-rotate></app-custom-auto-rotate>
0015
0016     <!-- Toggle for clipping geometries -->
0017     <app-custom-object-clipping></app-custom-object-clipping>
0018
0019     <app-legend-window></app-legend-window>
0020
0021     <!-- Extra options -->
0022     <ng-content></ng-content>
0023
0024   </ng-container>
0025
0026
0027   <div leftPane>
0028     <app-geometry-tree></app-geometry-tree>
0029   </div>
0030
0031   <div centralPane>
0032     <!-- Central content area -->
0033     <div id="eventDisplay"></div>
0034
0035     <app-tool-panel ></app-tool-panel>
0036     <app-cube-viewport-control></app-cube-viewport-control>
0037   </div>
0038
0039   <div rightPane>
0040     <!-- Optional content for right pane -->
0041   </div>
0042
0043   <div footer-left>
0044     <app-perf-stats></app-perf-stats>
0045   </div>
0046   <div footer-right id="footerRight">
0047     <div class="theme-text">{{message}}</div>
0048   </div>
0049   <div footer>
0050     <div class="time-controls" id="bottom-controls">
0051       <app-event-time-control></app-event-time-control>
0052
0053       <button mat-raised-button aria-label="Rewind" matTooltip="Rewind time to 0" class="tcontrol" (click)="eventDisplay.rewindTime()">
0054         <mat-icon>first_page</mat-icon>
0055       </button>
0056 <!--      <button mat-raised-button aria-label="Stop" matTooltip="Animate with beam particles collision" class="tcontrol" (click)="eventDisplay.animateWithCollision()">-->
0057 <!--        <mat-icon>close_fullscreen</mat-icon>-->
0058 <!--      </button>-->
0059       <button mat-raised-button aria-label="Play"  matTooltip="Play time forward" class="tcontrol" (click)="eventDisplay.animateTime()">
0060         <mat-icon>play_arrow</mat-icon>
0061       </button>
0062       <button mat-raised-button aria-label="Pause" matTooltip="Pause time playing" class="tcontrol" (click)="eventDisplay.stopTimeAnimation()" >
0063         <mat-icon>pause</mat-icon>
0064       </button>
0065       <button mat-raised-button aria-label="Stop" matTooltip="Stop and show all particles" class="tcontrol" (click)="eventDisplay.exitTimedDisplay()" >
0066         <mat-icon>stop</mat-icon>
0067       </button>
0068       <button mat-raised-button aria-label="Step" matTooltip="Step 1ns backward" (click)="eventDisplay. timeStepBack()" class="tcontrol">
0069         <mat-icon>chevron_left</mat-icon>
0070       </button>
0071       <button mat-raised-button aria-label="Step" matTooltip="Step 1ns forward" (click)="eventDisplay.timeStep()" class="tcontrol">
0072         <mat-icon>chevron_right</mat-icon>
0073       </button>
0074 <!--      <button mat-raised-button aria-label="Rewind" matTooltip="Play random NEXT EVENT" class="tcontrol" (click)="nextRandomEvent()">-->
0075 <!--        <mat-icon>last_page</mat-icon>-->
0076 <!--      </button>-->
0077
0078 <!--      <button mat-raised-button aria-label="Stop" matTooltip="Cycle through DETECTOR subsystems" class="tcontrol" (click)="cycleGeometry()" >-->
0079 <!--        <mat-icon>view_in_ar</mat-icon>-->
0080 <!--      </button>-->
0081
0082       <div class="theme-text">{{currentGeometry}}</div>
0083     </div>
0084   </div>
0085 </app-shell>