components/view-options/view-options.component.html

0001 <mat-menu #viewOptions>
0002   <button mat-menu-item>
0003     <mat-checkbox
0004       (click)="$event.stopPropagation()"
0005       (change)="setCartesianGrid($event)"
0006     >
0007       Show Cartesian Grid
0008     </mat-checkbox>
0009     <button
0010       class="icon-wrapper icon-button btn-blank item-settings"
0011       (click)="openCartesianGridConfigDialog()"
0012     >
0013       <mat-icon>settings</mat-icon>
0014     </button>
0015   </button>
0016
0017   <button mat-menu-item>
0018     <mat-checkbox
0019       (click)="$event.stopPropagation()"
0020       (change)="setEtaPhiGrid($event)"
0021     >
0022       Show Eta Phi Grid
0023     </mat-checkbox>
0024   </button>
0025
0026   <button mat-menu-item>
0027     <mat-checkbox
0028       (click)="$event.stopPropagation()"
0029       (change)="setAxis($event)"
0030     >
0031       Show Axis
0032     </mat-checkbox>
0033   </button>
0034
0035   <button mat-menu-item>
0036     <mat-checkbox
0037       (click)="$event.stopPropagation()"
0038       (change)="showLabels($event)"
0039     >
0040       Show Labels
0041     </mat-checkbox>
0042   </button>
0043
0044 <!--  <button mat-menu-item>-->
0045 <!--    <mat-checkbox-->
0046 <!--      (click)="$event.stopPropagation()"-->
0047 <!--      (change)="show3DMousePoints($event)"-->
0048 <!--    >-->
0049 <!--      Show 3D Coordinates-->
0050 <!--    </mat-checkbox>-->
0051 <!--  </button>-->
0052
0053 <!--  <button mat-menu-item>-->
0054 <!--    <mat-checkbox-->
0055 <!--      (click)="$event.stopPropagation()"-->
0056 <!--      (change)="toggleShowDistance($event)"-->
0057 <!--    >-->
0058 <!--      Show 3D Distance-->
0059 <!--    </mat-checkbox>-->
0060 <!--  </button>-->
0061
0062   <!-- For each "view" in your local array.  -->
0063   <button
0064     mat-menu-item
0065     *ngFor="let view of views"
0066     (click)="displayView($event, view)"
0067   >
0068     <mat-icon *ngIf="view.icon" class="view-icon">{{ view.icon }}</mat-icon>
0069     {{ view.name }}
0070   </button>
0071 </mat-menu>
0072
0073 <!-- The button that triggers the menu.  -->
0074 <button mat-icon-button class="panel-button"
0075   matTooltip="Configure view options"
0076   [matMenuTriggerFor]="viewOptions"
0077 >
0078   <mat-icon>visibility</mat-icon>
0079 </button>