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

0001 <mat-menu #viewOptions>
0002   <button mat-menu-item>
0003     <mat-checkbox
0004       #showCartesianGridCheckbox
0005       (click)="$event.stopPropagation()"
0006       (change)="setCartesianGrid($event)"
0007       >Show Cartesian Grid
0008     </mat-checkbox>
0009     <button
0010       class="icon-wrapper icon-button btn-blank item-settings"
0011       (click)="openCartesianGridConfigDialog()"
0012     >
0013       <svg>
0014         <use href="assets/icons/gear.svg#gear"></use>
0015       </svg>
0016     </button>
0017   </button>
0018   <button
0019     mat-menu-item
0020     (click)="
0021       $event.stopPropagation();
0022       showEtaPhiGridCheckbox._inputElement.nativeElement.click()
0023     "
0024   >
0025     <mat-checkbox
0026       #showEtaPhiGridCheckbox
0027       (click)="$event.stopPropagation()"
0028       (change)="setEtaPhiGrid($event)"
0029       >Show Eta Phi Grid
0030     </mat-checkbox>
0031   </button>
0032   <button
0033     mat-menu-item
0034     (click)="
0035       $event.stopPropagation();
0036       showAxisCheckbox._inputElement.nativeElement.click()
0037     "
0038   >
0039     <mat-checkbox
0040       #showAxisCheckbox
0041       (click)="$event.stopPropagation()"
0042       (change)="setAxis($event)"
0043       >Show Axis
0044     </mat-checkbox>
0045   </button>
0046   <button
0047     mat-menu-item
0048     (click)="showLabelsCheckbox._inputElement.nativeElement.click()"
0049   >
0050     <mat-checkbox
0051       #showLabelsCheckbox
0052       (click)="$event.stopPropagation()"
0053       (change)="showLabels($event)"
0054       >Show Labels
0055     </mat-checkbox>
0056   </button>
0057   <button
0058     mat-menu-item
0059     (click)="
0060       $event.stopPropagation();
0061       showMouse3DPointsCheckbox._inputElement.nativeElement.click()
0062     "
0063   >
0064     <mat-checkbox
0065       #showMouse3DPointsCheckbox
0066       (click)="$event.stopPropagation()"
0067       (change)="show3DMousePoints($event)"
0068       >Show 3D Coordinates
0069     </mat-checkbox>
0070   </button>
0071   <button
0072     mat-menu-item
0073     (click)="
0074       $event.stopPropagation();
0075       show3DDistanceCheckbox._inputElement.nativeElement.click()
0076     "
0077   >
0078     <mat-checkbox
0079       #show3DDistanceCheckbox
0080       (click)="$event.stopPropagation()"
0081       (change)="toggleShowDistance($event)"
0082       >Show 3D Distance
0083     </mat-checkbox>
0084   </button>
0085   <button
0086     mat-menu-item
0087     *ngFor="let view of views"
0088     (click)="displayView($event, view)"
0089   >
0090     <svg class="view-icon" *ngIf="view.icon">
0091       <use attr.href="assets/icons/{{ view.icon }}.svg#{{ view.icon }}"></use>
0092     </svg>
0093     {{ view.name }}
0094   </button>
0095 </mat-menu>
0096
0097 <!--<app-custom-menu-toggle-->
0098 <!--  [matMenuTriggerFor]="viewOptions"-->
0099 <!--  tooltip="View options and Tools"-->
0100 <!--  icon="views"-->
0101 <!--  [active]="false"-->
0102 <!--&gt;-->
0103
0104 <button title="Configure view options"
0105         [matMenuTriggerFor]="viewOptions">
0106   <mat-icon>visibility</mat-icon>
0107 </button>
0108