import { Component, OnInit, ViewEncapsulation, Input} from '@angular/core';
import { AuditbotLibService } from './auditbot-lib.service';
import { AuditLogsModel, AuditLogDateModel } from './auditLogModel';
import { faEye } from '@fortawesome/free-solid-svg-icons';




@Component({
  selector: 'lib-auditbot-lib',
  templateUrl: './auditbot-lib.component.html',
  styleUrls: ['./auditbot-lib.component.css',
    '../assets/vendor/dataTables.bootstrap.css',
    '../assets/vendor/bootstrap.css',
    '../assets/styles/jl-styles.css',
    '../assets/styles/style.css',
    '../assets/styles/jl-subnavigation-styles.css',
    "../../../../node_modules/font-awesome/scss/font-awesome.scss",
  ],
 
  encapsulation: ViewEncapsulation.None
  
})
export class AuditbotLibComponent implements OnInit {

  @Input() hashkey = '';
  @Input() totalRecords: number = 5;

  auditData: AuditLogsModel;
  currentPage: number = 1;
  pageCount: number = 1;
  totalPages: number[];
  faEye = faEye;

  constructor(private auditbotLibService: AuditbotLibService) {
  }

  ngOnInit(): void {
    this.loadData();
  }

  loadData() {
    this.auditbotLibService.getAuditRecords(this.hashkey, this.currentPage, this.totalRecords).subscribe((result: any) => {
      debugger
      this.auditData = result.data.data;
      this.pageCount = result.data.totalPages;
      for (let data of this.auditData.auditLogs) {
        data.isCollapsed = false;
      }
      this.totalPages = Array(result.data.totalPages).fill(0).map((x, i) => i);
    });
  }
  toggle(auditLog: AuditLogDateModel) {
    auditLog.isCollapsed = !auditLog.isCollapsed;
  }

  previous() {
    if (this.currentPage == 1) {
      return;
    }

    this.currentPage = this.currentPage - 1;
    this.loadData();
  }

  next() {
    if (this.currentPage == this.pageCount) {
      return;
    }

    this.currentPage = this.currentPage + 1;
    this.loadData();
  }

  goToPage(number) {
    this.currentPage = number;
    this.loadData();
  }

}