From c58dc96130c7eb5d964af53e9ad6e80bba5e647f Mon Sep 17 00:00:00 2001
From: Valerio Virgillito
Date: Wed, 18 Apr 2012 17:24:40 -0700
Subject: initial stage web template

Signed-off-by: Valerio Virgillito <valerio@motorola.com>
---
 js/components/layout/bread-crumb.reel/bread-crumb.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'js/components')

diff --git a/js/components/layout/bread-crumb.reel/bread-crumb.js b/js/components/layout/bread-crumb.reel/bread-crumb.js
index f35972b6..45a4d217 100755
--- a/js/components/layout/bread-crumb.reel/bread-crumb.js
+++ b/js/components/layout/bread-crumb.reel/bread-crumb.js
@@ -58,7 +58,7 @@ exports.Breadcrumb = Montage.create(Component, {
     createContainerElements: {
         value: function() {
             var parentNode;
-
+/*
             this.containerElements.length = 0;
 
             parentNode = this.container;
@@ -70,7 +70,7 @@ exports.Breadcrumb = Montage.create(Component, {
 
             // This is always the top container which is now hardcoded to body
             this.containerElements.unshift({"node": parentNode, "nodeUuid":parentNode.uuid, "label": "Body"});
-
+*/
 
 
         }
-- 
cgit v1.2.3


From 03b8a87824550feff7835904b7c1b56f5c74cf04 Mon Sep 17 00:00:00 2001
From: Valerio Virgillito
Date: Thu, 19 Apr 2012 13:32:07 -0700
Subject: cleanup unused code.

Signed-off-by: Valerio Virgillito <valerio@motorola.com>
---
 js/components/colorwheel.reel/colorwheel.html      |  10 +-
 .../gradientpicker.reel/gradientpicker.html        |  10 +-
 js/components/tree.reel/tree.css                   |  26 -
 js/components/tree.reel/tree.html                  |  28 -
 js/components/tree.reel/tree.js                    | 789 ---------------------
 js/components/tree.reel/treeDisclosure.png         | Bin 995 -> 0 bytes
 js/components/tree.reel/treeFolderClosed.png       | Bin 1345 -> 0 bytes
 js/components/tree.reel/treeFolderOpen.png         | Bin 1323 -> 0 bytes
 js/components/tree.reel/treeItem.png               | Bin 2935 -> 0 bytes
 .../ui/modalDialog/modal-dialog-manager.js         | 123 ----
 js/components/ui/modalDialog/modalDialogHeader.js  |  82 ---
 .../modalDialogHeader.reel/modalDialogHeader.css   |  30 -
 .../modalDialogHeader.reel/modalDialogHeader.html  |  33 -
 .../ui/radio-button.reel/radio-button.html         |  32 -
 js/components/ui/radio-button.reel/radio-button.js |  44 --
 .../ui/row-renderer.reel/row-renderer.html         |  37 -
 js/components/ui/row-renderer.reel/row-renderer.js |  18 -
 17 files changed, 2 insertions(+), 1260 deletions(-)
 delete mode 100755 js/components/tree.reel/tree.css
 delete mode 100755 js/components/tree.reel/tree.html
 delete mode 100755 js/components/tree.reel/tree.js
 delete mode 100755 js/components/tree.reel/treeDisclosure.png
 delete mode 100755 js/components/tree.reel/treeFolderClosed.png
 delete mode 100755 js/components/tree.reel/treeFolderOpen.png
 delete mode 100755 js/components/tree.reel/treeItem.png
 delete mode 100755 js/components/ui/modalDialog/modal-dialog-manager.js
 delete mode 100755 js/components/ui/modalDialog/modalDialogHeader.js
 delete mode 100755 js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.css
 delete mode 100755 js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.html
 delete mode 100755 js/components/ui/radio-button.reel/radio-button.html
 delete mode 100755 js/components/ui/radio-button.reel/radio-button.js
 delete mode 100755 js/components/ui/row-renderer.reel/row-renderer.html
 delete mode 100755 js/components/ui/row-renderer.reel/row-renderer.js

(limited to 'js/components')

diff --git a/js/components/colorwheel.reel/colorwheel.html b/js/components/colorwheel.reel/colorwheel.html
index 0374e6a3..a9fbfbd9 100755
--- a/js/components/colorwheel.reel/colorwheel.html
+++ b/js/components/colorwheel.reel/colorwheel.html
@@ -12,15 +12,7 @@
     	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
     	
     	<link rel="stylesheet" type="text/css" href="css/colorwheel.css">
-   		
-   		<script type="text/m-objects">
-    		{
-        		"$rootObject": U("m-obj://colorwheel/uuid?mId=js/components/colorwheel", {
-            		"element": E("#colorwheel")
-        		})
-    		}
-		</script>
-		
+
 		<script type="text/montage-serialization">
    			{
             	"owner": {
diff --git a/js/components/gradientpicker.reel/gradientpicker.html b/js/components/gradientpicker.reel/gradientpicker.html
index 361e36b2..f71c6705 100755
--- a/js/components/gradientpicker.reel/gradientpicker.html
+++ b/js/components/gradientpicker.reel/gradientpicker.html
@@ -12,15 +12,7 @@
     	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
     	
     	<link rel="stylesheet" type="text/css" href="css/gradientpicker.css">
-   		
-   		<script type="text/m-objects">
-    		{
-        		"$rootObject": U("m-obj://gradientpicker/uuid?mId=js/components/gradientpicker", {
-            		"element": E("#gradientpicker")
-        		})
-    		}
-		</script>
-		
+
 		<script type="text/montage-serialization">
    			{
             	"owner": {
diff --git a/js/components/tree.reel/tree.css b/js/components/tree.reel/tree.css
deleted file mode 100755
index 8872341f..00000000
--- a/js/components/tree.reel/tree.css
+++ /dev/null
@@ -1,26 +0,0 @@
-/* <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> */
-
-.tree
-{
-    -webkit-user-select:none;
-    cursor:default;
-    float: left;
-    padding-left: 0;
-}
-
-.tree li
-{
-    -webkit-margin-before: 0px;
-    -webkit-margin-after: 0px;
-    list-style-type:none;
-}
-
-.tree li > text > img
-{
-    margin-right:8px;
-    -webkit-transition: -webkit-transform 0.05s linear;
-}
\ No newline at end of file
diff --git a/js/components/tree.reel/tree.html b/js/components/tree.reel/tree.html
deleted file mode 100755
index 66838d82..00000000
--- a/js/components/tree.reel/tree.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<!DOCTYPE HTML>
-<!-- <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> -->
-<html>
-<head>
-    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
-    <script type="text/montage-serialization">
-        {
-            "owner": {
-                "module": "js/components/tree.reel",
-                "name": "Tree",
-                "properties": {
-                    "element": {"#": "tree"}
-                }
-            }
-
-    	}
-		</script>
-
-</head>
-<body>
-<ul id="tree" class="tree">
-</ul>
-</body>
-</html>
\ No newline at end of file
diff --git a/js/components/tree.reel/tree.js b/js/components/tree.reel/tree.js
deleted file mode 100755
index 7084ba99..00000000
--- a/js/components/tree.reel/tree.js
+++ /dev/null
@@ -1,789 +0,0 @@
-/* <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;
-var Component = require("montage/ui/component").Component;
-var nj = require("js/lib/NJUtils").NJUtils;
-
-exports.Tree = Montage.create(Component, {
-
-    _treeDepth: {
-    	value: 1
-    },
-    treeDepth: {
-    	get: function() {
-    		return this._treeDepth;
-    	},
-    	set: function(value) {
-    		this._treeDepth = value;
-    	}
-    },
-    _depthHash: {
-    	value: ""
-    },
-    depthHash: {
-    	get: function() {
-    		return this._depthHash;
-    	},
-    	set: function(strValue) {
-    		this._depthHash = strValue;
-    	}
-    },
-    _firstLevel: {
-    	value: true
-    },
-    firstLevel: {
-    	get: function() {
-    		return this._firstLevel;
-    	},
-    	set: function(value) {
-    		this._firstLevel = value;
-    	}
-    },
-
-    _hasFocus: {
-        enumerable: false,
-        value: false
-    },
-
-    _selectedNode: {
-        enumerable: false,
-        value: null
-    },
-
-    _selectedNodes: {
-        enumerable: false,
-        value: null
-    },
-
-    _dataProvider: {
-        enumerable: false,
-        value: null
-    },
-
-    dataProvider: {
-        enumerable: true,
-        get: function() {
-            return this._dataProvider;
-        },
-        set: function(dp) {
-            this._dataProvider = dp.documentElement;
-            this.needsDraw = true;
-        }
-    },
-
-    _jsonData: {
-        enumerable: false,
-        value: null
-    },
-
-    jsonData: {
-        enumerable: true,
-        get: function() {
-            return this._jsonData;
-        },
-        set: function(jsonObject) {
-            this._jsonData = jsonObject;
-            this.needsDraw = true;
-        }
-    },
-
-    _traverseJson: {
-    	value: function(jsonObject, parentElement, intCounter) {
-	    	var newLi = document.createElement("li"),
-				fileSpan = document.createElement("span"),
-				spaceSpan = document.createElement("span"),
-				nameSpan = document.createElement("span"),
-				sizeSpan = document.createElement("span"),
-				dateSpan = document.createElement("span"),
-				clearSpan = document.createElement("span"),
-				containerSpan = document.createElement("span"),
-				textName = document.createTextNode(jsonObject.name),
-				textSize = "",
-				textDate = "",
-				textSpace = document.createTextNode("\u00A0"),
-				indent = this.treeDepth * 18,
-				strIndent =  indent + "px",
-				extension = jsonObject.name.split(".").pop(),
-				makeFriendlySize = function(intSize) {
-					var strSize = false,
-						intRoundedSize = Math.round(intSize/1000);
-					strSize = intRoundedSize + " K";
-					return strSize;
-				},
-				makeFriendlyDate = function(intSeconds) {
-					// TODO: Localization.
-					var myDate = new Date(intSeconds),
-						strDate = "";
-					strDate = (myDate.getMonth() + 1) + "/" 
-							  + myDate.getDate() + "/" 
-							  + myDate.getFullYear() + " "
-							  + myDate.toLocaleTimeString();
-					return strDate;
-				}
-				
-    		// File or directory?
-    		if (jsonObject.type === "file") {
-    			// Build file item:
-    			// Create li, give it attributes and event listeners
-    			// and then append it to the DOM
-    			// Markup is a little complex in order to handle indention and columns.
-
-    			
-    			textSize = document.createTextNode(makeFriendlySize(jsonObject.size));
-    			fileSpan.setAttribute("class", "pp-col-files");
-    			sizeSpan.setAttribute("class", "pp-col-size");
-    			sizeSpan.appendChild(textSize);
-    			spaceSpan.setAttribute("class", "span-space");
-    			spaceSpan.appendChild(textSpace);
-    			spaceSpan.style.width = strIndent;
-    			clearSpan.setAttribute("class", "clear");
-    			fileSpan.appendChild(spaceSpan);
-    			fileSpan.appendChild(textName);
-    			
-    			dateSpan.setAttribute("class", "pp-col-date");
-    			textDate = document.createTextNode(makeFriendlyDate(parseInt(jsonObject.modifiedDate)));
-    			dateSpan.appendChild(textDate);
-    			
-    			// Append elements in order
-    			containerSpan.appendChild(fileSpan);
-    			containerSpan.appendChild(dateSpan);
-    			containerSpan.appendChild(sizeSpan);
-    			
-    			containerSpan.appendChild(clearSpan);
-    			containerSpan.setAttribute("tabindex", 0);
-    			containerSpan.setAttribute("class", "pp-span-all");
-    			newLi.appendChild(containerSpan);
-    			
-    			// Loop through the JSON properties and set them as data attributes on the element
-    			for (var property in jsonObject) {
-					var newAttribute = "data-" + property;
-					newLi.setAttribute(newAttribute, jsonObject[property]);
-    			}
-    			
-    			// Set depth hash data
-	    		newLi.setAttribute("data-depthhash", this.depthHash + "" + intCounter);
-    			
-    			// We also need to set the class of the element
-    			newLi.setAttribute("class", jsonObject.type);
-    			
-    			
-    			// Get the file extension 
-    			newLi.classList.add(extension.toLowerCase());
-    			
-    		    // Add event listeners. Use the nifty identifier feature.
-    		    newLi.identifier="jsontree";
-    			newLi.addEventListener("click", this, false);
-    			newLi.addEventListener("keydown", this, false);
-    			
-    			// Add element to the DOM.
-    			parentElement.appendChild(newLi);
-    			
-    		} else {
-    			// If it's not a file, it's a directory, so build directory item:
-    			// Create li for directory entry, give it properties
-    			// If it has children, create a UL for it and recurse.
-    			// Markup is a little complex in order to handle indention and columns.
-
-    			fileSpan.setAttribute("class", "pp-col-files");
-    			if (this.firstLevel) {
-    				fileSpan.setAttribute("title", jsonObject.uri);
-    				fileSpan.classList.add("bold");
-    				this.firstLevel = false;
-    			}
-    			sizeSpan.setAttribute("class", "pp-col-size");
-    			dateSpan.setAttribute("class", "pp-col-date");
-    			spaceSpan.setAttribute("class", "span-space");
-    			spaceSpan.appendChild(textSpace);
-    			spaceSpan.style.width = strIndent;
-    			clearSpan.setAttribute("class", "clear");
-    			fileSpan.appendChild(spaceSpan);
-    			fileSpan.appendChild(textName);
-    			
-    			containerSpan.appendChild(fileSpan);
-    			containerSpan.appendChild(dateSpan);
-    			containerSpan.appendChild(sizeSpan);
-    			containerSpan.appendChild(clearSpan);
-    			containerSpan.setAttribute("tabindex", 0);
-    			containerSpan.setAttribute("class", "pp-span-all");
-    			
-    			newLi.appendChild(containerSpan);
-    			
-    			// Loop through the JSON properties and set them as data attributes on the element
-    			for (var property in jsonObject) {
-    				if (property !== "children") {
-						var newAttribute = "data-" + property;
-						newLi.setAttribute(newAttribute, jsonObject[property]);
-    				}
-    			}
-    			
-    			
-    			// Set element classes
-    		    newLi.setAttribute("class", jsonObject.type);
-    			if (this.treeDepth < 3) {
-    				newLi.classList.add("level1");
-    			}
-    			
-    			// Set depth hash data
-	    		newLi.setAttribute("data-depthhash", this.depthHash + "" + intCounter);
-    		    
-    		    // Add event listeners. Use nifty identifier feature.
-    		    newLi.identifier="jsontree";
-    			newLi.addEventListener("click", this, false);
-    			newLi.addEventListener("keydown", this, false);
-    			
-				// Append element to the DOM.
-    			parentElement.appendChild(newLi);
-    			
-    			// Does the directory have children?
-    			if (jsonObject.children != null) {
-    				// Yes it does. Create a new UL and recurse.
-	    			var newUl = document.createElement("ul"),
-	    				jsonObjectLength = jsonObject.children.length,
-	    				oldDepthHash = this.depthHash;
-	    			
-	    			// Only show the first two levels of the list open, otherwise show them as closed.
-	    			if (this.treeDepth < 3) {
-	    				newLi.classList.add("open");
-	    			} else {
-	    				newLi.classList.add("closed");
-	    			}
-
-					// Extend depthHash:
-	    			this.depthHash = this.depthHash + "" + intCounter + ",";
-	    			
-	    			newLi.appendChild(newUl);
-    				for (var i = 0; i < jsonObjectLength; i++) {
-    					this.treeDepth = this.treeDepth + 1;
-    					this._traverseJson(jsonObject.children[i], newUl, i);
-    					this.treeDepth = this.treeDepth -1;
-    				}
-    				
-    				// we're done recursing, so restore depthHash to what it was before we recursed:
-    				this.depthHash = oldDepthHash;
-    			}
-    		}
-    	}
-    },
-    handleJsontreeClick: {
-    	value: function(event) {
-            event.stopImmediatePropagation();
-            var target = event.currentTarget,
-            	myType = target.dataset.type,
-            	treeClickEvent;
-    		// What type of item did we just click on?
-    		if (myType === "directory") {
-    			// We just clicked on a directory. Toggle it!
-    			target.classList.toggle("open");
-    			target.classList.toggle("closed");
-    			// Dispatch an event that can be used by the Project Panel 
-				treeClickEvent = document.createEvent("UIEvents");
-				treeClickEvent.initEvent("treeClickEvent", false, false);
-				document.dispatchEvent(treeClickEvent);
-    		}
-    	}
-
-    },
-    
-    handleJsontreeKeydown: {
-    	value: function(event) {
-            var target = event.currentTarget,
-            	myType = target.dataset.type, 
-            	nextSpan = false,
-            	mySeebl = false,
-            	treeClickEvent = document.createEvent("UIEvents"),
-            	getNextSibling = function(el) {
-            		// Get the next sibling of a file element.
-            		// Returns the sibling if it exists, or false if there is none.
-            		
-            		// first of all, if we're at the top of the tree we're already done.
-            		var myParentUl = nj.queryParentSelector(el, "ul");
-            		if (myParentUl.getAttribute("id") === "pp-container-tree") {
-            			return false;
-            		}
-            		var myPar = nj.queryParentSelector(el, "li"),
-            			mySeebl = myPar.nextSibling;
-            		if (mySeebl === null) {
-            			mySeebl = getNextSibling(myPar);
-            		}
-            		if (mySeebl === false) {
-            			return false;
-            		}
-            		return mySeebl;
-            	}, 
-            	drillDown = function (ptrLi) {
-            		// Drill down into a subtree
-            		var returnSibling = false;
-            		if ((ptrLi.classList.contains("directory")) && (ptrLi.classList.contains("open"))) {
-            			returnSibling = drillDown(ptrLi.querySelector("li:last-child"));
-            		} else {
-            			returnSibling = ptrLi;
-            		}
-					return returnSibling;
-            	},
-				goUp = function (ptrLi, isRecursing) {
-					// Get the previous item in a tree.
-            		var testSibling = ptrLi.previousSibling,
-            			newSibling = "",
-						returnSibling = false;
-					if (isRecursing) {
-						testSibling = ptrLi;
-					}
-	            	if ((testSibling !== null) && (testSibling.querySelector)) {
-	            		// exists. If it's a open directory, we need to drill down into it.
-	            		if ((testSibling.classList.contains("directory"))&&(testSibling.classList.contains("open")) &&(!isRecursing)) {
-	            			returnSibling = drillDown(testSibling);
-	            		} else {
-	            			// We can just use it;
-	            			returnSibling = testSibling;
-	            		}
-	            	} else {
-	            		// It doesn't exist, so we need to go up a level.
-	            		newSibling = nj.queryParentSelector(ptrLi, "li");
-	            		returnSibling = goUp(newSibling, true);
-	            	}
-	            	
-	            	return returnSibling;
-            	};
-            	
-    		// Stop propagation.
-            event.stopImmediatePropagation();
-
-            if (event.keyCode === 40) {
-				// Down arrow pressed.
-				// Prevent scroll.
-            	event.preventDefault();
-
-            	if (myType === "directory") {
-            		// The keypress happened on a directory.
-            		// Is it open or closed?
-            		if (target.classList.contains("open")) {
-            			// Go into the subdirectory
-            			var myPar = nj.queryParentSelector(event.target, "li");
-            			
-            			nextLi = myPar.querySelector("ul li");
-            			nextSpan = nextLi.querySelector("span");
-            			// But the subdirectory might be empty...if so, get
-            			// the next element
-            			if (nextSpan === null) {
-            				nextSpan = target.nextSibling.querySelector(".pp-span-all");
-            			}
-            		} else if (target.classList.contains("closed")) {
-            			var myParentUl = nj.queryParentSelector(target, "ul");
-            			if (myParentUl.getAttribute("id") !== "pp-container-list") {
-            				// Closed directory, so get the next sibling element.
-            				nextSpan = target.nextSibling.querySelector(".pp-span-all");
-            			}
-            		}
-            	} else {
-            		// The keypress happened on a file, so we need to get the next 
-            		// element and focus it.
-            		mySeebl = getNextSibling(event.target);
-            		if (mySeebl) {
-            			nextSpan = mySeebl.querySelector(".pp-span-all");
-            		}
-            	}
-
-            	// If the next element isn't null or false, focus it
-            	if ((nextSpan !== null) && (nextSpan !== false)) {
-            		nextSpan.focus();
-            	}
-            }
-            
-            if (event.keyCode === 38) {
-            	// Up arrow pressed.
-            	// Prevent scroll.
-            	event.preventDefault();
-            	
-            	var myLi = nj.queryParentSelector(event.target, "li"),
-            	myUl = nj.queryParentSelector(myLi, "ul"),
-            	nextSibling = "";
-            	
-            	// If we're not already at the top of the tree, we need to 
-            	// goUp.
-            	if (myUl.getAttribute("id") !== "pp-container-tree") {
-            		nextSibling = goUp(myLi, false);
-	            	nextSpan = nextSibling.querySelector(".pp-span-all");
-	    
-	            	// If the next element isn't null or false, focus it
-	            	if ((nextSpan !== null) && (nextSpan !== false)) {
-	            		nextSpan.focus();
-	            	}
-            	}
-            }
-            
-            if (event.keyCode === 37) {
-            	// Left arrow pressed.
-            	// Prevent scroll.
-            	event.preventDefault();
-            	
-            	var projectPanel = nj.queryParentSelector(event.target, "#projectPanel"),
-            		firstButton = projectPanel.querySelector(".button-project");
-            		firstButton.focus();
-            }
-            
-            if (event.keyCode === 13) {
-            	// return pressed.
-
-	    		if (myType === "directory") {
-	    			target.classList.toggle("open");
-	    			target.classList.toggle("closed");
-	    		}
-				
-    			// Dispatch an event that can be used by the Project Panel 
-				treeClickEvent.initEvent("treeClickEvent", false, false);
-				document.dispatchEvent(treeClickEvent);
-            }
-            
-            if (event.keyCode === 39) {
-            	// Right arrow key pressed
-            	event.preventDefault();
-            }
-    	}
-    },
-
-    // TODO This should be more flexible - it should accept strings and objects as well.
-    // Adds a node to root tree node
-    addTreeNode: {
-        value: function(treeNode) {
-            if(this.dataProvider)
-            {
-                // TODO This should set the dataProvider instead so we draw on the next frame.
-                this._element.appendChild(treeNode);
-                this.needsDraw = true;
-            }
-            else
-            {
-                // TODO create a new dataProvider
-            }
-        }
-    },
-
-    // arg1 = new tree node's id
-    // arg2 = label
-    // should also allow users to specify an object that is the "data" for that tree
-    addTreeNode2: {
-        value: function(treeID, treeLabel) {
-            var curNode = document.createElement("li");
-            curNode.id = treeID;
-            curNode.addEventListener("click", this, false);
-
-            var leafIcon = document.createElement("img");
-            leafIcon.src = "js/components/tree.reel/treeItem.png";
-            leafIcon.width = 16;
-            leafIcon.height = 16;
-            leafIcon.addEventListener("click", this, false);
-
-            var textNode = document.createElement("text");
-            textNode.textContent = treeLabel;
-            textNode.insertBefore(leafIcon, textNode.firstChild);
-            curNode.appendChild(textNode);
-
-            this.addTreeNode(curNode);
-        }
-    },
-
-
-    // add a new tree node to an existing parent tree node 
-    addTreeNode3: {
-        value: function(treeNode, parentNode) {
-            if(parentNode)
-            {
-                // TODO This should set the dataProvider instead so we draw on the next frame.
-                // TODO If parentNode is an LI element, we need to convert it to an UL element
-                parentNode.appendChild(treeNode);
-                this.needsDraw = true;
-            }
-            else
-            {
-                
-            }
-        }
-    },
-
-    // TODO This should be more flexible - it should accept strings and objects as well.
-    removeTreeNode: {
-        value: function(treeNode) {
-            var nodeToDelete = document.getElementById(treeNode.id);
-            if(nodeToDelete)
-            {
-                this._element.removeChild(nodeToDelete);
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    draw: {
-        value: function() {
-
-        }
-    },
-
-    _createFolderNode: {
-        value: function(folderID, folderLabel, isFolder, isExpanded)
-        {
-            var parNode = document.createElement("li");
-            parNode.id = folderID;
-            parNode.setAttribute("isFolder", isFolder);
-            parNode.setAttribute("isExpanded", isExpanded);
-            parNode.addEventListener("click", this, false);
-
-            var folderIcon = document.createElement("img");
-            folderIcon.src = "js/components/tree.reel/treeFolderOpen.png";
-            folderIcon.width = 16;
-            folderIcon.height = 16;
-            
-            var textNode = document.createElement("text");
-            textNode.textContent = folderLabel;
-
-            var disclosureIcon = document.createElement("img");
-            disclosureIcon.src = "js/components/tree.reel/treeDisclosure.png";
-            disclosureIcon.width = 16;
-            disclosureIcon.height = 16;
-            disclosureIcon.addEventListener("click", this, false);
-
-            textNode.insertBefore(folderIcon, textNode.firstChild);
-            textNode.insertBefore(disclosureIcon, textNode.firstChild);
-
-            parNode.appendChild(textNode);
-
-            var curNode = document.createElement("ul");
-            curNode.id = folderID + "folderItems";
-            parNode.appendChild(curNode);
-
-            return parNode;
-        }
-    },
-
-    _setNodeStyle: {
-        value: function(dp, par) {
-            var dpLen = dp.length;
-
-            
-            for(var i=0; i < dpLen; i++)
-            {
-                var treeNode = dp[i];
-                if(treeNode.nodeType !== 1)
-                {
-                    continue;
-                }
-
-                var newNode;
-
-                if(treeNode.childNodes.length === 0)
-                {
-                    if(treeNode.nodeName === "folder")
-                    {
-                        newNode = this._createFolderNode(treeNode.getAttribute("id"),
-                                                treeNode.getAttribute("label"),
-                                                "true",
-                                                "true");
-                        
-                        par.appendChild(newNode);
-                    }
-                    else if(treeNode.nodeName === "leaf")
-                    {
-                        var leafIcon = document.createElement("img");
-                        leafIcon.src = "js/components/tree.reel/treeItem.png";
-                        leafIcon.width = 16;
-                        leafIcon.height = 16;
-                        leafIcon.addEventListener("click", this, false);
-
-                        newNode = document.createElement("li");
-                        newNode.id = treeNode.getAttribute("id");
-                        newNode.addEventListener("click", this, false);
-                        newNode.draggable = true;
-
-                        // test code for component panel needed by our DragDropManager
-                        newNode.ondragstart = function(event){
-                            event.dataTransfer.setData ("text/plain", event.currentTarget.id + "-Component");
-                        };
-
-                        var textNode = document.createElement("text");
-                        textNode.textContent = treeNode.getAttribute("label");
-                        textNode.insertBefore(leafIcon, textNode.firstChild);
-                        newNode.appendChild(textNode);
-
-                        par.appendChild(newNode);
-                    }
-                    else
-                    {
-                        console.log("Did not handle tree node " + treeNode.nodeName);
-                    }
-                }
-                else
-                {
-                    newNode = this._createFolderNode(treeNode.getAttribute("id"),
-                                                treeNode.getAttribute("label"),
-                                                "true",
-                                                "true");
-
-                    par.appendChild(newNode);
-
-                    this._setNodeStyle(treeNode.childNodes, newNode.lastChild);
-
-                }
-            }
-        }
-    },
-
-    prepareForDraw: {
-        value: function() {
-            if(this.dataProvider) {
-                this._setNodeStyle(this.dataProvider.childNodes, this._element);
-            } else if (this.jsonData) {
-            	this._traverseJson(this.jsonData, this._element, 0);
-            }
-        }
-    },
-
-    handleClick: {
-        value: function(event) {
-//            this._acknowledgeIntent();
-            event.stopImmediatePropagation();
-            var target = event.currentTarget;
-
-            switch(target.nodeName)
-            {
-                case "LI":
-                {
-                    console.log("clicked " + target.id);
-                    target.classList.add("selected");
-                    if( this._selectedNode && (this._selectedNode !== target) )
-                    {
-                        this._selectedNode.classList.remove("selected");
-                    }
-                    this._selectedNode = target;
-                    var actionEvent = document.createEvent("CustomEvent");
-                    actionEvent.initEvent("change", true, true);
-                    actionEvent.type = "change";
-                    actionEvent.treeNode = target;
-                    actionEvent.mouseEvent = event;
-                    this.dispatchEvent(actionEvent);
-                    break;
-                }
-                case "IMG":
-                {
-                    var _parent = target.parentElement.parentElement;
-                    if(_parent.getAttribute("isFolder"))
-                    {
-                        // toggle the items in the UL node
-                        if(_parent.getAttribute("isExpanded") === "true")
-                        {
-                            _parent.setAttribute("isExpanded", "false");
-                            _parent.classList.remove("expanded");
-                            _parent.children[0].children[0].style.webkitTransform = "rotate(-90deg)";
-                            _parent.children[0].children[1].src = "js/components/tree.reel/treeFolderClosed.png";
-                            this.toggleFolderState(_parent.children[1], false);
-                        }
-                        else
-                        {
-                            _parent.setAttribute("isExpanded", "true");
-                            _parent.classList.add("expanded");
-                            _parent.children[0].children[0].style.webkitTransform = "rotate(0deg)";
-                            _parent.children[0].children[1].src = "js/components/tree.reel/treeFolderOpen.png";
-                            this.toggleFolderState(_parent.children[1], true);                            
-                        }
-                    }
-                    break;
-                }
-            }
-
-            // TODO - This is just for testing
-            if(target.id === "addItem")
-            {
-                var curNode = document.createElement("li");
-                var uniqueID = Math.floor(Math.random()*9999);
-                curNode.id = "newItem_" + uniqueID;
-                curNode.addEventListener("click", this, false);
-
-                var leafIcon = document.createElement("img");
-                leafIcon.src = "Tree.reel/treeItem.png";
-                leafIcon.width = 16;
-                leafIcon.height = 16;
-                leafIcon.addEventListener("click", this, false);
-
-                var textNode = document.createElement("text");
-                textNode.textContent = "New Item " + uniqueID;
-                textNode.insertBefore(leafIcon, textNode.firstChild);
-                curNode.appendChild(textNode);
-                this.addTreeNode(curNode);
-            }
-            else if(target.id === "addItem2")
-            {
-                this.addTreeNode2("TestItem2", "This is a test item");
-            }
-            else if(target.id === "addItem3")
-            {
-                var curNode = document.createElement("li");
-                var uniqueID = Math.floor(Math.random()*9999);
-                curNode.id = "newItem_" + uniqueID;
-                curNode.addEventListener("click", this, false);
-
-                var leafIcon = document.createElement("img");
-                leafIcon.src = "js/components/tree.reel/treeItem.png";
-                leafIcon.width = 16;
-                leafIcon.height = 16;
-                leafIcon.addEventListener("click", this, false);
-
-                var textNode = document.createElement("text");
-                textNode.textContent = "New Sub Item " + uniqueID;
-                textNode.insertBefore(leafIcon, textNode.firstChild);
-                curNode.appendChild(textNode);
-                
-                this.addTreeNode3(curNode, this._element.children[0].children[1]);
-            }
-            else if(target.id === "removeItem")
-            {
-                // Get last node
-                var curNode = this._element.children[this._element.children.length-1];
-                curNode.removeEventListener("click", this, false);
-                this.removeTreeNode(curNode);
-            }
-        }
-    },
-
-
-    toggleFolderState : {
-        value : function(folderNode, expand)
-        {
-            var i = 0;
-            var len = folderNode.children.length;
-            
-            if(!expand)
-            {
-                for(i=0; i<len; i++)
-                {
-                    folderNode.children[i].style.display = "none";
-                }
-            }
-            else
-            {
-                for(i=0; i<len; i++)
-                {
-                    if(folderNode.children[i].nodeName === "LI")
-                    {
-                        folderNode.children[i].style.display = "list-item";
-                    }
-                    else
-                    {
-                        // special case folders
-                        folderNode.children[i].style.display = "block";
-                    }
-                }
-            }
-        }
-    },
-
-	init: {
-		value: function() {
-			this.needsDraw = true;
-			this.prepareForDraw();
-		}
-		
-	}
-
-});
diff --git a/js/components/tree.reel/treeDisclosure.png b/js/components/tree.reel/treeDisclosure.png
deleted file mode 100755
index d23b493d..00000000
Binary files a/js/components/tree.reel/treeDisclosure.png and /dev/null differ
diff --git a/js/components/tree.reel/treeFolderClosed.png b/js/components/tree.reel/treeFolderClosed.png
deleted file mode 100755
index ec5d21f3..00000000
Binary files a/js/components/tree.reel/treeFolderClosed.png and /dev/null differ
diff --git a/js/components/tree.reel/treeFolderOpen.png b/js/components/tree.reel/treeFolderOpen.png
deleted file mode 100755
index 940dae33..00000000
Binary files a/js/components/tree.reel/treeFolderOpen.png and /dev/null differ
diff --git a/js/components/tree.reel/treeItem.png b/js/components/tree.reel/treeItem.png
deleted file mode 100755
index c728c19a..00000000
Binary files a/js/components/tree.reel/treeItem.png and /dev/null differ
diff --git a/js/components/ui/modalDialog/modal-dialog-manager.js b/js/components/ui/modalDialog/modal-dialog-manager.js
deleted file mode 100755
index c06b35d6..00000000
--- a/js/components/ui/modalDialog/modal-dialog-manager.js
+++ /dev/null
@@ -1,123 +0,0 @@
-/* <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 Popup =	require("js/components/popup.reel").Popup;
-var popupManagerModule = require("js/components/popup-manager.reel");
-var modalDialogHeader = require("js/components/ui/modalDialog/modalDialogHeader");
-
-exports.ModalDialogMananger = (require("montage/core/core").Montage).create(require("montage/ui/component").Component, {
-
-    _container: {
-    	enumerable: false,
-    	value: null
-    },
-
-    _blockScreen: {
-    	enumerable: false,
-    	value: null
-    },
-
-    /**
-     * Assign a container to be the block screen
-     *
-     * @param {Element} container
-     */
-    init: {
-    	enumerable: true,
-    	value: function (blockScreen, container) {
-    		container.style.position = 'absolute';
-    		container.style.top = 0;
-    		container.style.left = 0;
-    		container.style.width = '100%';
-    		container.style.height = '100%';
-            container.style.display = "none";
-            this._container = container;
-
-            blockScreen.style.position = 'absolute';
-    		blockScreen.style.top = 0;
-    		blockScreen.style.left = 0;
-    		blockScreen.style.width = '100%';
-    		blockScreen.style.height = '100%';
-            blockScreen.style.backgroundColor = "#8c8c8c";
-            blockScreen.style.opacity = "0.8";
-            blockScreen.style.display = "none";
-            this._blockScreen = blockScreen;
-    	}
-    },
-
-    /**
-     * Show a modal dialog at the center of the browser
-     */
-    showModalDialog:{
-        writable:false,
-        enumerable:true,
-        value: function(title, popupBackgroundColor, contentDiv){
-            //place block screen on top of everything
-            this._blockScreen.style.zIndex = popupManagerModule.PopupMananger._getNextHighestZindex(document.body);
-            this._blockScreen.style.display = "block";
-            this._container.style.zIndex = parseInt(this._blockScreen.style.zIndex) +1;
-
-
-            var modalContent = document.createElement("div");
-
-            //hack (elements needs to be on DOM to be drawn)
-            //add modal dialog header
-            var headerEl = document.createElement('div');
-            var header = modalDialogHeader.ModalDialogHeader.create();
-            header.element = headerEl;
-            if((typeof title === "undefined") || (title === null)){
-                header.showTitle = false;
-            }else{
-                header.title = title;
-            }
-            this._container.appendChild(headerEl);
-            header.needsDraw = true;
-
-            //add dialog content
-            
-            modalContent.appendChild(contentDiv);
-
-//            var that = this;
-//            setTimeout(function(){that.closeModalDialog()}, 5000);//test
-
-            var popupEl = document.createElement('div');
-    		var pop = Popup.create();
-    		//Setting container and content
-    		pop.element = popupEl;
-    		pop.content = modalContent;
-    		pop.position = {x:"30%", y:"15%"};//pass in real calculated center position
-            pop.zIndex = popupManagerModule.PopupMananger._getNextHighestZindex(this._container);
-            this._container.appendChild(popupEl);
-            popupEl.style.opacity = 1;
-            pop.needsDraw = true;
-
-            //overrride modal dialog background color
-            if((typeof popupBackgroundColor !== "undefined") || (popupBackgroundColor !== null)){
-                pop.element.style.backgroundColor = popupBackgroundColor;
-            }
-            //hack - place the rendered header in the right place now
-            this._container.removeChild(headerEl);
-            modalContent.insertBefore(headerEl, modalContent.firstChild);
-
-
-            this._container.style.display = "block";
-
-        }
-    },
-
-    closeModalDialog:{
-        writable:false,
-        enumerable:true,
-        value: function(){
-            //remove dialog
-            while(this._container.hasChildNodes()){
-                this._container.removeChild(this._container.lastChild);
-            }
-            this._container.style.display = "none";
-            this._blockScreen.style.display ="none";
-        }
-    }
-});
\ No newline at end of file
diff --git a/js/components/ui/modalDialog/modalDialogHeader.js b/js/components/ui/modalDialog/modalDialogHeader.js
deleted file mode 100755
index 6770f60a..00000000
--- a/js/components/ui/modalDialog/modalDialogHeader.js
+++ /dev/null
@@ -1,82 +0,0 @@
-/* <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;
-var Component = require("montage/ui/component").Component;
-
-var modalDialogManagerModule = require("js/components/ui/modalDialog/modal-dialog-manager");
-
-var ModalDialogHeader = exports.ModalDialogHeader = Montage.create(Component, {
-
-    _firstTime: {
-        enumerable: false,
-        value: true
-    },
-
-    showTitle:{
-        enumerable: true,
-        value: true
-    },
-
-    title:{
-        enumerable : true,
-        value: "Default Title"
-    },
-
-    showClose:{
-        enumerable: true,
-        value: true
-    },
-
-    willDraw: {
-    	enumerable: false,
-    	value: function() {
-
-    	}
-    },
-
-    draw: {
-    	enumerable: false,
-        value: function() {
-            var closeElement = this.cross;
-            if(closeElement){
-                if(!this.showClose){
-                    closeElement.style.visibility = "hidden";
-                }else{
-                    closeElement.addEventListener("click", function(){
-                        modalDialogManagerModule.ModalDialogMananger.closeModalDialog();
-                    }, false);
-                }
-            }
-            var titleElement = this.title;
-            if(titleElement){
-                if(this.showTitle){
-                    titleElement.innerHTML = this.title;
-                }else{
-                    titleElement.style.visibility = "hidden";
-                }
-            }
-
-            if(!this.showClose){
-                closeElement.style.display = "none";
-            }
-            if(!this.showTitle){
-                this.separator.style.display = "none";
-            }
-
-            this.element.parentNode.addEventListener("closeDialog", function(evt){
-                modalDialogManagerModule.ModalDialogMananger.closeModalDialog();
-            }, false);
-        }
-    },
-
-    didDraw: {
-    	enumerable: false,
-    	value: function() {
-
-    	}
-    }
-});
\ No newline at end of file
diff --git a/js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.css b/js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.css
deleted file mode 100755
index 01205298..00000000
--- a/js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.css
+++ /dev/null
@@ -1,30 +0,0 @@
-/* <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> */
-
-.modalDialogHeader{
-    padding-bottom: 5px;
-    margin-bottom: 5px;
-}
-
-.modalDialogHeader .separator{
-    height: 4px;
-    width:auto;
-}
-
-.close{
-    float: right;
-    cursor: pointer;
-    position:relative;
-    top:-1.4em;
-    right:5px;
-    color: #8c8c8c;
-    font-weight:bold;
-}
-
-.title{
-    text-align: center;
-}
-
diff --git a/js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.html b/js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.html
deleted file mode 100755
index fca3ed78..00000000
--- a/js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.html
+++ /dev/null
@@ -1,33 +0,0 @@
-<!DOCTYPE HTML>
-<!-- <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> -->
-<html>
-<head>
-    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
-    <link rel="stylesheet" type="text/css" href="modalDialogHeader.css">
-    <script type="text/montage-serialization">
-    {
-        "owner": {
-            "module": "js/components/ui/modalDialog/modalDialogHeader",
-            "name": "ModalDialogHeader",
-            "properties": {
-                "element": {"#": "modalDialogHeader"},
-                "cross": {"#": "close"},
-                "title": {"#": "title"},
-                "separator": {"#": "separator"}
-            }
-        }
-    }
-    </script>
-</head>
-<body>
-<div id="modalDialogHeader" class="modalDialogHeader">
-    <div id="title" class="title" >Header Title</div>
-    <span id="close" class="close">x</span>
-    <div id="separator" class="separator"></div>
-</div>
-</body>
-</html>
\ No newline at end of file
diff --git a/js/components/ui/radio-button.reel/radio-button.html b/js/components/ui/radio-button.reel/radio-button.html
deleted file mode 100755
index 265501f4..00000000
--- a/js/components/ui/radio-button.reel/radio-button.html
+++ /dev/null
@@ -1,32 +0,0 @@
-<!DOCTYPE HTML>
-<!-- <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> -->
-<html>
-    <head>
-        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
-
-        <!--<link rel="stylesheet" type="text/css" href="tool-button.css">-->
-
-        <script type="text/m-objects">
-         {
-             "$rootObject": U("m-obj://Ninja/radiobutton-uuid?mId=js/components/layout/Ninja", {
-
-                    element: E("#buttonBackground"),
-                    button: E("#radioButton")
-
-             })
-         }
-         </script>
-
-    </head>
-
-    <body>
-        <div id="buttonBackground">
-            <div id="radioButton"></div>
-        </div>
-    </body>
-
-</html>
diff --git a/js/components/ui/radio-button.reel/radio-button.js b/js/components/ui/radio-button.reel/radio-button.js
deleted file mode 100755
index a356fefe..00000000
--- a/js/components/ui/radio-button.reel/radio-button.js
+++ /dev/null
@@ -1,44 +0,0 @@
-/* <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;
-var Component = require("montage/ui/component").Component;
-
-exports.RadioButton = Montage.create(Component, {
-
-    data: { value: null },
-
-    _selected: { value: null },
-
-    selected: {
-        get: function() { return this._selected; },
-        set: function(value) {
-            this._selected = value;
-            this.needsDraw = true;
-        }
-    },
-
-    prepareForDraw: {
-        enumerable: false,
-        value: function() {
-            this.element.addEventListener("click", this, false);
-        }
-    },
-
-    draw: {
-        enumerable: false,
-        value: function() {
-
-        }
-    },
-
-    handleClick: {
-        value: function(event) {
-            
-        }
-    }
-
-});
diff --git a/js/components/ui/row-renderer.reel/row-renderer.html b/js/components/ui/row-renderer.reel/row-renderer.html
deleted file mode 100755
index f081eb84..00000000
--- a/js/components/ui/row-renderer.reel/row-renderer.html
+++ /dev/null
@@ -1,37 +0,0 @@
-<!DOCTYPE html>
-<!-- <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> -->
-<html>
-<head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
-    <script type="text/m-objects">
-    {
-        "$rootObject": U("m-obj://Application/rootObject?mId=montage/application", {
-            "components": [
-                U("m-obj://Repetition/repetition-uuid?mId=montage/ui/repetition", {
-                    "element": E("#testList"),
-                    "objects": [
-                        {type: "slider", value: 10},
-                        {type: "slider", value: 20},
-                        {type: "slider", value: 50}
-                    ]
-
-                })
-            ]
-        })
-    }
-    </script>
-
-</head>
-<body>
-
-    <ul id="testList">
-        <li id="substitution"></li>
-    </ul>
-
-</body>
-</html>
diff --git a/js/components/ui/row-renderer.reel/row-renderer.js b/js/components/ui/row-renderer.reel/row-renderer.js
deleted file mode 100755
index ba71ce12..00000000
--- a/js/components/ui/row-renderer.reel/row-renderer.js
+++ /dev/null
@@ -1,18 +0,0 @@
-/* <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;
-var Component = require("montage/ui/component").Component;
-
-exports.RowRenderer = Montage.create(Component, {
-
-    objects : {value : null, writable: true, enumerable: true, configurable: true },
-
-    axis: {value : null, writable: true, enumerable: true, configurable: true },
-
-    mylist: {value : null, writable: true, enumerable: true, configurable: true }
-
-});
-- 
cgit v1.2.3


From c62273126004f057de40ce91ecda5606643f4c92 Mon Sep 17 00:00:00 2001
From: Valerio Virgillito
Date: Fri, 20 Apr 2012 16:37:47 -0700
Subject: reverting old template to current working status. New template work.

Signed-off-by: Valerio Virgillito <valerio@motorola.com>
---
 js/components/layout/bread-crumb.reel/bread-crumb.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'js/components')

diff --git a/js/components/layout/bread-crumb.reel/bread-crumb.js b/js/components/layout/bread-crumb.reel/bread-crumb.js
index 45a4d217..f35972b6 100755
--- a/js/components/layout/bread-crumb.reel/bread-crumb.js
+++ b/js/components/layout/bread-crumb.reel/bread-crumb.js
@@ -58,7 +58,7 @@ exports.Breadcrumb = Montage.create(Component, {
     createContainerElements: {
         value: function() {
             var parentNode;
-/*
+
             this.containerElements.length = 0;
 
             parentNode = this.container;
@@ -70,7 +70,7 @@ exports.Breadcrumb = Montage.create(Component, {
 
             // This is always the top container which is now hardcoded to body
             this.containerElements.unshift({"node": parentNode, "nodeUuid":parentNode.uuid, "label": "Body"});
-*/
+
 
 
         }
-- 
cgit v1.2.3


From d0af21d80441cb7ffe3a92ed00f8dc9b90867098 Mon Sep 17 00:00:00 2001
From: Valerio Virgillito
Date: Mon, 23 Apr 2012 13:41:16 -0700
Subject: adjusting the bread crumb to work with the new template

Initial container get setup in ninja now.

Signed-off-by: Valerio Virgillito <valerio@motorola.com>
---
 .../layout/bread-crumb.reel/bread-crumb.js         | 25 ++++++++++++++++------
 1 file changed, 18 insertions(+), 7 deletions(-)

(limited to 'js/components')

diff --git a/js/components/layout/bread-crumb.reel/bread-crumb.js b/js/components/layout/bread-crumb.reel/bread-crumb.js
index f35972b6..597577f1 100755
--- a/js/components/layout/bread-crumb.reel/bread-crumb.js
+++ b/js/components/layout/bread-crumb.reel/bread-crumb.js
@@ -63,16 +63,27 @@ exports.Breadcrumb = Montage.create(Component, {
 
             parentNode = this.container;
 
-            while(parentNode.id !== "UserContent") {
+            // This is for the old template support.
+            // TODO: Remove marker for old template: NINJA-STAGE-REWORK
+            if(this.application.ninja.currentDocument.documentRoot.id === "UserContent") {
+                while(parentNode.id !== "UserContent") {
+                    this.containerElements.unshift({"node": parentNode, "nodeUuid":parentNode.uuid, "label": parentNode.nodeName});
+                    parentNode = parentNode.parentNode;
+                }
+
+                // This is always the top container which is now hardcoded to body
+                this.containerElements.unshift({"node": parentNode, "nodeUuid":parentNode.uuid, "label": "Body"});
+            } else {
+                while(parentNode !== this.application.ninja.currentDocument.documentRoot) {
+                    this.containerElements.unshift({"node": parentNode, "nodeUuid":parentNode.uuid, "label": parentNode.nodeName});
+                    parentNode = parentNode.parentNode;
+                }
+
+                // This is always the top container which is now hardcoded to body
                 this.containerElements.unshift({"node": parentNode, "nodeUuid":parentNode.uuid, "label": parentNode.nodeName});
-                parentNode = parentNode.parentNode;
+                console.log("this works!");
             }
 
-            // This is always the top container which is now hardcoded to body
-            this.containerElements.unshift({"node": parentNode, "nodeUuid":parentNode.uuid, "label": "Body"});
-
-
-
         }
     },
 
-- 
cgit v1.2.3