import { Component, OnInit } from '@angular/core';
import {KontaktService} from '../kontakt.service'; //importamo in uporabimo v konstruktorju
import{Kontakt} from '../kontakt';


@Component({
  selector: 'app-kontakti',
  templateUrl: './kontakti.component.html',
  styleUrls: ['./kontakti.component.css'],
  providers: [KontaktService] //dodamo
})
export class KontaktiComponent implements OnInit {

  kontakti: Kontakt[];
  kontakt: Kontakt;
  ime: string;
  priimek: string;
  telefonska: string;

  constructor(private kontaktService: KontaktService) { //dependency injection, tako vstavimo storitev v...
  }

  addKontakt(){
  //for(var i = 1; i <= 1000; i++){
    const novKontakt ={
      ime: this.ime,
      priimek: this.priimek,
      telefonska: this.telefonska
    }

    this.kontaktService.dodajKontakt(novKontakt).subscribe(kontakt => {
      this.kontakti.push(kontakt);
      this.kontaktService.pridobiKontakte().subscribe(kontakti => this.kontakti = kontakti); //refresh

    });
    console.time("timer");
//  }
  console.timeEnd("timer");
  }

  //delete kontakt
  deleteKontakt(id:any){
    var kontakti = this.kontakti;
    this.kontaktService.odstraniKontakt(id).subscribe(data=>{
    if(data.n == 1){
        for(var i = 0; i < kontakti.length; i++){
          if(kontakti[i]._id == id){
            kontakti.splice(i,1);
          }
        }
      }
    })
  }

  ngOnInit() { //initiated when component is loaded into browser (poklice, ko se nalozi)
    this.kontaktService.pridobiKontakte().subscribe(kontakti => this.kontakti = kontakti);
  }

}