view src/app/visualisations/vertical-scale.component.ts @ 389:29b817e49a22

Introduce interface VerticallyBounded, which describes a component with a vertical range and the ability to render a scale on itself. VerticallyBoundedWavesComponent partially implements this interface, in that it adds a ScaleLayer to itself - derived instances provide the means of obtaining the scale.

/**
 * Created by lucas on 01/06/2017.
 */
import {VerticallyBounded} from "./waves-base.component";
import {
  ChangeDetectionStrategy,
  Component,
  ContentChildren,
  QueryList,
  AfterViewInit
} from "@angular/core";

@Component({
  selector: 'ugly-vertical-scale',
  template: '<ng-content></ng-content>',
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class VerticalScaleComponent implements AfterViewInit {

  @ContentChildren(VerticallyBounded) bounded: QueryList<VerticallyBounded>;

  ngAfterViewInit(): void {
    this.bounded.forEach(component => {
      const range = component.range;
      if (range) {
        component.renderScale(range);
      }
    });
  }
}