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>bug_report</mat-icon>
0009     </button>
0010
0011     <!-- Event selector -->
0012     <app-custom-event-selector></app-custom-event-selector>
0013
0014     <!-- Toggle for clipping geometries -->
0015     <app-custom-object-clipping></app-custom-object-clipping>
0016
0017     <app-object-raycast></app-object-raycast>
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 (configureItem)="onConfigureItemClicked($event)"></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     <app-painter-config-page *ngIf="isRightPaneOpen"></app-painter-config-page>
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="loading-indicators">
0048     <!-- Dex JSON Loader -->
0049     <div class="loader-container" *ngIf="loadingDex()">
0050       <mat-spinner diameter="24" color="accent"></mat-spinner>
0051       <div class="loader-label">loading json</div>
0052     </div>
0053
0054     <!-- EDM4EIC Loader -->
0055     <div class="loader-container" *ngIf="loadingEdm()">
0056       <mat-spinner diameter="24" color="accent"></mat-spinner>
0057       <div class="loader-label">loading root</div>
0058     </div>
0059
0060     <!-- Geometry Loader -->
0061     <div class="loader-container" *ngIf="loadingGeometry()">
0062       <mat-spinner diameter="24" color="accent"></mat-spinner>
0063       <div class="loader-label">loading geo</div>
0064     </div>
0065   </div>
0066   <div class="theme-text">{{message}}</div>
0067 </div>
0068
0069   <div footer>
0070     <div class="time-controls" id="bottom-controls">
0071       <app-event-time-control></app-event-time-control>
0072
0073       <button mat-icon-button aria-label="Rewind" matTooltip="Rewind time to 0" class="tcontrol" (click)="eventDisplay.rewindTime()">
0074         <mat-icon>first_page</mat-icon>
0075       </button>
0076 <!--      <button mat-raised-button aria-label="Stop" matTooltip="Animate with beam particles collision" class="tcontrol" (click)="eventDisplay.animateWithCollision()">-->
0077 <!--        <mat-icon>close_fullscreen</mat-icon>-->
0078 <!--      </button>-->
0079       <button mat-icon-button aria-label="Play" matTooltip="Play time forward" class="tcontrol" (click)="eventDisplay.animateTime()">
0080         <mat-icon>play_arrow</mat-icon>
0081       </button>
0082       <button mat-icon-button aria-label="Pause" matTooltip="Pause time playing" class="tcontrol" (click)="eventDisplay.stopTimeAnimation()" >
0083         <mat-icon>pause</mat-icon>
0084       </button>
0085       <button mat-icon-button aria-label="Stop" matTooltip="Stop and show all particles" class="tcontrol" (click)="eventDisplay.exitTimedDisplay()" >
0086         <mat-icon>stop</mat-icon>
0087       </button>
0088       <button mat-icon-button aria-label="Step" matTooltip="Step backward" (click)="eventDisplay.timeStepBack()" class="tcontrol">
0089         <mat-icon>chevron_left</mat-icon>
0090       </button>
0091       <button mat-icon-button aria-label="Step" matTooltip="Step forward" (click)="eventDisplay.timeStep()" class="tcontrol">
0092         <mat-icon>chevron_right</mat-icon>
0093       </button>
0094 <!--      <button mat-raised-button aria-label="Rewind" matTooltip="Play random NEXT EVENT" class="tcontrol" (click)="nextRandomEvent()">-->
0095 <!--        <mat-icon>last_page</mat-icon>-->
0096 <!--      </button>-->
0097
0098 <!--      <button mat-raised-button aria-label="Stop" matTooltip="Cycle through DETECTOR subsystems" class="tcontrol" (click)="cycleGeometry()" >-->
0099 <!--        <mat-icon>view_in_ar</mat-icon>-->
0100 <!--      </button>-->
0101
0102       <div class="theme-text">{{currentGeometry}}</div>
0103     </div>
0104   </div>
0105 </app-shell>