3 files changed, 126 insertions, 0 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
new file mode 100644
index 00000000..9d0a1eb4
--- /dev/null
+++ b/js/components/layout/bread-crumb-button.reel/bread-crumb-button.css
@@ -0,0 +1,32 @@
+/* <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
new file mode 100644
index 00000000..b3fdb0b6
--- /dev/null
+++ b/js/components/layout/bread-crumb-button.reel/bread-crumb-button.html
@@ -0,0 +1,36 @@
+<!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
new file mode 100644
index 00000000..65e5b7c8
--- /dev/null
+++ b/js/components/layout/bread-crumb-button.reel/bread-crumb-button.js
@@ -0,0 +1,58 @@
+/* <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: {
+        enumerable: false,
+        value: function() {
+            this.element.addEventListener("mousedown", this, false);
+        }
+    },
+    draw: {
+        enumerable: false,
+        value: function() {
+        if(this.data.element.id==="UserContent"){
+           this.button.innerHTML = "Body";
+        }
+        else{
+           this.button.innerHTML=this.data.element.nodeName;
+        }
+        }
+    },
+    handleMousedown: {
+        value: function(event) {
+            if(event.which===1){
+                 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-button.reel/bread-crumb-button.css b/js/components/layout/bread-crumb-button.reel/bread-crumb-button.css new file mode 100644 index 00000000..9d0a1eb4 --- /dev/null +++ b/js/components/layout/bread-crumb-button.reel/bread-crumb-button.css
@@ -0,0 +1,32 @@
	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 new file mode 100644 index 00000000..b3fdb0b6 --- /dev/null +++ b/js/components/layout/bread-crumb-button.reel/bread-crumb-button.html
@@ -0,0 +1,36 @@
	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 new file mode 100644 index 00000000..65e5b7c8 --- /dev/null +++ b/js/components/layout/bread-crumb-button.reel/bread-crumb-button.js
@@ -0,0 +1,58 @@
	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
	11	exports.BreadcrumbButton = Montage.create(Component, {
	12
	13	button: { value: null },
	14
	15	data: { value: null },
	16
	17	prepareForDraw: {
	18	enumerable: false,
	19	value: function() {
	20	this.element.addEventListener("mousedown", this, false);
	21	}
	22	},
	23
	24	draw: {
	25	enumerable: false,
	26	value: function() {
	27
	28	if(this.data.element.id==="UserContent"){
	29
	30	this.button.innerHTML = "Body";
	31	}
	32
	33	else{
	34	this.button.innerHTML=this.data.element.nodeName;
	35	}
	36
	37	}
	38	},
	39
	40	handleMousedown: {
	41	value: function(event) {
	42
	43	if(event.which===1){
	44
	45	this.data.selected=true;
	46	NJevent('breadCrumbTrail',this.data);
	47	this.data.selected=false;
	48	}
	49
	50	}
	51	}
	52
	53
	54
	55
	56
	57
	58	}); \ No newline at end of file