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

const DATA_EXAMPLE: Array<any> = [
  {
    numeroLinea: '000000001',
    modelo: 'SILENT 100',
    familia: 'Hábitat',
    subfamilia: 'Extractor para baño',
    formato: 'Caja',
    cantidad: '2',
  },
  {
    numeroLinea: '000000002',
    modelo: 'SILENT 200',
    familia: 'Hábitat',
    subfamilia: 'Extractor para baño',
    formato: 'Unidad',
    cantidad: '8',
  },
  {
    numeroLinea: '000000003',
    modelo: 'SILENT 300',
    familia: 'Hábitat',
    subfamilia: 'Extractor para baño',
    formato: 'Caja',
    cantidad: '2',
  },
];


@Component({
  selector: 'app-info-order',
  templateUrl: './info-order.component.html',
  styleUrls: ['./info-order.component.css']
})
export class InfoOrderComponent implements OnInit {
  public displayedColumns: string[] = [
    'ITEM1',
    'ITEM2',
    'ITEM3',
    'ITEM4',
    'ITEM5',
    'ITEM6',
  ];

  // ---- Loading Data ----
  public isLoading: boolean = false;

  // ---- Tabla ----
  public dataSource: Array<any>;

  constructor(
    public dialog: MatDialog,
  ) {
    this.dataSource = DATA_EXAMPLE;
  }

  ngOnInit(): void {
  }

  public openDialog(action: string, data: any = null) {
    if (action === 'INFO') {
      /* const dialogRef = this.dialog.open(InfoContactProviderComponent, {
        width: '900px',
        disableClose: true,
      }); */
    }
  }

}
