import { Component, OnInit, ViewEncapsulation } from '@angular/core';
import { BrowserModule, DomSanitizer } from '@angular/platform-browser'

@Component({
  selector: 'patient-list',
  templateUrl: './patient-list.component.html',
  styleUrls: ['./patient-list.component.styl'],
  encapsulation: ViewEncapsulation.Emulated
})
export class PatientListComponent implements OnInit {
  title = 'mf-patient-list';

  patientList: Array<any> = [{"id":1,"first_name":"Saunderson","last_name":"Woodfine","gender":"Male","city":"Bosilovo"},
  {"id":2,"first_name":"Joaquin","last_name":"Kline","gender":"Male","city":"Casais Brancos"},
  {"id":3,"first_name":"Goldie","last_name":"Mountcastle","gender":"Female","city":"Nalus"},
  {"id":4,"first_name":"Saraann","last_name":"Pask","gender":"Female","city":"Panayagan"},
  {"id":5,"first_name":"Danna","last_name":"Vasilik","gender":"Female","city":"Dongshi"},
  {"id":6,"first_name":"Doloritas","last_name":"Guerriero","gender":"Female","city":"Klášterec nad Ohří"},
  {"id":7,"first_name":"Pascale","last_name":"McQuarter","gender":"Male","city":"Xiaohekou"},
  {"id":8,"first_name":"Roy","last_name":"Doyley","gender":"Male","city":"Skuratovskiy"},
  {"id":9,"first_name":"Alexia","last_name":"Langcastle","gender":"Female","city":"Vallegrande"},
  {"id":10,"first_name":"Clive","last_name":"Brumpton","gender":"Male","city":"Xinxian"},
  {"id":11,"first_name":"Darnall","last_name":"Caruth","gender":"Male","city":"Maulavi Bāzār"},
  {"id":12,"first_name":"Mallorie","last_name":"Masey","gender":"Female","city":"Donglu"},
  {"id":13,"first_name":"Brunhilda","last_name":"Leal","gender":"Female","city":"Kalmar"},
  {"id":14,"first_name":"Lita","last_name":"Broomer","gender":"Female","city":"Simbal"},
  {"id":15,"first_name":"Othella","last_name":"Swaisland","gender":"Female","city":"Vila do Bispo"},
  {"id":16,"first_name":"Denver","last_name":"Annetts","gender":"Male","city":"San Diego"},
  {"id":17,"first_name":"Leonanie","last_name":"Scheffler","gender":"Female","city":"Cícero Dantas"},
  {"id":18,"first_name":"Anya","last_name":"Hambric","gender":"Female","city":"Ushumun"},
  {"id":19,"first_name":"Ulberto","last_name":"Sleigh","gender":"Male","city":"Couto"},
  {"id":20,"first_name":"Delilah","last_name":"Pallas","gender":"Female","city":"Leluo"}];

  ngOnInit() {
    
  }

  public onPatientEdit = ($event: MouseEvent, patientData: any): void => {
    console.log($event, patientData);
    const patientEditData = document.querySelector('patient-edit');
    if (patientEditData != null) {
      patientEditData['message'] = patientData;
    }
  }
}