3 files changed, 48 insertions, 1 deletions

diff --git a/js/panels/Components/ComponentsPanelBase.reel/ComponentsPanelBase.js b/js/panels/Components/ComponentsPanelBase.reel/ComponentsPanelBase.js
index d9decd2c..51822150 100644
--- a/js/panels/Components/ComponentsPanelBase.reel/ComponentsPanelBase.js
+++ b/js/panels/Components/ComponentsPanelBase.reel/ComponentsPanelBase.js
@@ -43,17 +43,34 @@ var ComponentsPanelBase = exports.ComponentsPanelBase = Montage.create(Component
     didCreate: {
         value: function() {
             this._loadComponents();
+
+//            var req = new XMLHttpRequest();
+//            req.identifier = "searchRequest";
+//            req.open("GET", url);
+//            req.addEventListener("load", this, false);
+//            req.addEventListener("error", this, false);
+//            req.send();
+
         }
     },
 
     _loadComponents: {
         value: function() {
             this.components = [
-                {name: "Button", data: "montage/ui/button.reel/button.json"}
+                {name: "Button", data: "node_modules/components-data/button.json"},
+                {name: "Textfield", data: "node_modules/components-data/textfield.json"}
             ];
 
             // Build the PI objects for each component
             for(var i = 0, component; component = this.components[i]; i++) {
+                var req = new XMLHttpRequest();
+                //req.identifier = "searchRequest";
+                req.open("GET", component.data);
+                req.addEventListener("load", this, false);
+                req.addEventListener("error", this, false);
+                req.send();
+
+/*
                 var piIdentifier = component.name + "Pi";
                 var piObj = [];
                 var section = {};
@@ -75,12 +92,21 @@ var ComponentsPanelBase = exports.ComponentsPanelBase = Montage.create(Component
 
                 PIData[piIdentifier] = [];
                 PIData[piIdentifier].push(section);
+                */
 
             }
 
         }
     },
 
+    handleLoad: {
+        value: function(evt) {
+            var response = JSON.parse(evt.target.responseText);
+            console.log(response);
+
+        }
+    },
+
     getControlType: {
         value: function(type) {
             switch(type) {
diff --git a/node_modules/montage/ui/button.reel/button.json b/node_modules/components-data/button.json
index a931afcb..a931afcb 100644
--- a/node_modules/montage/ui/button.reel/button.json
+++ b/node_modules/components-data/button.json
diff --git a/node_modules/components-data/textfield.json b/node_modules/components-data/textfield.json
new file mode 100644
index 00000000..2a21394a
--- /dev/null
+++ b/node_modules/components-data/textfield.json
@@ -0,0 +1,21 @@
+{
+    "component": "textfield",
+
+    "module": "montage/ui/textfield.reel",
+
+    "name": "Textfield",
+
+    "properties": [
+
+        {
+            "name": "value",
+            "type": "string",
+            "default": "Button"
+        },
+        {
+            "name": "enabled",
+            "type": "boolean",
+            "default": "true"
+        }
+    ]
+}
\ No newline at end of file