import { Component, OnInit, Output, EventEmitter } from '@angular/core';
import { Tournament } from 'tournee.businesslogic';

@Component({
  selector: 'app-tournament-builder-step-two',
  templateUrl: './tournament-builder-step-two.component.html',
  styleUrls: ['./tournament-builder-step-two.component.css']
})
export class TournamentBuilderStepTwoComponent implements OnInit {
  display: boolean = false;
  @Output() OnStepped = new EventEmitter<Tournament>();
  @Output() OnSteppedBack = new EventEmitter<Tournament>();
  @Output() OnCancelled = new EventEmitter<any>();
  @Output() OnDone = new EventEmitter<Tournament>();
  @Output() OnSave = new EventEmitter<Tournament>();
  EditModel: Tournament;
  original_state: string;


  constructor() {
  }

  ngOnInit() {
    
  }
  next() {
    this.OnStepped.emit(this.EditModel);
    this.display = false;
  }
  stepBack() {
    this.OnSteppedBack.emit(this.EditModel);
    this.display = false;
  }
  cancel() {
    this.OnCancelled.emit();
  }
  done() {
    this.OnDone.emit(this.EditModel);
  }
  save() {
    this.OnSave.emit(this.EditModel);
  }

  enter(editModel: Tournament, original: string) {
    this.EditModel = editModel;
    
    this.original_state = original;
    this.display = true;
  }
  IsDirty() {
    return this.original_state != JSON.stringify(this.EditModel);
  }
  
}