import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Rx';
import 'rxjs/add/operator/map'
import { Http, Response, Headers } from '@angular/http';

import { LineData } from './line-data';
import { GraphData } from './graph-data';
import { LabelData } from './label-data';

@Injectable()
export class DataService {
  private baseUrl: string = '/webapi/data';

  constructor(private http : Http){}

  get(): Observable<GraphData> {
    console.log('Getting data');
    let lineChartData$ =
      //<LineData>( {data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A'} );
      this.http
        .get((`${this.baseUrl}`)
          , {headers: this.getHeaders()})
        .map(mapData);

    console.log(lineChartData$);
    return lineChartData$;
  }

  private getHeaders(){
    let headers = new Headers();
    headers.append('Accept', 'application/json');
    return headers;
  }
}

function mapData(response:Response): GraphData {
  console.log('Mapping data', GraphData);
  let nums = response.json().map(toData);
  let times = response.json().map(timeToData)

  console.log(nums);

  let line:LineData = <LineData>({data: nums, label: "Series A"});
  let label:LabelData = <LabelData>({data: times});
  console.log(line);
  let graph:GraphData = <GraphData>({lines:line,labels:label});
  return graph;
}

function toData(r:any){
  let num = r.TOE1;
  console.log('Parsed Data:', num);
  return num;
}

function timeToData(r:any){
  let times = r.time.substring(11,18);
  console.log('Parsed Time:', times);
  return times;
}