Switching the components panel to use the new ninja tree component.

Signed-off-by: Valerio Virgillito <valerio@motorola.com>

1 files changed, 15 insertions, 5 deletions

diff --git a/user-document-templates/montage-application-cloud/main.reel/main.js b/user-document-templates/montage-application-cloud/main.reel/main.js
index b4ed049f..2e331cdc 100644
--- a/user-document-templates/montage-application-cloud/main.reel/main.js
+++ b/user-document-templates/montage-application-cloud/main.reel/main.js
@@ -52,6 +52,21 @@ exports.Main = Montage.create(Component, {
                     .end();
 
                     break;
+                case "Textfield":
+                    var tf = require.async(componentType.path)
+                    .then(function (tf) {
+                        var buttonObj = tf["Textfield"];
+                        var btIns = buttonObj.create();
+
+                        btIns.element = containerElement;
+                        btIns.deserializedFromTemplate();
+
+                        btIns.needsDraw = true;
+                        btIns.value = "Button";
+                        callback(btIns, containerElement);
+                    })
+                    .end();
+                    break
                 case "Checkbox":
                     component = Checkbox.create();
                     component.element = containerElement;
@@ -135,11 +150,6 @@ exports.Main = Montage.create(Component, {
                     component.element = containerElement;
                     component.needsDraw = true;
                     break;
-                case "Textfield":
-                    component = Textfield.create();
-                    component.element = containerElement;
-                    component.needsDraw = true;
-                    break;
                 case "Toggle":
                     component = Toggle.create();
                     component.element = containerElement;