import { Component, OnInit } from '@angular/core';
import { SystemAdminService } from 'src/app/shared/services/systemadmin.service';
import { LoginLog, SystemLogsFilter } from 'tournee.businesslogic';

@Component({
  selector: 'app-system-admin-loginlogs',
  templateUrl: './system-admin-loginlogs.component.html',
  styleUrls: ['./system-admin-loginlogs.component.css'],
  providers: [SystemAdminService]
})
export class SystemAdminLoginlogsComponent implements OnInit {
  Expanded: boolean = false;
  Logs: Array<LoginLog> = [];
  Filter: SystemLogsFilter = SystemLogsFilter.create('login');

  constructor(private _service: SystemAdminService) { }

  ngOnInit() {
    this.load();
  }
  
  toggle() {
    this.Expanded = !this.Expanded;
    if (this.Expanded) {
      this.load();
    }
  }

  load() {
    this._service.getLogs<LoginLog>(this.Filter)
    .then((result) => {
      this.Logs = result.result.map((l) => { return new LoginLog(l); });
    })
    .catch((err) => {
      console.log(err);
    })
  }
}