|
|
@@ -0,0 +1,895 @@
|
|
|
+//
|
|
|
+// Copyright (c) 2014-2015, THUNDERBEAST GAMES LLC All rights reserved
|
|
|
+// LICENSE: Atomic Game Engine Editor and Tools EULA
|
|
|
+// Please see LICENSE_ATOMIC_EDITOR_AND_TOOLS.md in repository root for
|
|
|
+// license information: https://github.com/AtomicGameEngine/AtomicGameEngine
|
|
|
+//
|
|
|
+
|
|
|
+import EditorUI = require("ui/EditorUI");
|
|
|
+import InspectorUtils = require("./InspectorUtils");
|
|
|
+import SerializableEditType = require("./SerializableEditType");
|
|
|
+
|
|
|
+class AttributeInfoEdit extends Atomic.UILayout {
|
|
|
+
|
|
|
+ attrInfo: Atomic.AttributeInfo;
|
|
|
+ editType: SerializableEditType;
|
|
|
+
|
|
|
+ editWidget: Atomic.UIWidget;
|
|
|
+
|
|
|
+ nameOverride: string;
|
|
|
+
|
|
|
+ constructor() {
|
|
|
+
|
|
|
+ super();
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ initialize(editType: SerializableEditType, attrInfo: Atomic.AttributeInfo): boolean {
|
|
|
+
|
|
|
+ this.editType = editType;
|
|
|
+ this.attrInfo = attrInfo;
|
|
|
+
|
|
|
+ this.createLayout();
|
|
|
+
|
|
|
+ return true;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ handleWidgetEvent(ev: Atomic.UIWidgetEvent): boolean {
|
|
|
+
|
|
|
+ return false;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ createLayout() {
|
|
|
+
|
|
|
+ this.createEditWidget();
|
|
|
+
|
|
|
+ this.editWidget.subscribeToEvent(this.editWidget, "WidgetEvent", (data) => this.handleWidgetEvent(data));
|
|
|
+
|
|
|
+ var attr = this.attrInfo;
|
|
|
+ var attrNameLP = AttributeInfoEdit.attrNameLP;
|
|
|
+
|
|
|
+ this.layoutDistribution = Atomic.UI_LAYOUT_DISTRIBUTION_GRAVITY;
|
|
|
+
|
|
|
+ var name = new Atomic.UITextField();
|
|
|
+ name.textAlign = Atomic.UI_TEXT_ALIGN_LEFT;
|
|
|
+ name.skinBg = "InspectorTextAttrName";
|
|
|
+ name.layoutParams = attrNameLP;
|
|
|
+
|
|
|
+ if (attr.type == Atomic.VAR_VECTOR3 || attr.type == Atomic.VAR_COLOR ||
|
|
|
+ attr.type == Atomic.VAR_QUATERNION) {
|
|
|
+ this.axis = Atomic.UI_AXIS_Y;
|
|
|
+ this.layoutPosition = Atomic.UI_LAYOUT_POSITION_LEFT_TOP;
|
|
|
+ this.skinBg = "InspectorVectorAttrLayout";
|
|
|
+ }
|
|
|
+
|
|
|
+ var bname = attr.name;
|
|
|
+
|
|
|
+ if (bname == "Is Enabled")
|
|
|
+ bname = "Enabled";
|
|
|
+
|
|
|
+ if (this.nameOverride)
|
|
|
+ name.text = this.nameOverride;
|
|
|
+ else
|
|
|
+ name.text = bname;
|
|
|
+
|
|
|
+ name.fontDescription = AttributeInfoEdit.fontDesc;
|
|
|
+
|
|
|
+ this.addChild(name);
|
|
|
+
|
|
|
+ this.addChild(this.editWidget);
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ createEditWidget() {
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ refresh() {
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ static createAttrEdit(editType: SerializableEditType, attrInfo: Atomic.AttributeInfo): AttributeInfoEdit {
|
|
|
+
|
|
|
+ var type: typeof AttributeInfoEdit;
|
|
|
+ var customTypes = AttributeInfoEdit.customAttrEditTypes[editType.typeName];
|
|
|
+ if (customTypes) {
|
|
|
+
|
|
|
+ type = customTypes[attrInfo.name];
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!type) {
|
|
|
+
|
|
|
+ type = AttributeInfoEdit.standardAttrEditTypes[attrInfo.type];
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!type)
|
|
|
+ return null;
|
|
|
+
|
|
|
+ var attrEdit = new type();
|
|
|
+ if (!attrEdit.initialize(editType, attrInfo))
|
|
|
+ return null;
|
|
|
+
|
|
|
+ return attrEdit;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ // atttribute name layout param
|
|
|
+ static attrNameLP: Atomic.UILayoutParams;
|
|
|
+ static fontDesc: Atomic.UIFontDescription;
|
|
|
+
|
|
|
+ static standardAttrEditTypes: { [variantType: number /*Atomic.VariantType*/]: typeof AttributeInfoEdit } = {};
|
|
|
+
|
|
|
+ static customAttrEditTypes: { [typeName: string]: { [name: string]: typeof AttributeInfoEdit } } = {};
|
|
|
+
|
|
|
+ static registerCustomAttr(typeName: string, attrName: string, edit: typeof AttributeInfoEdit) {
|
|
|
+
|
|
|
+ if (!AttributeInfoEdit.customAttrEditTypes[typeName]) {
|
|
|
+ AttributeInfoEdit.customAttrEditTypes[typeName] = {};
|
|
|
+ }
|
|
|
+
|
|
|
+ AttributeInfoEdit.customAttrEditTypes[typeName][attrName] = edit;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ private static Ctor = (() => {
|
|
|
+
|
|
|
+ var attrNameLP = AttributeInfoEdit.attrNameLP = new Atomic.UILayoutParams();
|
|
|
+ attrNameLP.width = 100;
|
|
|
+
|
|
|
+ var fd = AttributeInfoEdit.fontDesc = new Atomic.UIFontDescription();
|
|
|
+ fd.id = "Vera";
|
|
|
+ fd.size = 11;
|
|
|
+
|
|
|
+ })();
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+class BoolAttributeEdit extends AttributeInfoEdit {
|
|
|
+
|
|
|
+ createEditWidget() {
|
|
|
+
|
|
|
+ var box = new Atomic.UICheckBox();
|
|
|
+ this.editWidget = box;
|
|
|
+ }
|
|
|
+
|
|
|
+ refresh() {
|
|
|
+
|
|
|
+ var uniform = this.editType.getUniformValue(this.attrInfo);
|
|
|
+
|
|
|
+ if (uniform) {
|
|
|
+ var object = this.editType.getFirstObject();
|
|
|
+ this.editWidget.skinBg = "TBGreyCheckBox";
|
|
|
+ if (object) {
|
|
|
+ var value = object.getAttribute(this.attrInfo.name);
|
|
|
+ this.editWidget.value = (value ? 1 : 0);
|
|
|
+ }
|
|
|
+
|
|
|
+ } else {
|
|
|
+
|
|
|
+ this.editWidget.skinBg = "TBGreyCheckBoxNonUniform";
|
|
|
+ this.editWidget.value = 1;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ handleWidgetEvent(ev: Atomic.UIWidgetEvent): boolean {
|
|
|
+
|
|
|
+ if (ev.type == Atomic.UI_EVENT_TYPE_CHANGED) {
|
|
|
+
|
|
|
+ this.editType.onAttributeInfoEdited(this.attrInfo, this.editWidget.value ? true : false);
|
|
|
+ this.refresh();
|
|
|
+
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+
|
|
|
+ return false;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+class StringAttributeEdit extends AttributeInfoEdit {
|
|
|
+
|
|
|
+ createEditWidget() {
|
|
|
+
|
|
|
+ var field = new Atomic.UIEditField();
|
|
|
+ field.textAlign = Atomic.UI_TEXT_ALIGN_LEFT;
|
|
|
+ field.skinBg = "TBAttrEditorField";;
|
|
|
+ field.fontDescription = AttributeInfoEdit.fontDesc;
|
|
|
+ var lp = new Atomic.UILayoutParams();
|
|
|
+ lp.width = 140;
|
|
|
+ field.layoutParams = lp;
|
|
|
+
|
|
|
+ field.subscribeToEvent(field, "UIWidgetEditComplete", (ev) => this.handleUIWidgetEditCompleteEvent(ev));
|
|
|
+
|
|
|
+ this.editWidget = field;
|
|
|
+ }
|
|
|
+
|
|
|
+ refresh() {
|
|
|
+
|
|
|
+ var uniform = this.editType.getUniformValue(this.attrInfo);
|
|
|
+
|
|
|
+ if (uniform) {
|
|
|
+ var object = this.editType.getFirstObject();
|
|
|
+ if (object) {
|
|
|
+ var value = object.getAttribute(this.attrInfo.name);
|
|
|
+ this.editWidget.text = value;
|
|
|
+ }
|
|
|
+
|
|
|
+ } else {
|
|
|
+
|
|
|
+ this.editWidget.text = "--";
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ handleUIWidgetEditCompleteEvent(ev) {
|
|
|
+
|
|
|
+ this.editType.onAttributeInfoEdited(this.attrInfo, this.editWidget.text);
|
|
|
+ this.refresh();
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ handleWidgetEvent(ev: Atomic.UIWidgetEvent): boolean {
|
|
|
+
|
|
|
+ if (ev.type == Atomic.UI_EVENT_TYPE_CHANGED) {
|
|
|
+
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+
|
|
|
+ return false;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+class IntAttributeEdit extends AttributeInfoEdit {
|
|
|
+
|
|
|
+ enumSource: Atomic.UISelectItemSource;
|
|
|
+
|
|
|
+ createEditWidget() {
|
|
|
+
|
|
|
+ var attrInfo = this.attrInfo;
|
|
|
+
|
|
|
+ if (attrInfo.enumNames.length) {
|
|
|
+
|
|
|
+ var enumSource = this.enumSource = new Atomic.UISelectItemSource();
|
|
|
+
|
|
|
+ for (var i in attrInfo.enumNames) {
|
|
|
+
|
|
|
+ enumSource.addItem(new Atomic.UISelectItem(attrInfo.enumNames[i], (Number(i) + 1).toString()));
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ var button = new Atomic.UIButton();
|
|
|
+ button.fontDescription = AttributeInfoEdit.fontDesc;
|
|
|
+ button.text = "Enum Value!";
|
|
|
+ var lp = new Atomic.UILayoutParams();
|
|
|
+ lp.width = 140;
|
|
|
+ button.layoutParams = lp;
|
|
|
+
|
|
|
+ this.editWidget = button;
|
|
|
+
|
|
|
+ } else {
|
|
|
+
|
|
|
+
|
|
|
+ var field = new Atomic.UIEditField();
|
|
|
+ field.textAlign = Atomic.UI_TEXT_ALIGN_CENTER;
|
|
|
+ field.skinBg = "TBAttrEditorField";;
|
|
|
+ field.fontDescription = AttributeInfoEdit.fontDesc;
|
|
|
+ var lp = new Atomic.UILayoutParams();
|
|
|
+ lp.width = 140;
|
|
|
+ field.layoutParams = lp;
|
|
|
+
|
|
|
+ field.subscribeToEvent(field, "UIWidgetEditComplete", (ev) => this.handleUIWidgetEditCompleteEvent(ev));
|
|
|
+
|
|
|
+ this.editWidget = field;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ refresh() {
|
|
|
+
|
|
|
+ var uniform = this.editType.getUniformValue(this.attrInfo);
|
|
|
+
|
|
|
+ if (uniform) {
|
|
|
+ var object = this.editType.getFirstObject();
|
|
|
+ if (object) {
|
|
|
+ var value = object.getAttribute(this.attrInfo.name);
|
|
|
+
|
|
|
+ var widget = this.editWidget;
|
|
|
+ var attrInfo = this.attrInfo;
|
|
|
+
|
|
|
+ if (attrInfo.enumNames.length) {
|
|
|
+ widget.text = attrInfo.enumNames[value];
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ widget.text = value.toString();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ } else {
|
|
|
+
|
|
|
+ this.editWidget.text = "--";
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ handleUIWidgetEditCompleteEvent(ev) {
|
|
|
+
|
|
|
+ // non-enum
|
|
|
+ this.editType.onAttributeInfoEdited(this.attrInfo, Number(this.editWidget.text));
|
|
|
+ this.refresh();
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ handleWidgetEvent(ev: Atomic.UIWidgetEvent): boolean {
|
|
|
+
|
|
|
+ if (ev.type == Atomic.UI_EVENT_TYPE_CHANGED) {
|
|
|
+
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (ev.type == Atomic.UI_EVENT_TYPE_CLICK) {
|
|
|
+
|
|
|
+ var id = this.attrInfo.name + " enum popup";
|
|
|
+
|
|
|
+ if (ev.target.id == id) {
|
|
|
+
|
|
|
+ this.editType.onAttributeInfoEdited(this.attrInfo, Number(ev.refid) - 1);
|
|
|
+ this.refresh();
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ else if (this.editWidget == ev.target && this.attrInfo.enumNames.length) {
|
|
|
+
|
|
|
+
|
|
|
+ if (this.enumSource) {
|
|
|
+ var menu = new Atomic.UIMenuWindow(ev.target, id);
|
|
|
+ menu.show(this.enumSource);
|
|
|
+ }
|
|
|
+
|
|
|
+ return true;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ return false;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+class FloatAttributeEdit extends AttributeInfoEdit {
|
|
|
+
|
|
|
+ createEditWidget() {
|
|
|
+
|
|
|
+ var attrInfo = this.attrInfo;
|
|
|
+
|
|
|
+ var field = new Atomic.UIEditField();
|
|
|
+ field.textAlign = Atomic.UI_TEXT_ALIGN_CENTER;
|
|
|
+ field.skinBg = "TBAttrEditorField";;
|
|
|
+ field.fontDescription = AttributeInfoEdit.fontDesc;
|
|
|
+ var lp = new Atomic.UILayoutParams();
|
|
|
+ lp.width = 140;
|
|
|
+ field.layoutParams = lp;
|
|
|
+
|
|
|
+ field.subscribeToEvent(field, "UIWidgetEditComplete", (ev) => this.handleUIWidgetEditCompleteEvent(ev));
|
|
|
+
|
|
|
+ this.editWidget = field;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ refresh() {
|
|
|
+
|
|
|
+ var uniform = this.editType.getUniformValue(this.attrInfo);
|
|
|
+
|
|
|
+ if (uniform) {
|
|
|
+ var object = this.editType.getFirstObject();
|
|
|
+ if (object) {
|
|
|
+
|
|
|
+ var widget = this.editWidget;
|
|
|
+ var attrInfo = this.attrInfo;
|
|
|
+ var value = object.getAttribute(attrInfo.name);
|
|
|
+
|
|
|
+ if (value == undefined) {
|
|
|
+
|
|
|
+ console.log("WARNING: Undefined value for object: ", this.editType.typeName + "." + attrInfo.name);
|
|
|
+ widget.text = "???";
|
|
|
+
|
|
|
+ } else {
|
|
|
+ widget.text = parseFloat(value.toFixed(5)).toString();
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ } else {
|
|
|
+
|
|
|
+ this.editWidget.text = "--";
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ handleUIWidgetEditCompleteEvent(ev) {
|
|
|
+
|
|
|
+ this.editType.onAttributeInfoEdited(this.attrInfo, Number(this.editWidget.text));
|
|
|
+ this.refresh();
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ handleWidgetEvent(ev: Atomic.UIWidgetEvent): boolean {
|
|
|
+
|
|
|
+ if (ev.type == Atomic.UI_EVENT_TYPE_CHANGED) {
|
|
|
+
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+
|
|
|
+ return false;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+class NumberArrayAttributeEdit extends AttributeInfoEdit {
|
|
|
+
|
|
|
+ selects: Atomic.UIInlineSelect[] = [];
|
|
|
+
|
|
|
+ private numElements: number;
|
|
|
+
|
|
|
+ constructor(numElements: number) {
|
|
|
+
|
|
|
+ super();
|
|
|
+
|
|
|
+ this.numElements = numElements;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ createEditWidget() {
|
|
|
+
|
|
|
+ var attrInfo = this.attrInfo;
|
|
|
+
|
|
|
+ var layout = new Atomic.UILayout();
|
|
|
+ layout.spacing = 0;
|
|
|
+
|
|
|
+ var lp = new Atomic.UILayoutParams();
|
|
|
+ lp.width = this.numElements != 4 ? 100 : 70;
|
|
|
+
|
|
|
+ for (var i = 0; i < this.numElements; i++) {
|
|
|
+
|
|
|
+ var select = new Atomic.UIInlineSelect();
|
|
|
+ this.selects.push(select);
|
|
|
+
|
|
|
+ select.id = String(i + 1);
|
|
|
+ select.fontDescription = AttributeInfoEdit.fontDesc;
|
|
|
+ select.skinBg = "InspectorVectorAttrName";
|
|
|
+ select.setLimits(-10000000, 10000000);
|
|
|
+ if (this.numElements != 4) {
|
|
|
+ var editlp = new Atomic.UILayoutParams();
|
|
|
+ editlp.minWidth = 60;
|
|
|
+ select.editFieldLayoutParams = editlp;
|
|
|
+ }
|
|
|
+ select.layoutParams = lp;
|
|
|
+ layout.addChild(select);
|
|
|
+
|
|
|
+ select["_edit"] = select.getWidget("edit");
|
|
|
+ select["_dec"] = select.getWidget("dec");
|
|
|
+ select["_inc"] = select.getWidget("inc");
|
|
|
+
|
|
|
+ select.subscribeToEvent(select, "WidgetEvent", (ev) => this.handleWidgetEvent(ev));
|
|
|
+ select.subscribeToEvent(select, "UIWidgetEditComplete", (ev) => this.handleUIWidgetEditCompleteEvent(ev));
|
|
|
+ }
|
|
|
+
|
|
|
+ this.editWidget = layout;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ refresh() {
|
|
|
+
|
|
|
+ for (var i in this.selects) {
|
|
|
+
|
|
|
+ var select = this.selects[i];
|
|
|
+ if (select["_edit"].focus || select["_dec"].captured || select["_inc"].captured)
|
|
|
+ continue;
|
|
|
+
|
|
|
+ var uniform = this.editType.getUniformValue(this.attrInfo, i);
|
|
|
+
|
|
|
+ if (uniform) {
|
|
|
+
|
|
|
+ var object = this.editType.getFirstObject();
|
|
|
+
|
|
|
+ if (object) {
|
|
|
+
|
|
|
+ var value = object.getAttribute(this.attrInfo.name);
|
|
|
+ select.value = parseFloat(value[i].toFixed(5));
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ } else {
|
|
|
+
|
|
|
+ select["_edit"].text = "--";
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ handleUIWidgetEditCompleteEvent(ev: Atomic.UIWidgetEditCompleteEvent) {
|
|
|
+
|
|
|
+ var index = Number(ev.widget.id) - 1;
|
|
|
+ this.editType.onAttributeInfoEdited(this.attrInfo, ev.widget.value, index);
|
|
|
+ this.refresh();
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ handleWidgetEvent(ev: Atomic.UIWidgetEvent): boolean {
|
|
|
+
|
|
|
+ if (ev.type == Atomic.UI_EVENT_TYPE_CHANGED) {
|
|
|
+
|
|
|
+ var captured = false;
|
|
|
+ for (var i in this.selects) {
|
|
|
+ var select = this.selects[i];
|
|
|
+ if (select["_dec"].captured || select["_inc"].captured) {
|
|
|
+
|
|
|
+ captured = true;
|
|
|
+ break;
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (captured) {
|
|
|
+
|
|
|
+ var index = Number(ev.target.id) - 1;
|
|
|
+ this.editType.onAttributeInfoEdited(this.attrInfo, ev.target.value, index, false);
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+
|
|
|
+ return false;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+class Vector2AttributeEdit extends NumberArrayAttributeEdit {
|
|
|
+
|
|
|
+ constructor() {
|
|
|
+
|
|
|
+ super(2);
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+class Vector3AttributeEdit extends NumberArrayAttributeEdit {
|
|
|
+
|
|
|
+ constructor() {
|
|
|
+
|
|
|
+ super(3);
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+class QuaternionAttributeEdit extends NumberArrayAttributeEdit {
|
|
|
+
|
|
|
+ constructor() {
|
|
|
+
|
|
|
+ super(3);
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+class ColorAttributeEdit extends NumberArrayAttributeEdit {
|
|
|
+
|
|
|
+ constructor() {
|
|
|
+
|
|
|
+ super(4);
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+class ResourceRefAttributeEdit extends AttributeInfoEdit {
|
|
|
+
|
|
|
+ refListIndex: number;
|
|
|
+ editField: Atomic.UIEditField;
|
|
|
+
|
|
|
+ constructor(refListIndex: number = -1) {
|
|
|
+
|
|
|
+ super();
|
|
|
+
|
|
|
+ this.refListIndex = refListIndex;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ onResourceChanged(resource: Atomic.Resource) {
|
|
|
+
|
|
|
+ var parent = this.parent;
|
|
|
+
|
|
|
+ while (parent) {
|
|
|
+
|
|
|
+ if (parent.typeName == "UISection") {
|
|
|
+ break;
|
|
|
+ }
|
|
|
+
|
|
|
+ parent = parent.parent;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ if (parent) {
|
|
|
+
|
|
|
+ parent.sendEvent("AttributeEditResourceChanged", { attrInfoEdit: this, resource: resource});
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ initialize(editType: SerializableEditType, attrInfo: Atomic.AttributeInfo): boolean {
|
|
|
+
|
|
|
+ if (!attrInfo.resourceTypeName)
|
|
|
+ return false;
|
|
|
+
|
|
|
+ if (this.refListIndex >= 0)
|
|
|
+ this.nameOverride = attrInfo.resourceTypeName + " " + this.refListIndex;
|
|
|
+
|
|
|
+ var importerName = ToolCore.assetDatabase.getResourceImporterName(attrInfo.resourceTypeName);
|
|
|
+
|
|
|
+ if (!importerName)
|
|
|
+ return false;
|
|
|
+
|
|
|
+ return super.initialize(editType, attrInfo);
|
|
|
+ }
|
|
|
+
|
|
|
+ refresh() {
|
|
|
+
|
|
|
+ var uniform = this.editType.getUniformValue(this.attrInfo, this.refListIndex);
|
|
|
+
|
|
|
+ if (uniform) {
|
|
|
+
|
|
|
+ var object = this.editType.getFirstObject();
|
|
|
+
|
|
|
+ if (object) {
|
|
|
+
|
|
|
+ // for cached resources, use the asset name, otherwise use the resource path name
|
|
|
+ var resource: Atomic.Resource;
|
|
|
+ if (this.refListIndex != -1) {
|
|
|
+ resource = object.getAttribute(this.attrInfo.name).resources[this.refListIndex];
|
|
|
+ } else {
|
|
|
+ resource = <Atomic.Resource>object.getAttribute(this.attrInfo.name);
|
|
|
+ }
|
|
|
+
|
|
|
+ var text = "";
|
|
|
+
|
|
|
+ if (resource) {
|
|
|
+ text = resource.name;
|
|
|
+ var asset = ToolCore.assetDatabase.getAssetByCachePath(resource.name);
|
|
|
+ if (asset)
|
|
|
+ text = asset.name;
|
|
|
+ }
|
|
|
+ this.editField.text = text;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ } else {
|
|
|
+ this.editField.text = "--";
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ createEditWidget() {
|
|
|
+
|
|
|
+ var layout = new Atomic.UILayout();
|
|
|
+ var o = InspectorUtils.createAttrEditFieldWithSelectButton("", layout);
|
|
|
+ this.editField = o.editField;
|
|
|
+
|
|
|
+ layout.layoutSize = Atomic.UI_LAYOUT_SIZE_AVAILABLE;
|
|
|
+ layout.gravity = Atomic.UI_GRAVITY_LEFT_RIGHT;
|
|
|
+ layout.layoutDistribution = Atomic.UI_LAYOUT_DISTRIBUTION_GRAVITY;
|
|
|
+
|
|
|
+ var lp = new Atomic.UILayoutParams();
|
|
|
+ lp.width = 140;
|
|
|
+ o.editField.layoutParams = lp;
|
|
|
+ o.editField.readOnly = true;
|
|
|
+
|
|
|
+ this.editWidget = layout;
|
|
|
+
|
|
|
+ var selectButton = o.selectButton;
|
|
|
+
|
|
|
+ var resourceTypeName = this.attrInfo.resourceTypeName;
|
|
|
+ var importerName = ToolCore.assetDatabase.getResourceImporterName(resourceTypeName);
|
|
|
+
|
|
|
+ selectButton.onClick = () => {
|
|
|
+
|
|
|
+ EditorUI.getModelOps().showResourceSelection("Select " + resourceTypeName + " Resource", importerName, function(asset: ToolCore.Asset) {
|
|
|
+
|
|
|
+ var resource = asset.getResource(resourceTypeName);
|
|
|
+ this.editType.onAttributeInfoEdited(this.attrInfo, resource, this.refListIndex);
|
|
|
+ this.onResourceChanged(resource);
|
|
|
+ this.refresh();
|
|
|
+
|
|
|
+ }.bind(this));
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ // handle dropping of component on field
|
|
|
+ this.editField.subscribeToEvent(this.editField, "DragEnded", (ev: Atomic.DragEndedEvent) => {
|
|
|
+
|
|
|
+ if (ev.target == o.editField) {
|
|
|
+
|
|
|
+ var dragObject = ev.dragObject;
|
|
|
+
|
|
|
+ var importer;
|
|
|
+
|
|
|
+ if (dragObject.object && dragObject.object.typeName == "Asset") {
|
|
|
+
|
|
|
+ var asset = <ToolCore.Asset>dragObject.object;
|
|
|
+
|
|
|
+ if (asset.importerTypeName == importerName) {
|
|
|
+ importer = asset.importer;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ if (importer) {
|
|
|
+
|
|
|
+ var resource = asset.getResource(resourceTypeName);
|
|
|
+
|
|
|
+ this.editType.onAttributeInfoEdited(this.attrInfo, resource, this.refListIndex);
|
|
|
+ this.onResourceChanged(resource);
|
|
|
+ this.refresh();
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+class ResourceRefListAttributeEdit extends AttributeInfoEdit {
|
|
|
+
|
|
|
+ layout: Atomic.UILayout;
|
|
|
+ refEdits: ResourceRefAttributeEdit[] = [];
|
|
|
+
|
|
|
+ initialize(editType: SerializableEditType, attrInfo: Atomic.AttributeInfo): boolean {
|
|
|
+
|
|
|
+ return super.initialize(editType, attrInfo);
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ createRefEdit(index: number) {
|
|
|
+
|
|
|
+ var refEdit = new ResourceRefAttributeEdit(index);
|
|
|
+
|
|
|
+ refEdit.initialize(this.editType, this.attrInfo);
|
|
|
+
|
|
|
+ this.layout.addChild(refEdit);
|
|
|
+
|
|
|
+ this.refEdits.push(refEdit);
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ createEditWidget() {
|
|
|
+
|
|
|
+ this.spacing = 0;
|
|
|
+
|
|
|
+ var layout = this.layout = new Atomic.UILayout();
|
|
|
+
|
|
|
+ layout.axis = Atomic.UI_AXIS_Y;
|
|
|
+ layout.spacing = 2;
|
|
|
+ layout.layoutSize = Atomic.UI_LAYOUT_SIZE_AVAILABLE;
|
|
|
+ layout.gravity = Atomic.UI_GRAVITY_LEFT_RIGHT;
|
|
|
+ layout.layoutDistribution = Atomic.UI_LAYOUT_DISTRIBUTION_GRAVITY;
|
|
|
+
|
|
|
+ var lp = new Atomic.UILayoutParams();
|
|
|
+ lp.width = 304;
|
|
|
+
|
|
|
+ layout.layoutParams = lp;
|
|
|
+
|
|
|
+
|
|
|
+ this.editWidget = layout;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ createLayout() {
|
|
|
+
|
|
|
+ this.createEditWidget();
|
|
|
+
|
|
|
+ this.editWidget.subscribeToEvent(this.editWidget, "WidgetEvent", (data) => this.handleWidgetEvent(data));
|
|
|
+
|
|
|
+ this.addChild(this.editWidget);
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ refresh() {
|
|
|
+
|
|
|
+ var editType = this.editType;
|
|
|
+
|
|
|
+ var object = this.editType.getFirstObject();
|
|
|
+
|
|
|
+ if (!object) {
|
|
|
+ this.visibility = Atomic.UI_WIDGET_VISIBILITY_GONE;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.visibility = Atomic.UI_WIDGET_VISIBILITY_VISIBLE;
|
|
|
+
|
|
|
+ var maxLength = -1;
|
|
|
+ var i;
|
|
|
+ for (i in editType.objects) {
|
|
|
+
|
|
|
+ object = editType.objects[i];
|
|
|
+ var value = object.getAttribute(this.attrInfo.name);
|
|
|
+ if (value.resources.length > maxLength) {
|
|
|
+
|
|
|
+ maxLength = value.resources.length;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ if (maxLength == -1) {
|
|
|
+ this.visibility = Atomic.UI_WIDGET_VISIBILITY_GONE;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ for (i = this.refEdits.length; i < maxLength; i++) {
|
|
|
+
|
|
|
+ this.createRefEdit(i);
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ for (i = 0; i < this.refEdits.length; i++) {
|
|
|
+
|
|
|
+ var refEdit = this.refEdits[i];
|
|
|
+
|
|
|
+ if (i < maxLength) {
|
|
|
+ refEdit.visibility = Atomic.UI_WIDGET_VISIBILITY_VISIBLE;
|
|
|
+ refEdit.refresh();
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ refEdit.visibility = Atomic.UI_WIDGET_VISIBILITY_GONE;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+AttributeInfoEdit.standardAttrEditTypes[Atomic.VAR_BOOL] = BoolAttributeEdit;
|
|
|
+AttributeInfoEdit.standardAttrEditTypes[Atomic.VAR_INT] = IntAttributeEdit;
|
|
|
+AttributeInfoEdit.standardAttrEditTypes[Atomic.VAR_FLOAT] = FloatAttributeEdit;
|
|
|
+AttributeInfoEdit.standardAttrEditTypes[Atomic.VAR_STRING] = StringAttributeEdit;
|
|
|
+
|
|
|
+AttributeInfoEdit.standardAttrEditTypes[Atomic.VAR_VECTOR2] = Vector2AttributeEdit;
|
|
|
+AttributeInfoEdit.standardAttrEditTypes[Atomic.VAR_VECTOR3] = Vector3AttributeEdit;
|
|
|
+AttributeInfoEdit.standardAttrEditTypes[Atomic.VAR_QUATERNION] = QuaternionAttributeEdit;
|
|
|
+
|
|
|
+AttributeInfoEdit.standardAttrEditTypes[Atomic.VAR_COLOR] = ColorAttributeEdit;
|
|
|
+
|
|
|
+AttributeInfoEdit.standardAttrEditTypes[Atomic.VAR_RESOURCEREF] = ResourceRefAttributeEdit;
|
|
|
+AttributeInfoEdit.standardAttrEditTypes[Atomic.VAR_RESOURCEREFLIST] = ResourceRefListAttributeEdit;
|
|
|
+
|
|
|
+export = AttributeInfoEdit;
|