import { Component, Input, OnInit } from '@angular/core';
import { ProcessingRunInfo } from '../models/i-processing-info';
import { colors, HealthCheckColorService } from '../providers/healtch-check-color.service';

@Component({
  selector: 'app-processing-color-by-healthcheck',
  templateUrl: './processing-color-by-healthcheck.component.html',
  styleUrls: ['./processing-color-by-healthcheck.component.css']
})
export class ProcessingColorByHealthcheckComponent implements OnInit {
  @Input() run?: ProcessingRunInfo;
  @Input() runs?: ProcessingRunInfo[];
  colors = colors;
  green: boolean;
  blue: boolean;
  yellow: boolean;
  red: boolean;
  unknown: boolean;
  color: string;

  constructor(private colorService: HealthCheckColorService) {}

  ngOnInit() {
    if (this.run) {
      return this.setColorForRun();
    }

    if (this.runs) {
      return this.setColorForRuns();
    }
  }

  private setColorForRun() {
    const color = this.colorService.getColor(this.run);
    this.pickColor(color);
  }

  private setColorForRuns() {
    const color = this.colorService.getColorForRuns(this.runs);
    this.pickColor(color);
  }

  private pickColor(color: string) {
    switch (color) {
      case colors.BLUE:
        this.blue = true;
        this.color = colors.BLUE.toUpperCase();
        break;
      case colors.YELLOW:
        this.yellow = true;
        this.color = colors.YELLOW.toUpperCase();
        break;
      case colors.RED:
        this.red = true;
        this.color = colors.RED.toUpperCase();
        break;
      case colors.GREEN:
        this.green = true;
        this.color = colors.GREEN.toUpperCase();
        break;
      default:
        this.unknown = true;
        this.color = 'UNKNOWN';
        return;
    }
  }
}