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


@Injectable()
export class AvatarsServiceProvider {
  avatarProv: any;
  checklist: any;
  checklistObserver: any;

  constructor(public http: Http) {
    this.checklist = Observable.create(observer => {
        this.checklistObserver = observer
    })
    console.log('Hello AvatarServiceProvider Provider');
  }

  load(id: number, testing='chota') {

    // if (this.avatarProv) {
    //     console.log('entra a resovler!')
    //   return Promise.resolve(this.avatarProv);
    // }

        console.log('1',testing)
        return this.http.get("http://elsocio.com:8888/api/image/" + id)
        .map((res) => {
            return res.json()
        })

    //     return new Promise((resolve, reject) => {
    //         console.log('2',testing)
    //         this.http.get("http://elsocio.com:8888/api/image/" + id)
    //         .map(res => res.json())
    //         .subscribe(
    //             data => {
    //                 console.log('3 data',testing)
    //                 console.log('PROMISE AVATAR SERVICE IMAGE', data.thumb_name)
    //                 this.avatarProv = data.thumb_name;
    //                 return Promise.resolve(this.avatarProv);

    //             },error => {
    //             // console.log(error);// Error getting the data
    //             return Promise.reject(error);

    //             }
    //         )
    //    })

  }


//   load(id: number, testing='chota') {

//   if (this.avatarProv) {
//       console.log('entra a resovler!')
//     return Promise.resolve(this.avatarProv);
//   }

//       console.log('1',testing)

//       return new Promise((resolve, reject) => {
//           console.log('2',testing)
//           this.http.get("http://elsocio.com:8888/api/image/" + id)
//           .map(res => res.json())
//           .subscribe(
//               data => {
//                   console.log('3 data',testing)
//                   console.log('PROMISE AVATAR SERVICE IMAGE', data.thumb_name)
//                   this.avatarProv = data.thumb_name;
//                   return Promise.resolve(data.thumb_name);

//               },error => {
//               // console.log(error);// Error getting the data
//               return Promise.reject(error);

//               }
//           )
//      })

// }
//   loadAvatars = function (id: number) {
//     let params = {
//       companyId: id
//     }
//     return this.avatarsServiceProvider.load(params)
//     .then(function (result) {
//       return Promise.resolve(result)
//     }).catch(function (error) {
//       return Promise.resolve(error)
//     })
//   }

}