18 files changed, 413 insertions, 344 deletions
diff --git a/js/components/layout/bread-crumb-button.reel/bread-crumb-button.css b/js/components/layout/bread-crumb-button.reel/bread-crumb-button.css
deleted file mode 100755
index 9d0a1eb4..00000000
--- a/js/components/layout/bread-crumb-button.reel/bread-crumb-button.css
+++ /dev/null
@@ -1,32 +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> */
-.breadcrumbbuttonBackground {
-    height: 20px;
-    min-width: 50px;
-    margin: auto;
-    border:1px solid black;
-    float:left;
-    margin-left:10px;
-    background:#474747;
-    margin-top:3px;
-}
-.breadcrumbtoolBarButton {
-    border: 1px;
-    color: white;
-    text-align:-webkit-center;
-    margin-top : 4px;
-    cursor :default;
-    font-family: 'Droid Sans';
-    font-size: 12px;
-    text-shadow: 1px 1px 1px black;
-}
diff --git a/js/components/layout/bread-crumb-button.reel/bread-crumb-button.html b/js/components/layout/bread-crumb-button.reel/bread-crumb-button.html
deleted file mode 100755
index b3fdb0b6..00000000
--- a/js/components/layout/bread-crumb-button.reel/bread-crumb-button.html
+++ /dev/null
@@ -1,36 +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="bread-crumb-button.css">
-        <script type="text/montage-serialization">
-        {
-            "owner": {
-                "module": "js/components/layout/bread-crumb-button.reel",
-                "name": "BreadcrumbButton",
-                "properties": {
-                    "element":  {"#": "breadcrumbbuttonBackground"},
-                    "button":   {"#": "breadCrumbButton"}
-                }
-            }
-        }
-        </script>
-    </head>
-    <body>
-        <div id="breadcrumbbuttonBackground" class="breadcrumbbuttonBackground">
-            <div id="breadCrumbButton" class="breadcrumbtoolBarButton"></div>
-        </div>
-    </body>
-</html>
diff --git a/js/components/layout/bread-crumb-button.reel/bread-crumb-button.js b/js/components/layout/bread-crumb-button.reel/bread-crumb-button.js
deleted file mode 100755
index 3f5b87e1..00000000
--- a/js/components/layout/bread-crumb-button.reel/bread-crumb-button.js
+++ /dev/null
@@ -1,51 +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.BreadcrumbButton = Montage.create(Component, {
-    button: {
-        value: null
-    },
-    data: {
-        value: null
-    },
-    prepareForDraw: {
-        value: function() {
-            this.element.addEventListener("mousedown", this, false);
-        }
-    },
-    draw: {
-        value: function() {
-            if(this.data.element.id === "UserContent") {
-                this.button.innerHTML = "Body";
-            } else {
-                this.button.innerHTML = this.data.element.nodeName;
-            }
-        }
-    },
-    handleMousedown: {
-        value: function(event) {
-             //this.data.selected=true;
-             NJevent('breadCrumbTrail',this.data);
-             //this.data.selected=false;
-        }
-    }
-}); 
-\ No newline at end of file
diff --git a/js/components/layout/bread-crumb.reel/bread-crumb.css b/js/components/layout/bread-crumb.reel/bread-crumb.css
index cc984609..67497e10 100755
--- a/js/components/layout/bread-crumb.reel/bread-crumb.css
+++ b/js/components/layout/bread-crumb.reel/bread-crumb.css
@@ -4,25 +4,17 @@
 (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
 </copyright> */
-.bread_crumb{
+.breadcrumbTrail{
    background-color: #282828;
    border-style: double;
    height: 26px;
-}
-.breadcrumbtrail{
    -webkit-box-flex: 0;
 }
-.bread_crumb_button{
-    background-color: #575757;
-    float: left;
-    width: 40px;
-    height: 20px;
-    margin-left: 5px;
-    margin-top: 3px;
-    font-family: 'Droid Sans', sans-serif;
+.breadcrumbTrail button.nj-skinned {
-    font-size: 12px;
+    float: left;
-    text-shadow: 1px 1px 1px black;
+    width: 60px;
+    margin: 2px;
+}
-    color: white;
-} 
-\ No newline at end of file
diff --git a/js/components/layout/bread-crumb.reel/bread-crumb.html b/js/components/layout/bread-crumb.reel/bread-crumb.html
index c1b9ed61..f2368e9a 100755
--- a/js/components/layout/bread-crumb.reel/bread-crumb.html
+++ b/js/components/layout/bread-crumb.reel/bread-crumb.html
@@ -16,55 +16,62 @@
                    "module": "js/components/layout/bread-crumb.reel",
                    "name": "Breadcrumb",
                    "properties": {
-                        "element": {"#": "breadcrumb_trail"},
+                        "element": {"#": "breadcrumbTrail"},
-                        "button" : {"@":"breadCrumbButton"},
+                        "breadcrumbBt": {"@": "breadCrumbButton"}
-                        "stylerepetition" : {"@":"repetition1"}
                    }
                },
                "breadCrumbButton": {
-                   "module": "js/components/layout/bread-crumb-button.reel",
+                    "module": "montage/ui/button.reel",
-                   "name": "BreadcrumbButton",
+                    "name": "Button",
-                   "properties": {
+

diff --git a/js/components/layout/bread-crumb-button.reel/bread-crumb-button.css b/js/components/layout/bread-crumb-button.reel/bread-crumb-button.css deleted file mode 100755 index 9d0a1eb4..00000000 --- a/js/components/layout/bread-crumb-button.reel/bread-crumb-button.css +++ /dev/null
@@ -1,32 +0,0 @@
1	/* <copyright>
2	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5	</copyright> */
6
7	.breadcrumbbuttonBackground {
8	height: 20px;
9	min-width: 50px;
10	margin: auto;
11	border:1px solid black;
12	float:left;
13	margin-left:10px;
14	background:#474747;
15	margin-top:3px;
16	}
17
18
19	.breadcrumbtoolBarButton {
20	border: 1px;
21	color: white;
22	text-align:-webkit-center;
23	margin-top : 4px;
24	cursor :default;
25	font-family: 'Droid Sans';
26	font-size: 12px;
27	text-shadow: 1px 1px 1px black;
28
29	}
30
31
32


diff --git a/js/components/layout/bread-crumb-button.reel/bread-crumb-button.html b/js/components/layout/bread-crumb-button.reel/bread-crumb-button.html deleted file mode 100755 index b3fdb0b6..00000000 --- a/js/components/layout/bread-crumb-button.reel/bread-crumb-button.html +++ /dev/null
@@ -1,36 +0,0 @@
1	<!DOCTYPE HTML>
2	<!-- <copyright>
3	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
5	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6	</copyright> -->
7	<html>
8	<head>
9	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
10
11	<link rel="stylesheet" type="text/css" href="bread-crumb-button.css">
12
13	<script type="text/montage-serialization">
14	{
15	"owner": {
16	"module": "js/components/layout/bread-crumb-button.reel",
17	"name": "BreadcrumbButton",
18	"properties": {
19	"element": {"#": "breadcrumbbuttonBackground"},
20	"button": {"#": "breadCrumbButton"}
21	}
22	}
23	}
24	</script>
25
26
27	</head>
28
29	<body>
30	<div id="breadcrumbbuttonBackground" class="breadcrumbbuttonBackground">
31	<div id="breadCrumbButton" class="breadcrumbtoolBarButton"></div>
32	</div>
33	</body>
34
35	</html>
36


diff --git a/js/components/layout/bread-crumb-button.reel/bread-crumb-button.js b/js/components/layout/bread-crumb-button.reel/bread-crumb-button.js deleted file mode 100755 index 3f5b87e1..00000000 --- a/js/components/layout/bread-crumb-button.reel/bread-crumb-button.js +++ /dev/null
@@ -1,51 +0,0 @@
1	/* <copyright>
2	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5	</copyright> */
6
7	var Montage = require("montage/core/core").Montage;
8	var Component = require("montage/ui/component").Component;
9
10	exports.BreadcrumbButton = Montage.create(Component, {
11
12	button: {
13	value: null
14	},
15
16	data: {
17	value: null
18	},
19
20	prepareForDraw: {
21	value: function() {
22	this.element.addEventListener("mousedown", this, false);
23	}
24	},
25
26	draw: {
27	value: function() {
28	if(this.data.element.id === "UserContent") {
29	this.button.innerHTML = "Body";
30	} else {
31	this.button.innerHTML = this.data.element.nodeName;
32	}
33	}
34	},
35
36	handleMousedown: {
37	value: function(event) {
38
39	//this.data.selected=true;
40	NJevent('breadCrumbTrail',this.data);
41	//this.data.selected=false;
42
43	}
44	}
45
46
47
48
49
50
51	}); \ No newline at end of file


diff --git a/js/components/layout/bread-crumb.reel/bread-crumb.css b/js/components/layout/bread-crumb.reel/bread-crumb.css index cc984609..67497e10 100755 --- a/js/components/layout/bread-crumb.reel/bread-crumb.css +++ b/js/components/layout/bread-crumb.reel/bread-crumb.css
@@ -4,25 +4,17 @@
4	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.	4	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5	</copyright> */	5	</copyright> */
6		6
7	.bread_crumb{	7	.breadcrumbTrail{
8	background-color: #282828;	8	background-color: #282828;
9	border-style: double;	9	border-style: double;
10	height: 26px;	10	height: 26px;
11	}	11
12	.breadcrumbtrail{
13	-webkit-box-flex: 0;	12	-webkit-box-flex: 0;
14	}	13	}
15	.bread_crumb_button{
16	background-color: #575757;
17	float: left;
18	width: 40px;
19	height: 20px;
20	margin-left: 5px;
21	margin-top: 3px;
22		14
23	font-family: 'Droid Sans', sans-serif;	15	.breadcrumbTrail button.nj-skinned {
24	font-size: 12px;	16	float: left;
25	text-shadow: 1px 1px 1px black;	17	width: 60px;
		18	margin: 2px;
		19	}
26		20
27	color: white;
28	} \ No newline at end of file


diff --git a/js/components/layout/bread-crumb.reel/bread-crumb.html b/js/components/layout/bread-crumb.reel/bread-crumb.html index c1b9ed61..f2368e9a 100755 --- a/js/components/layout/bread-crumb.reel/bread-crumb.html +++ b/js/components/layout/bread-crumb.reel/bread-crumb.html
@@ -16,55 +16,62 @@
16	"module": "js/components/layout/bread-crumb.reel",	16	"module": "js/components/layout/bread-crumb.reel",
17	"name": "Breadcrumb",	17	"name": "Breadcrumb",
18	"properties": {	18	"properties": {
19	"element": {"#": "breadcrumb_trail"},	19	"element": {"#": "breadcrumbTrail"},
20	"button" : {"@":"breadCrumbButton"},	20	"breadcrumbBt": {"@": "breadCrumbButton"}
21	"stylerepetition" : {"@":"repetition1"}
22
23	}	21	}
24	},	22	},
25		23
26	"breadCrumbButton": {	24	"breadCrumbButton": {
27	"module": "js/components/layout/bread-crumb-button.reel",	25	"module": "montage/ui/button.reel",
28	"name": "BreadcrumbButton",	26	"name": "Button",
29	"properties": {	27