import {
  ChangeDetectionStrategy,
  ChangeDetectorRef,
  Component,
  OnInit,
  ViewChild,
} from "@angular/core";
import { MatDialogRef } from "@angular/material/dialog";
import { HalService } from "../../../components/hal/hal.service";
import { ListfolderSelectComponent } from "../../../components/listfolder-select/listfolder-select.component";

@Component({
  selector: "nm-worklist-create-dialog",
  templateUrl: "./create-folder-entry-dialog.component.html",
  styleUrls: ["./create-folder-entry-dialog.component.scss"],
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class CreateFolderEntryDialogComponent {
  public title: string;
  public listFolderType: string;
  public folderUrl: string;
  public localesUrl: string;

  public name: string = "";
  public folder;

  public availableActions: any[] = [];
  public selectedAction;

  public fixedActionName;
  public productNumbers;

  private folderActionsInitialized = false;

  @ViewChild(ListfolderSelectComponent, { static: true })
  public listFolderSelect: ListfolderSelectComponent;

  constructor(
    public dialogRef: MatDialogRef<CreateFolderEntryDialogComponent>,
    private halService: HalService,
    private cd: ChangeDetectorRef
  ) {}

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

  public createAndContinue() {
    const action = this.selectedAction.actions.create;
    action.payload = {
      name: this.name,
      parent: this.folder,
      productNumbers: this.productNumbers,
    };
    this.halService.executeAndShowMessage("create", action).subscribe(() => {
      this.initTree(this.selectedAction.listFolderType);
    });

    this.name = "";
    this.cd.markForCheck();
  }

  create() {
    const action = this.selectedAction.actions.create;
    action.payload = {
      name: this.name,
      parent: this.folder,
      productNumbers: this.productNumbers,
    };
    this.halService
      .executeAndShowMessage("create", action)
      .subscribe(() => this.dialogRef.close(true));
  }

  folderSelected(event) {
    if (event) {
      this.folder = event.id;
    } else {
      this.folder = null;
    }
  }

  public loadFolders(event) {
    if (this.selectedAction && this.selectedAction.listFolderType) {
      this.initTree(this.selectedAction.listFolderType);
    }
  }

  public setFolderActions(actions) {
    if (this.folderActionsInitialized) {
      //We already added the actions
      return;
    }

    this.folderActionsInitialized = true;

    if (this.fixedActionName) {
      this.selectedAction = this.availableActions.find(
        (entry) => entry.description === this.fixedActionName
      );
      if (!this.selectedAction.actions) {
        console.error(
          `Unable to find action with description ${this.fixedActionName}, available actions are`,
          this.availableActions
        );
      }
    } else {
      this.selectedAction = this.availableActions[0];
    }
  }

  public formatInput() {
    //let compareString = this.name.replace(/\s+/g,"");

    this.name = this.name.trim();
  }

  private initTree(listFolderType) {
    this.listFolderType = listFolderType;
    this.listFolderSelect.initTree(this.listFolderType);
  }
}