Warning, /firebird/firebird-ng/src/app/services/configurator/track-configurator.component.ts is written in an unsupported language. File is not indexed.
0001 import { Component } from '@angular/core';
0002 import { TrackPainterConfig } from '../track-painter-config';
0003 import { ConfiguratorComponent } from './configurator.component';
0004 import { NgIf } from '@angular/common';
0005 import { FormsModule } from '@angular/forms';
0006 import { MatFormFieldModule } from '@angular/material/form-field';
0007 import { MatSelectModule } from '@angular/material/select';
0008 import { MatInputModule } from '@angular/material/input';
0009 import { MatCheckboxModule } from '@angular/material/checkbox';
0010
0011 @Component({
0012 selector: 'app-track-configurator',
0013 standalone: true,
0014 imports: [
0015 NgIf,
0016 FormsModule,
0017 MatFormFieldModule,
0018 MatSelectModule,
0019 MatInputModule,
0020 MatCheckboxModule
0021 ],
0022 template: `
0023 <mat-form-field>
0024 <mat-label>Coloring</mat-label>
0025 <mat-select [(ngModel)]="config.coloringMode" (ngModelChange)="notifyChanges()">
0026 <mat-option value="PID">By Particle ID</mat-option>
0027 <mat-option value="Momentum">By Momentum</mat-option>
0028 <mat-option value="Color">Single Color</mat-option>
0029 </mat-select>
0030 </mat-form-field>
0031
0032 <mat-form-field *ngIf="config.coloringMode === 'Color'">
0033 <mat-label>Color</mat-label>
0034 <input matInput type="color" [(ngModel)]="config.color" (ngModelChange)="notifyChanges()">
0035 </mat-form-field>
0036
0037 <mat-form-field>
0038 <mat-label>Line Width</mat-label>
0039 <input matInput type="number" [(ngModel)]="config.lineWidth"
0040 min="1" max="10" step="0.5" (ngModelChange)="notifyChanges()">
0041 </mat-form-field>
0042
0043 <mat-checkbox [(ngModel)]="config.showSteps" (ngModelChange)="notifyChanges()">
0044 Show Steps
0045 </mat-checkbox>
0046 `
0047 })
0048 export class TrackConfiguratorComponent extends ConfiguratorComponent<TrackPainterConfig> {}