components/event-selector/event-selector.component.ts

0001 import { Component } from '@angular/core';
0002 import { DataModelService } from '../../services/data-model.service';
0003 import { MatTooltip } from '@angular/material/tooltip';
0004 import { NgForOf, NgIf } from '@angular/common';
0005
0006 @Component({
0007   selector: 'app-custom-event-selector',
0008   templateUrl: './event-selector.component.html',
0009   styleUrls: ['./event-selector.component.scss'],
0010   imports: [MatTooltip, NgForOf, NgIf],
0011   standalone: true,
0012 })
0013 export class EventSelectorComponent {
0014   constructor(private dataModelService: DataModelService) {}
0015
0016   // Expose signals directly
0017   entries = this.dataModelService.entries;
0018   currentEntry = this.dataModelService.currentEntry;
0019
0020   changeEntry(evt: Event) {
0021     const select = evt.target as HTMLSelectElement;
0022     const selectedIndex = select.selectedIndex;
0023     const selectedEntry = this.entries()[selectedIndex];
0024
0025     if (selectedEntry) {
0026       this.dataModelService.setCurrentEntryByName(selectedEntry.id);
0027     }
0028   }
0029 }