import {Injectable} from '@angular/core';
import {HttpClient, HttpErrorResponse} from '@angular/common/http';
import {Observable, throwError} from 'rxjs';
import {CustomOptions} from './servicesUtils/customOptions.class';
import {CustomizationOptions} from '../connect/community/CustomizationOptions';

@Injectable()
export class LayoutService {
    constructor(private http: HttpClient) {
    }

    static removeNulls(obj) {
        const isArray = obj instanceof Array;
        for (let k in obj) {
            if (obj[k] === null || obj[k] === '') {
                isArray ? obj.splice(k, 1) : delete obj[k];
            } else if (typeof obj[k] === 'object') {
                LayoutService.removeNulls(obj[k]);
            }
        }
    }

    saveLayout(communityId: string, url: string, layout: CustomizationOptions): Observable<CustomizationOptions> {
        LayoutService.removeNulls(layout);
        return this.http.post<CustomizationOptions>(url
          + communityId + '/layout', layout, CustomOptions.getAuthOptionsWithBody());
    }

    getLayout(communityId: string, url: string): Observable<CustomizationOptions> {
        return this.http.get<CustomizationOptions>(url + communityId + '/layout');
    }

    mockLayout(): any {
        return this.http.get('./assets/customizationOptions.json') ;

    }

    private handleError(error: HttpErrorResponse) {
        // in a real world app, we may send the error to some remote logging infrastructure
        // instead of just logging it to the console
        console.error(error);
        return throwError(error.error || 'Server error');
    }
}