import InspectorWidget = require("./InspectorWidget");
import ArrayEditWidget = require("./ArrayEditWidget");
import InspectorUtils = require("./InspectorUtils");

class ModelInspector extends InspectorWidget {

    constructor() {

        super();

        this.subscribeToEvent(this, "WidgetEvent", (data) => this.handleWidgetEvent(data));

    }

    handleWidgetEvent(ev: Atomic.UIWidgetEvent) {

    }

    onApply() {

        this.importer.scale = Number(this.scaleEdit.text);

        this.importer.importAnimations = this.importAnimationBox.value ? true : false;

        for (var i = 0; i < this.importer.animationCount; i++) {

          var info = this.importer.getAnimationInfo(i);

          var nameEdit = this.nameEdits[i];
          var startEdit = this.startEdits[i];
          var endEdit = this.endEdits[i];

          info.name = nameEdit.text;

          // guard against NAN
          var _startTime = Number(startEdit.text);
          var _endTime = Number(endEdit.text);

          if (isNaN(_startTime)) _startTime = 0;
          if (isNaN(_endTime)) _endTime = 0;

          info.startTime = _startTime;
          info.endTime = _endTime;;

        }

        this.asset.import();
        this.asset.save();

    }

    inspect(asset: ToolCore.Asset) {

        this.asset = asset;
        this.importer = <ToolCore.ModelImporter> asset.importer;

        // node attr layout
        var rootLayout = this.rootLayout;

        // Model Section
        var modelLayout = this.createSection(rootLayout, "Model", 1);

        this.scaleEdit = this.createAttrEditField("Scale", modelLayout);
        this.scaleEdit.text = this.importer.scale.toString();

        // Animations Section
        var animationLayout = this.createSection(rootLayout, "Animation", 1);

        this.importAnimationBox = this.createAttrCheckBox("Import Animations", animationLayout);
        this.importAnimationBox.value = this.importer.importAnimations ? 1 : 0;

        this.importAnimationArray = new ArrayEditWidget("Animation Count");
        animationLayout.addChild(this.importAnimationArray);

        this.importAnimationArray.onCountChanged = (count) => this.onAnimationCountChanged(count);

        var nlp = new Atomic.UILayoutParams();
        nlp.width = 310;

        var animLayout = this.animationInfoLayout = new Atomic.UILayout();

        animLayout.spacing = 4;

        animLayout.layoutDistribution = Atomic.UI_LAYOUT_DISTRIBUTION_GRAVITY;
        animLayout.layoutPosition = Atomic.UI_LAYOUT_POSITION_LEFT_TOP;
        animLayout.layoutParams = nlp;
        animLayout.axis = Atomic.UI_AXIS_Y;
        animLayout.gravity = Atomic.UI_GRAVITY_ALL;

        animationLayout.addChild(animLayout);

        this.createAnimationEntries();

        // apply button
        rootLayout.addChild(this.createApplyButton());

    }

    createAnimationEntries() {

        var layout = this.animationInfoLayout;
        layout.deleteAllChildren();

        var count = this.importer.animationCount;

        this.importAnimationArray.countEdit.text = count.toString();

        this.nameEdits = [];
        this.startEdits = [];
        this.endEdits = [];

        for (var i = 0; i < count; i++) {

            var animInfo = this.importer.getAnimationInfo(i);

            var name = InspectorUtils.createAttrName("Animation " + i.toString() + ":");
            layout.addChild(name);

            var nameEdit = InspectorUtils.createAttrEditField("Name", layout);
            nameEdit.text = animInfo.name;

            var startEdit = InspectorUtils.createAttrEditField("Start", layout);
            startEdit.text = animInfo.startTime.toString();

            var endEdit = InspectorUtils.createAttrEditField("End", layout);
            endEdit.text = animInfo.endTime.toString();

            this.nameEdits.push(nameEdit);
            this.startEdits.push(startEdit);
            this.endEdits.push(endEdit);

            InspectorUtils.createSeparator(layout);

        }

    }

    onAnimationCountChanged(count: number) {

        if (this.importer.animationCount == count) {
            return;
        }

        this.importer.animationCount = count;

        this.createAnimationEntries();

    }

    // model
    scaleEdit: Atomic.UIEditField;

    // animation
    importAnimationBox: Atomic.UICheckBox;
    importAnimationArray: ArrayEditWidget;
    animationInfoLayout: Atomic.UILayout;

    nameEdits: Atomic.UIEditField[];
    startEdits: Atomic.UIEditField[];
    endEdits: Atomic.UIEditField[];

    asset: ToolCore.Asset;
    importer: ToolCore.ModelImporter;

}

export = ModelInspector;