components/object-raycast/object-raycast.component.html

0001
0002 <div>
0003   <button #openRayBtn mat-icon-button (click)="openRaycastDialog()"
0004           matTooltip="Raycast tools" class="panel-button">
0005     <mat-icon>center_focus_strong</mat-icon>
0006   </button>
0007 </div>
0008
0009
0010 <!-- object-raycast.component.html -->
0011 <ng-template #raycastDialogTmpl>
0012   <!-- Close button -->
0013   <button mat-dialog-close aria-label="Close dialog" class="close-round-btn">
0014     <mat-icon>close</mat-icon>
0015   </button>
0016
0017   <div class="mat-menu custom-position-dialog">
0018
0019     <!--3‑D Coordinates -->
0020     <button mat-menu-item
0021             (click)="$event.stopPropagation(); coordsCb._inputElement.nativeElement.click()">
0022       <mat-checkbox #coordsCb [checked]="coordsEnabled"
0023                     (click)="$event.stopPropagation()"
0024                     (change)="toggleShowCoords($event)">
0025         Show 3‑D Coordinates
0026       </mat-checkbox>
0027     </button>
0028
0029     <!--3‑D Distance -->
0030     <button mat-menu-item
0031             (click)="$event.stopPropagation(); distCb._inputElement.nativeElement.click()">
0032       <mat-checkbox #distCb [checked]="distanceEnabled"
0033                     (click)="$event.stopPropagation()"
0034                     (change)="toggleShowDistance($event)">
0035         Show 3‑D Distance
0036       </mat-checkbox>
0037     </button>
0038
0039
0040   </div>
0041 </ng-template>
0042
0043 <div class="raycast-overlay" *ngIf="coordsEnabled || distanceEnabled">
0044   <div *ngIf="coordsEnabled">{{ coordsText }}</div>
0045   <div *ngIf="distanceEnabled">{{ distanceText }}</div>
0046 </div>