duck-booking-tool-front/app/duck.service.ts

import { Injectable } from "@angular/core";
import { Headers, Http } from "@angular/http";

import "rxjs/add/operator/toPromise";

import { Duck } from "./models";

@Injectable()
export class DuckService {
    private ducksUrl = 'app/ducks';
    private headers = new Headers({"Content-Type": "application/json"});

    constructor(private http: Http) {}

    private handleError(error: any): Promise<any> {
        console.error("An error occured", error);

        return Promise.reject(error.message || error);
    }

    create(color: string): Promise<Duck> {
        return this.http.post(this.ducksUrl, JSON.stringify({color: color}), {headers: this.headers})
                   .toPromise()
                   .then((res) => res.json().data)
                   .catch(this.handleError);
    }

    update(duck: Duck): Promise<Duck> {
        const url = `${this.ducksUrl}/${duck.id}`;

        return this.http.put(url, JSON.stringify(duck), {headers: this.headers})
                   .toPromise()
                   .then(() => duck)
                   .catch(this.handleError);
    }

    delete(id: number): Promise<void> {
        let url = `${this.ducksUrl}/${id}`;

        return this.http.delete(url, {headers: this.headers})
                   .toPromise()
                   .then(() => null)
                   .catch(this.handleError);
    }

    getDucks(): Promise<Duck[]> {
        return this.http.get(this.ducksUrl)
                   .toPromise()
                   .then(response => response.json().data as Duck[])
                   .catch(this.handleError);
    }

    getDuck(id: number): Promise<Duck> {
        return this.getDucks().then(ducks => ducks.find(duck => duck.id === id));
    }
}