import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable, of } from 'rxjs';
import { ComponentOptionsClass } from '../model/componets';
import { Report } from '../model/reports';
import { map, catchError } from 'rxjs/operators';

@Injectable({
  providedIn: 'root',
})
export class DataSourceService {

  constructor(
    private http: HttpClient,
  ) { }

  getAllComponents(): Observable<ComponentOptionsClass[]> {
    return this.http.get<ComponentOptionsClass[]>('/component');
  }

  addComponent(component: ComponentOptionsClass): Observable<ComponentOptionsClass> {
    return this.http.post<ComponentOptionsClass>('/component/', component);
  }

  updateOneComponent(component: ComponentOptionsClass): Observable<any> {
    return this.http.put<any>('/component/' + component.id, component);
  }

  deleteOneComponentById(componentId: string): Observable<any> {
    return this.http.delete<any>('/component/' + componentId);
  }

  getActionConfig(): Observable<any> {
    return this.http.get('/component/displaylayout');
  }

  getAllReports(): Observable<Report[]> {
    return this.http.get<Report[]>('/report');
  }

  getReportDetailsOf(filename: string): Observable<any>  {
    return this.http.get<any>('/report/' + filename);
  }

  getAllFiles(): Observable<any> {
    return this.http.get('/file/list');
  }

  postFile(fileToUpload: File): Observable<boolean> {
    const endpoint = 'http://localhost:3000/file';
    const formData: FormData = new FormData();
    formData.append('file', fileToUpload, fileToUpload.name);
    return this.http
      .post(endpoint, formData)
      .pipe(
        map(() => true),
        catchError(e => this.handleError(e)),
      );
  }

  handleError(e: any) {
    return of(e);
  }
}