import { Component } from '@angular/core';
import { FormBuilder } from '@angular/forms';

import { CtCommonService, CtPartItems } from '..';
import { Form, FormField, CTResult } from 'src/model/models';
import { CtService, DocumentationService } from 'src/api/api';
import { Observable, of } from 'rxjs';
import { tap, catchError } from 'rxjs/operators';

@Component({
  selector: 'app-ct-structure-form',
  templateUrl: './ct-structure-form.component.html',
  styleUrls: ['./ct-structure-form.component.css']
})
export class CtStructureFormComponent extends CtPartItems {

  constructor(fb: FormBuilder, ctCommon: CtCommonService,
    private ctService: CtService,
    private documentationService: DocumentationService) {
    super(fb, ctCommon, 'Structure', f => f.fieldNo);
  }

  cores: number[];
  result: CTResult;

  setup(f: Form) {
    this.cores = Array.from(new Set(f.fields.map(ff => ff.coreNo)));

    this.ctService.calculate(this.previousFields)
      .subscribe(r => this.result = r);
    super.setup(f);
  }

  mapResultFields(coreNo: number, ctResult: CTResult): Map<string, string> {
    const filtered = ctResult.result.filter(ff => ff.coreNo === coreNo);
    const map = new Map<string, string>(filtered.map(ff => [ff.fieldNo, ff.value]));
    return map;
  }

  exportDocumentation() {
    this.documentationService.getDocumentation(this.result.guid)
      .subscribe(d => {
        console.log("dupa");
      }, e => {
        console.log("eeeee");
      });
  }
}