import * as Survey from "survey-knockout";

export interface ISurveyQuestionEditorDefinition {
  properties?: Array<
    string | { name: string; category?: string; tab?: string }
  >;
  tabs?: Array<{ name: string; index?: number; title?: string }>;
}

export class SurveyQuestionEditorDefinition {
  public static definition: {
    [key: string]: ISurveyQuestionEditorDefinition;
  } = {
    questionbase: {
      properties: [
        "name",
        "title",
        { name: "visible", category: "checks" },
        { name: "isRequired", category: "checks" },
        { name: "startWithNewLine", category: "checks" }
      ],
      tabs: [{ name: "visibleIf", index: 100 }]
    },
    comment: {
      properties: ["rows", "placeHolder"]
    },
    file: {
      properties: [
        { name: "showPreview", category: "imageChecks" },
        { name: "storeDataAsText", category: "imageChecks" },
        "maxSize",
        "imageHeight",
        "imageWidth"
      ]
    },
    html: {
      tabs: [{ name: "html", index: 10 }]
    },
    matrixdropdownbase: {
      properties: ["cellType"],
      tabs: [
        { name: "columns", index: 10 },
        { name: "rows", index: 11 },
        { name: "choices", index: 12 }
      ]
    },
    matrixdynamic: {
      properties: ["rowCount", "addRowText", "removeRowText"]
    },
    matrix: {
      tabs: [{ name: "columns", index: 10 }, { name: "rows", index: 11 }]
    },
    multipletext: {
      properties: ["colCount"],
      tabs: [{ name: "items", index: 10 }]
    },
    rating: {
      properties: ["minRateDescription", "maxRateDescription"],
      tabs: [{ name: "rateValues", index: 10 }]
    },
    selectbase: {
      properties: [
        { name: "hasOther", tab: "choices" },
        { name: "otherText", tab: "choices" },
        "choicesOrder",
        "colCount"
      ],
      tabs: [
        { name: "choices", index: 10 },
        { name: "choicesByUrl", index: 11 }
      ]
    },
    dropdown: {
      properties: ["optionsCaption"]
    },
    text: {
      properties: ["inputType", "placeHolder"]
    },
    boolean: {
      properties: ["label"]
    },
    expression: {
      tabs: [{ name: "expression", index: 10 }]
    },
    "matrixdropdowncolumn@checkbox": {
      properties: ["hasOther", "otherText", "choicesOrder", "colCount"],
      tabs: [
        { name: "choices", index: 10 },
        { name: "choicesByUrl", index: 11 },
        { name: "visibleIf", index: 12 },
        { name: "enableIf", index: 20 }
      ]
    },
    "matrixdropdowncolumn@radiogroup": {
      properties: ["hasOther", "otherText", "choicesOrder", "colCount"],
      tabs: [
        { name: "choices", index: 10 },
        { name: "choicesByUrl", index: 11 },
        { name: "visibleIf", index: 12 },
        { name: "enableIf", index: 20 }
      ]
    },
    "matrixdropdowncolumn@dropdown": {
      properties: ["hasOther", "otherText", "choicesOrder", "optionsCaption"],
      tabs: [
        { name: "choices", index: 10 },
        { name: "choicesByUrl", index: 11 },
        { name: "visibleIf", index: 12 },
        { name: "enableIf", index: 20 }
      ]
    },
    "matrixdropdowncolumn@text": {
      properties: ["inputType", "placeHolder"],
      tabs: [
        { name: "validators", index: 10 },
        { name: "visibleIf", index: 12 },
        { name: "enableIf", index: 20 }
      ]
    },
    "matrixdropdowncolumn@comment": {
      properties: ["placeHolder"],
      tabs: [
        { name: "validators", index: 10 },
        { name: "visibleIf", index: 12 },
        { name: "enableIf", index: 20 }
      ]
    },
    "matrixdropdowncolumn@boolean": {
      properties: ["defaultValue"],
      tabs: [{ name: "visibleIf", index: 12 }, { name: "enableIf", index: 20 }]
    },
    multipletextitem: {
      properties: ["inputType", "placeHolder"],
      tabs: [{ name: "validators", index: 10 }]
    },
    paneldynamic: {
      properties: [
        { name: "renderMode", category: "render" },
        { name: "allowAddPanel", category: "render" },
        { name: "allowRemovePanel", category: "render" },
        "panelAddText",
        "panelRemoveText"
      ],
      tabs: [{ name: "templateTitle", index: 10 }]
    },
    panel: {
      properties: ["name", "title", { name: "visible", category: "checks" }],
      tabs: [{ name: "visibleIf", index: 100 }]
    },
    page: {
      properties: [
        "name",
        "title",
        { name: "visible", category: "checks" },
        "questionsOrder"
      ],
      tabs: [{ name: "visibleIf", index: 100 }]
    },
    survey: {
      properties: [
        "title",
        "description",
        "showTitle",
        "locale",
        "mode",
        "clearInvisibleValues",
        "cookieName",
        { name: "sendResultOnPageNext", category: "data" },
        { name: "storeOthersAsComment", category: "data" },
        { name: "showPageTitles", category: "page" },
        { name: "showPageNumbers", category: "page" },

        { name: "pagePrevText", tab: "navigation" },
        { name: "pageNextText", tab: "navigation" },
        { name: "completeText", tab: "navigation" },
        { name: "startSurveyText", tab: "navigation" },
        {
          name: "showNavigationButtons",
          tab: "navigation",
          category: "navbuttons"
        },
        { name: "showPrevButton", tab: "navigation", category: "navbuttons" },
        { name: "firstPageIsStarted", tab: "navigation", category: "navpages" },
        { name: "showCompletedPage", tab: "navigation", category: "navpages" },
        { name: "goNextPageAutomatic", tab: "navigation", category: "navopt" },
        { name: "showProgressBar", tab: "navigation", category: "navopt" },
        { name: "isSinglePage", tab: "navigation" },

        { name: "questionTitleLocation", tab: "question" },
        { name: "requiredText", tab: "question" },
        { name: "questionStartIndex", tab: "question" },
        { name: "showQuestionNumbers", tab: "question" },
        { name: "questionTitleTemplate", tab: "question" },
        { name: "questionErrorLocation", tab: "question" },
        {
          name: "focusFirstQuestionAutomatic",
          tab: "question"
        },
        { name: "questionsOrder", tab: "question" },

        { name: "maxTimeToFinish", tab: "timer" },
        { name: "maxTimeToFinishPage", tab: "timer" },
        { name: "showTimerPanel", tab: "timer", category: "check" },
        { name: "showTimerPanelMode", tab: "timer", category: "check" },
        { name: "wordTemplateContent", tab: "wordTemplate" }
       
      ],
      tabs: [
        { name: "wordTemplate", index: 5 },
        { name: "navigation", index: 10 },
        { name: "question", index: 20 },
        { name: "completedHtml", index: 70 },
        { name: "loadingHtml", index: 80 },
        { name: "timer", index: 90 },
        { name: "triggers", index: 100 }
      ]
    }
  };
  public static getProperties(className: string): Array<any> {
    var properties = [];
    var allDefinitions = SurveyQuestionEditorDefinition.getAllDefinitionsByClass(
      className
    );
    for (var i = allDefinitions.length - 1; i >= 0; i--) {
      var def = allDefinitions[i];
      if (def.properties) {
        for (var j = 0; j < def.properties.length; j++) {
          if (
            !def.properties[j]["tab"] ||
            def.properties[j]["tab"] === "general"
          ) {
            properties.push(def.properties[j]);
          }
        }
      }
    }
    return properties;
  }
  public static getTabs(className: string): Array<any> {
    var tabs = [];
    var allDefinitions = SurveyQuestionEditorDefinition.getAllDefinitionsByClass(
      className
    );
    for (var i = allDefinitions.length - 1; i >= 0; i--) {
      var def = allDefinitions[i];
      if (def.tabs) {
        for (var j = 0; j < def.tabs.length; j++) {
          tabs.push(def.tabs[j]);
        }
      }
    }
    tabs.sort(function(a, b) {
      return a.index < b.index ? -1 : a.index > b.index ? 1 : 0;
    });
    return tabs;
  }
  static getAllDefinitionsByClass(
    className: string
  ): Array<ISurveyQuestionEditorDefinition> {
    var result = [];
    if (
      className.indexOf("@") > -1 &&
      SurveyQuestionEditorDefinition.definition[className]
    ) {
      result.push(SurveyQuestionEditorDefinition.definition[className]);
      return result;
    }
    while (className) {
      var metaClass = <Survey.JsonMetadataClass>Survey.JsonObject.metaData[
        "findClass"
      ](className);
      if (!metaClass) break;
      if (SurveyQuestionEditorDefinition.definition[metaClass.name]) {
        result.push(SurveyQuestionEditorDefinition.definition[metaClass.name]);
      }
      className = metaClass.parentName;
    }
    return result;
  }
}