import * as ko from "knockout";
import * as Survey from "survey-knockout";
import { SurveyPropertyItemsEditor } from "./propertyItemsEditor";
import { SurveyPropertyEditorBase } from "./propertyEditorBase";
import { SurveyHelper } from "../surveyHelper";
import { editorLocalization } from "../editorLocalization";
import { SurveyQuestionEditor } from "../questionEditors/questionEditor";
import {
  SurveyNestedPropertyEditor,
  SurveyNestedPropertyEditorItem
} from "./propertyNestedPropertyEditor";
import { SurveyPropertyEditorFactory } from "./propertyEditorFactory";

export class SurveyPropertyTextItemsEditor extends SurveyNestedPropertyEditor {
  public isTitleVisible: boolean;
  constructor(property: Survey.JsonObjectProperty) {
    super(property);
    this.isTitleVisible = this.getIsTitleVisible();
  }
  public get editorType(): string {
    return "textitems";
  }
  protected createNewEditorItem(): any {
    var newItem = new Survey.MultipleTextItem(this.getNewName());
    //newColumn.colOwner = TODO set colOwner.
    return new SurveyPropertyTextItemsItem(newItem);
  }
  protected createEditorItem(item: any) {
    return new SurveyPropertyTextItemsItem(item);
  }
  protected createItemFromEditorItem(editorItem: any) {
    return editorItem.item;
  }

  private getNewName(): string {
    var objs = [];
    var items = this.koItems();
    for (var i = 0; i < items.length; i++) {
      objs.push({ name: items[i].koName() });
    }
    return SurveyHelper.getNewName(objs, "text");
  }
  private getIsTitleVisible(): boolean {
    var property = Survey.JsonObject.metaData.findProperty(
      "multipletextitem",
      "title"
    );
    return property != null && property.visible;
  }
}

export class SurveyPropertyTextItemsItem extends SurveyNestedPropertyEditorItem {
  koName: any;
  koTitle: any;
  koIsRequired: any;
  koEditorName: any;
  koHasError: any;
  constructor(public item: Survey.MultipleTextItem) {
    super();
    this.koName = ko.observable(item.name);
    this.koTitle = ko.observable(item.name === item.title ? "" : item.title);
    this.koIsRequired = ko.observable(this.item.isRequired);
    this.koHasError = ko.observable(false);

    var self = this;
    this.koEditorName = ko.computed(function() {
      return editorLocalization
        .getString("pe.itemEdit")
        ["format"](self.koName());
    });
  }
  protected createSurveyQuestionEditor() {
    return new SurveyQuestionEditor(this.item, null, "multipletextitem");
  }
  public hasError(): boolean {
    if (super.hasError()) return true;
    this.koHasError(!this.koName());
    return this.koHasError();
  }
  public apply() {
    super.apply();
    this.item.name = this.koName();
    this.item.title = this.koTitle();
    this.item.isRequired = this.koIsRequired();
  }
}

SurveyPropertyEditorFactory.registerEditor("textitems", function(
  property: Survey.JsonObjectProperty
): SurveyPropertyEditorBase {
  return new SurveyPropertyTextItemsEditor(property);
});