AtomicGameEngine/Script/AtomicEditor/ui/frames/inspector/InspectorWidget.ts

//
// Copyright (c) 2014-2016 THUNDERBEAST GAMES LLC
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the "Software"), to deal
// in the Software without restriction, including without limitation the rights
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
// copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
// THE SOFTWARE.
//

import ScriptWidget = require("ui/ScriptWidget");
import EditorUI = require("ui/EditorUI");


class InspectorWidget extends ScriptWidget {

    constructor() {

        super();

        var fd = this.attrFontDesc = new Atomic.UIFontDescription();
        fd.id = "Vera";
        fd.size = 11;

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

        var layout = this.rootLayout = new Atomic.UILayout();
        layout.spacing = 4;

        layout.layoutDistribution = Atomic.UI_LAYOUT_DISTRIBUTION.UI_LAYOUT_DISTRIBUTION_GRAVITY;
        layout.layoutPosition = Atomic.UI_LAYOUT_POSITION.UI_LAYOUT_POSITION_LEFT_TOP;
        layout.layoutParams = nlp;
        layout.axis = Atomic.UI_AXIS.UI_AXIS_Y;

        this.gravity = Atomic.UI_GRAVITY.UI_GRAVITY_ALL;
        this.addChild(layout);

        this.subscribeToEvent(Atomic.UIWidgetEvent((data) => this.handleWidgetEvent(data)));

    }

    onApply() {
      console.log("Apply Pressed!");
    }

    createAttrName(name:string):Atomic.UITextField {

      var nameField = new Atomic.UITextField();
      nameField.textAlign = Atomic.UI_TEXT_ALIGN.UI_TEXT_ALIGN_LEFT;
      nameField.skinBg = "InspectorTextAttrName";
      nameField.text = name;
      nameField.fontDescription = this.attrFontDesc;
      return nameField;
    }

    createSection(parent:Atomic.UIWidget, text:string, expanded:number):Atomic.UILayout {

      var section = new Atomic.UISection();

      section.text = text;
      section.value = expanded;
      section.fontDescription = this.attrFontDesc;

      var layout = this.createVerticalAttrLayout();
      parent.addChild(section);
      section.contentRoot.addChild(layout);

      return layout;

    }

    createVerticalAttrLayout():Atomic.UILayout {

      var layout = new Atomic.UILayout(Atomic.UI_AXIS.UI_AXIS_Y);
      layout.spacing = 3;
      layout.layoutPosition = Atomic.UI_LAYOUT_POSITION.UI_LAYOUT_POSITION_LEFT_TOP;
      layout.layoutSize = Atomic.UI_LAYOUT_SIZE.UI_LAYOUT_SIZE_AVAILABLE;

      return layout;

    }

    createApplyButton():Atomic.UIButton {

      var button = new Atomic.UIButton();
      button.fontDescription = this.attrFontDesc;
      button.gravity = Atomic.UI_GRAVITY.UI_GRAVITY_RIGHT;
      button.text = "Apply";

      button.onClick = function() {

        this.onApply();

      }.bind(this);

      return button;

    }

    createAttrCheckBox(name:string, parent:Atomic.UIWidget):Atomic.UICheckBox {

      var attrLayout = new Atomic.UILayout();
      attrLayout.layoutDistribution = Atomic.UI_LAYOUT_DISTRIBUTION.UI_LAYOUT_DISTRIBUTION_GRAVITY;

      var _name = this.createAttrName(name);
      attrLayout.addChild(_name);

      var box = new Atomic.UICheckBox();
      box.skinBg = "TBCheckBox";
      attrLayout.addChild(box);
      parent.addChild(attrLayout);

      return box;

    }

    createAttrEditField(name:string, parent:Atomic.UIWidget):Atomic.UIEditField {

      var attrLayout = new Atomic.UILayout();
      attrLayout.layoutDistribution = Atomic.UI_LAYOUT_DISTRIBUTION.UI_LAYOUT_DISTRIBUTION_GRAVITY;

      var _name = this.createAttrName(name);
      attrLayout.addChild(_name);

      var edit = new Atomic.UIEditField();
      edit.textAlign = Atomic.UI_TEXT_ALIGN.UI_TEXT_ALIGN_LEFT;
      edit.skinBg = "TBAttrEditorField";
      edit.fontDescription = this.attrFontDesc;
      var lp = new Atomic.UILayoutParams();
      lp.width = 140;
      edit.layoutParams = lp;

      attrLayout.addChild(edit);
      parent.addChild(attrLayout);

      return edit;

    }

    handleWidgetEvent(ev: Atomic.UIWidgetEvent):boolean {

      return false;

    }

    createPreviewAnimationButton(asset: ToolCore.Asset): Atomic.UIButton {

        var button = new Atomic.UIButton();
        button.fontDescription = this.attrFontDesc;
        button.gravity = Atomic.UI_GRAVITY.UI_GRAVITY_RIGHT;
        button.text = "Preview Animation";

        button.onClick = function () {
            this.onPreviewAnimation(asset);
            // button is deleted in callback, so make sure we return
            // that we're handled
            return true;
        }.bind(this);

        return button;
    }

    onPreviewAnimation(asset: ToolCore.Asset) {

        var mainFrame = EditorUI.getMainFrame();
        mainFrame.showAnimationToolbar(asset);
    }

    rootLayout:Atomic.UILayout;
    attrFontDesc:Atomic.UIFontDescription;
}

export  = InspectorWidget;