import { Component, OnInit, Input } from '@angular/core';
import { NgForm } from '@angular/forms';

import { Employee } from '../employee.model';
import { EmployeeService } from '../employee.service';
import { Router } from '../../../../node_modules/@angular/router';




@Component({
  selector: 'app-create-employee',
  templateUrl: './create-employee.component.html',
  styleUrls: ['./create-employee.component.css']
})
export class CreateEmployeeComponent implements OnInit {

  @Input() employee: Employee;


    photoPreview = false;

  constructor(private empService: EmployeeService,
              private router: Router
  ) { }

  ngOnInit() {

  }

  onSaveEmp(empForm: NgForm) {
    //console.log(empForm.value);
  }

  saveEmployee(employee: Employee) {
    this.empService.save(employee);
    'The Array of Form' + console.log(employee);
  }

  onShowPreview() {
    this.photoPreview = !this.photoPreview;
  }
}

import { Injectable, OnInit } from "@angular/core";

import { Employee } from "./employee.model";

@Injectable({
  providedIn: 'root',
})

export class EmployeeService implements OnInit {

    private employees: Employee[] = [
        new Employee('John', 'Male', 'john@gmail.com', 1234567890, 'Phone', new Date('06/10/1991'),'IT', true, 'assets/images/male.png'),
        new Employee('sunria', 'Female', 'sunria@gmail.com', 9876543211, 'Phone', new Date('06/30/1991'),'HR', true, 'assets/images/female.png'),
        new Employee('Sandy', 'Female', 'sandy@gmail.com', 12344509876, 'Phone', new Date('02/28/2002'),'Manager', true, 'assets/images/female2.png')
    ]

    constructor() {

    }

    ngOnInit() {}

    getEmployees() {
        return this.employees.slice();
    }

    save(employee: Employee) {
        this.employees.push(employee);
    }