import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-user-tournaments-container',
  templateUrl: './user-tournaments-container.component.html',
  styleUrls: ['./user-tournaments-container.component.css']
})
export class UserTournamentsContainerComponent implements OnInit {
  private _currently_expanded: string = "attending";

  constructor() { }

  ngOnInit() {
  }

  ToggleClass(zone: string) {
    if (this.Toggled(zone)) {
      return 'btn-success';
    }
    return 'btn-outline-dark';
  }
  Toggled(zone: string) {
    return this._currently_expanded == zone;
  }
  Toggle(zone: string) {
    if (this._currently_expanded == zone) {
      this._currently_expanded = null;
    } else {
      this._currently_expanded = zone;
    }
  }
}