Skip to content
Snippets Groups Projects
markables-container.component.ts 975 B
Newer Older
jojohoch's avatar
jojohoch committed
import {
jojohoch's avatar
jojohoch committed
  Component, EventEmitter, Input
jojohoch's avatar
jojohoch committed
} from '@angular/core';
import { MarkableWordComponent } from 'player/src/app/components/markable-word/markable-word.component';
jojohoch's avatar
jojohoch committed
import { Markable } from 'player/src/app/models/markable.interface';
import { BehaviorSubject } from 'rxjs';
import { JsonPipe } from '@angular/common';

import { MarkingRange } from 'common/models/marking-data';
jojohoch's avatar
jojohoch committed

@Component({
  selector: 'aspect-markables-container',
  standalone: true,
  imports: [
    MarkableWordComponent,
    JsonPipe
jojohoch's avatar
jojohoch committed
  ],
  templateUrl: './markables-container.component.html',
  styleUrl: './markables-container.component.scss'
})
export class MarkablesContainerComponent {
  @Input() selectedColor!: BehaviorSubject<string | undefined>;
jojohoch's avatar
jojohoch committed
  @Input() markables!: Markable[];
  @Input() markingRange!: BehaviorSubject<MarkingRange | null> | null;
jojohoch's avatar
jojohoch committed
  @Input() markablesChange: EventEmitter<void> = new EventEmitter<void>();
  onColorChange() {
jojohoch's avatar
jojohoch committed
    this.markablesChange.emit();