import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';

export default class TopoloyMetricsUpLines extends Component {
  @tracked iconPositions;

  @action
  getIconPositions() {
    const center = this.args.center;
    const lines = [...document.querySelectorAll('#upstream-lines path')];

    this.iconPositions = lines.map(item => {
      const pathLen = parseFloat(item.getTotalLength());
      const partLen = item.getPointAtLength(Math.ceil(pathLen * 0.666));
      return {
        id: item.id,
        x: partLen.x - center.x,
        y: partLen.y - center.y * 0.81,
      };
    });
  }
}