import { Component, OnInit } from "@angular/core";
import { MatDialogRef } from "@angular/material/dialog";
import { HttpClient } from "@angular/common/http";
import { Subject } from "rxjs";
import { deepCopy, flatCopy } from "../../../components/util/util.service";
import { CustomNotificationService } from "../../../components/notification/customnotification.service";
import { TranslateService } from "@ngx-translate/core";
import { SelectFilterParams } from "../../interfaces/list.interfaces";
import * as uriTemplates_ from "uri-templates";
const uriTemplates = uriTemplates_;

@Component({
  selector: "nm-search-attribute-selection",
  templateUrl: "./search-attribute-selection.component.html",
  styleUrls: ["./search-attribute-selection.component.scss"],
})
export class SearchAttributeSelectionDialog implements OnInit {
  // The default fields of the dialog
  public fields: any[];
  public attributesVisible: any[];
  public fieldsVisible;
  public resetDefault;
  public selectedFields: any[] = [];
  public initalselectedFields: any[] = [];
  public enableSaveButton: boolean = false;
  public infoText: string;
  public infoTitle: string;
  public currentLocale;
  public additionalProperties;
  public withDefaultMenuAction: boolean = true;

  public selectFilterParams: SelectFilterParams;

  private saveFavorites = new Subject<any>();
  public saveFavoritesObservable = this.saveFavorites.asObservable();

  public activateMultipleAddableMode: boolean = true;

  constructor(
    public dialogRef: MatDialogRef<SearchAttributeSelectionDialog>,
    private http: HttpClient,
    private _notificationService: CustomNotificationService,
    private translateService: TranslateService
  ) {}

  ngOnInit() {
    if (!this.selectFilterParams) {
      this.selectFilterParams = {
        filterAttribute: ["scope", "mandatory"],
        placeholder: "placeholder.attributescope",
        href:
          "/api/core/configuration-types/attributescopes?locale=" +
          this.currentLocale,
        dataType: "types",
      };
    }

    this.selectFilterParams = flatCopy(this.selectFilterParams);
    this.selectFilterParams.href = uriTemplates(
      this.selectFilterParams.href
    ).fill({
      locale: this.currentLocale,
    });

    this.additionalProperties = ["parentDescription", "group", "dataLevels"];

    this.fields.forEach((field) => {
      if (
        field.scope === "SYSTEM" &&
        (this.fieldsVisible[field.identifier] ||
          this.fieldsVisible[field.identifier] === undefined)
      ) {
        this.selectedFields.push(field);
      }
    });

    if (this.attributesVisible) {
      this.selectedFields = this.selectedFields.concat(this.attributesVisible);
    }

    this.initalselectedFields = deepCopy(this.selectedFields);
  }

  close() {
    this.dialogRef.close();
  }

  confirm() {
    const mappedValue = this.arrayToObj(this.selectedFields);
    this.dialogRef.close(mappedValue);
  }

  public doSaveFavorites() {
    const favorites = deepCopy(this.selectedFields);
    this.resetDefault = favorites;
    this.saveFavorites.next(favorites);
    this._notificationService.success(
      this.translateService.instant("message.success.action.title"),
      this.translateService.instant("message.success.save.visible.fields.body")
    );
  }

  selectedItemsChanged() {
    this.enableSaveButton = true;
  }

  reset() {
    if (this.resetDefault) {
      this.initalselectedFields = deepCopy(this.resetDefault);
    }
  }

  arrayToObj(selectedFields) {
    const fieldsVisible = {};
    const attributes = selectedFields.filter(
      (entry) => entry.scope !== "SYSTEM"
    );

    /* TODO: This seems wrong in search app?
    Object.keys(this.fields.filter(entry => entry.scope === 'FAKE')).forEach(key => {
      let field = this.fields[key].identifier;
      const isVisible = selectedFields.find(entry => entry.identifier === field) !== undefined;
      fieldsVisible[field] = isVisible;
    });
     */

    Object.keys(this.fieldsVisible).forEach((field) => {
      const isVisible =
        selectedFields.find((entry) => entry.identifier === field) !==
        undefined;
      fieldsVisible[field] = isVisible;
    });

    return { fieldsVisible, attributes };
  }
}