import { Component, OnInit } from '@angular/core';
import { Http, Response, RequestOptions, Headers } from "@angular/http";
import { error } from 'util';
import { User } from '../user-model';

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

  allUsers: User[] = [];

  constructor(private http: Http) { }

  ngOnInit() {
  }

  get() {
    let url = 'http://localhost:9000/users';

    this.http.get(url).subscribe(data => {

      this.allUsers = data.json() as User[];

      console.log(this.allUsers);
    },
      error => {
        console.log('failed to load users');
      });
  }

  post() {
    let url = 'http://localhost:9000/';
    let user = { 'id': 10, 'firstName': 'Balram', 'lastName': 'Chavan' };

    let headers = new Headers({ 'Content-Type': 'application/json' });
    headers.append('Accept', 'application/json');

    let options = new RequestOptions({ headers: headers });

    this.http.post(url, { user }).subscribe(data => {
      console.log(data.json());
      console.log('post done');
    })
  }

  put() {
    let url = 'http://localhost:9000/';
    let user = { 'id': 10, 'firstName': 'Balram', 'lastName': 'Chavan' };

    let headers = new Headers({ 'Content-Type': 'application/json' });
    headers.append('Accept', 'application/json');

    let options = new RequestOptions({ headers: headers });

    this.http.put(url, { user }, options).subscribe(data => {
      console.log(data.json());
      console.log('put done');
    })
  }

  delete() {
    let url = 'http://localhost:9000/290';

    this.http.delete(url).subscribe(data => {
      console.log(data.json());
    },
      error => {
        console.log('failed to delete user');
      });
  }
}