import { AfterViewInit, Component, Inject, OnInit, ViewChild } from '@angular/core';
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { MatPaginator } from '@angular/material/paginator';
import { MatSnackBar } from '@angular/material/snack-bar';
import { MatTableDataSource } from '@angular/material/table';

@Component({
  selector: 'app-ver-dias-vacacionales',
  templateUrl: './ver-dias-vacacionales.component.html',
  styleUrls: ['./ver-dias-vacacionales.component.css']
})
export class VerDiasVacacionalesComponent implements AfterViewInit {
  displayedColumns: string[] = [
    'dias_vacacionales_anio',
    'dias_vacacionales'

  ];
  dias_vacacionales: any[] = this.data.item.DIASVACACIONESAPLICABLES
  tabla_datos: any[] = [];
  dataSource = new MatTableDataSource<any>([]);

  constructor(
    private _snackBar: MatSnackBar,
    public dialogRef: MatDialogRef<any>,
    @Inject(MAT_DIALOG_DATA) public data: any
  ) {
    this.dataSource.data = this.dias_vacacionales;
  }

  

  private snackAlert(mensaje: string) {
    this._snackBar.open(mensaje, 'Cerrar', {
      duration: 4000,
    });
  }

  @ViewChild(MatPaginator) paginator!: MatPaginator;

  ngAfterViewInit(): void {
    this.dataSource.paginator = this.paginator;
    this.paginator._intl.itemsPerPageLabel = 'Datos por página';
    this.paginator._intl.firstPageLabel = 'Primera Página';
    this.paginator._intl.lastPageLabel = 'Últmina Página';
    this.paginator._intl.nextPageLabel = 'Siguiente Página';
    this.paginator._intl.previousPageLabel = 'Anterior Página';
  }

}
