aboutsummaryrefslogtreecommitdiff
path: root/js/components/layout/bread-crumb-button.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/components/layout/bread-crumb-button.reel')
-rw-r--r--js/components/layout/bread-crumb-button.reel/bread-crumb-button.css32
-rw-r--r--js/components/layout/bread-crumb-button.reel/bread-crumb-button.html36
-rw-r--r--js/components/layout/bread-crumb-button.reel/bread-crumb-button.js58
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 @@
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
7var Montage = require("montage/core/core").Montage;
8var Component = require("montage/ui/component").Component;
9
10
11exports.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