1 files changed, 145 insertions, 0 deletions

diff --git a/js/panels/Components/ComponentsPanelBase.reel/ComponentsPanelBase.js b/js/panels/Components/ComponentsPanelBase.reel/ComponentsPanelBase.js
new file mode 100644
index 00000000..41afefa5
--- /dev/null
+++ b/js/panels/Components/ComponentsPanelBase.reel/ComponentsPanelBase.js
@@ -0,0 +1,145 @@
+/* <copyright>
+This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+(c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+</copyright> */
+
+var Montage = require("montage/core/core").Montage,
+    Component = require("montage/ui/component").Component,
+    NJUtils = require("js/lib/NJUtils").NJUtils;
+
+var treeControlModule = require("js/components/tree.reel");
+
+var ComponentsPanelBase = exports.ComponentsPanelBase = Montage.create(Component, {
+    _hasFocus: {
+        enumerable: false,
+        value: false
+    },
+    prepareForDraw: {
+        enumerable: false,
+        value: function() {
+            var treeHolderDiv = document.getElementById("comp_tree");
+            var componentsTree = treeControlModule.Tree.create();
+            componentsTree.element = treeHolderDiv;
+            componentsTree.dataProvider = this._loadXMLDoc("js/panels/Components/Components.xml");
+            componentsTree.needsDraw = true;
+
+            this.eventManager.addEventListener( "executeAddComponent", this, false);
+        }
+    },
+    willDraw: {
+        enumerable: false,
+        value: function() {
+
+        }
+    },
+    draw: {
+        enumerable: false,
+        value: function() {
+
+        }
+    },
+
+    _loadXMLDoc: {
+        value:function(dname) {
+            if (window.XMLHttpRequest) {
+                xhttp = new XMLHttpRequest();
+            }
+            xhttp.open("GET", dname, false);
+            xhttp.send();
+            return xhttp.responseXML;
+        }
+    },
+
+    handleExecuteAddComponent: {
+        value: function(evt) {
+            this.addComponentToStage(evt.detail.component, evt.detail.dropX, evt.detail.dropY)
+        }
+    },
+
+    addComponentToStage:{
+        value:function(componentType, dropX, dropY){
+            var compW = 100,
+                compH = 100,
+                elementType = "div",
+                componentContainer,
+                componentElement;
+
+            if(componentType == "Button"){
+                compW = 118;
+                compH = 52;
+            }else if(componentType == "Checkbox"){
+                compW = 53;
+                compH = 53;
+//                elementType = "input";
+            }else if(componentType == "DynamicText"){
+                compW = 100;
+                compH = 20;
+            }else if(componentType == "FlowController"){
+                compW = 800;
+                compH = 320;
+            }else if(componentType == "HotText"){
+                compW = 50;
+                compH = 18;
+//                elementType = "input";
+            }else if(componentType == "HotTextUnit"){
+                compW = 45;
+                compH = 18;
+            }else if(componentType == "ImageContainer"){
+                compW = 285;
+                compH = 232;
+            }else if(componentType == "Progress"){
+                compW = 300;
+                compH = 9;
+            }else if(componentType == "Scrollview"){
+                compW = 200;
+                compH = 200;
+            }else if(componentType == "Slider"){
+                compW = 200;
+                compH = 55;
+            }else if(componentType == "TextArea"){
+                compW = 312;
+                compH = 112;
+                elementType = "textarea";
+            }else if(componentType == "Textfield"){
+                compW = 312;
+                compH = 34;
+                elementType = "input";
+            }else if(componentType == "Toggle"){
+                compW = 60;
+                compH = 22;
+                elementType = "span";
+            }else if(componentType == "ToggleButton"){
+                compW = 118;
+                compH = 52;
+            }else{
+                compW = 100;
+                compH = 25;
+            }
+
+            componentContainer = NJUtils.makeNJElement("div", componentType, "component");
+            componentContainer.elementModel.isComponent = true;
+
+            var styles = {
+                'position': 'absolute',
+                'top'       : dropY + 'px',
+                'left'      : dropX + 'px',
+                'width'     : compW + 'px',
+                'height'    : compH + 'px',
+                '-webkit-transform-style' : 'preserve-3d',
+                '-webkit-transform' : 'perspective(1400) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)'
+            };
+
+
+            componentElement = NJUtils.makeNJElement(elementType, "ComponentDiv", "block");
+
+            componentContainer.appendChild(componentElement);
+
+            NJevent("elementAdding", {"el": componentContainer, "data":styles});
+
+            var componentRef = this.application.ninja.currentDocument._window.addComponent(componentElement, componentType);
+            this.application.ninja.currentDocument._userComponentSet[componentContainer.uuid] = componentRef;
+
+        }
+    }
+});
\ No newline at end of file