aboutsummaryrefslogtreecommitdiff
path: root/js/components/layout
diff options
context:
space:
mode:
Diffstat (limited to 'js/components/layout')
-rwxr-xr-xjs/components/layout/bread-crumb-button.reel/bread-crumb-button.css32
-rwxr-xr-xjs/components/layout/bread-crumb-button.reel/bread-crumb-button.html36
-rwxr-xr-xjs/components/layout/bread-crumb-button.reel/bread-crumb-button.js51
-rwxr-xr-xjs/components/layout/bread-crumb.reel/bread-crumb.css22
-rwxr-xr-xjs/components/layout/bread-crumb.reel/bread-crumb.html81
-rwxr-xr-xjs/components/layout/bread-crumb.reel/bread-crumb.js74
6 files changed, 72 insertions, 224 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 @@
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
7var Montage = require("montage/core/core").Montage;
8var Component = require("montage/ui/component").Component;
9
10exports.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 "properties": {
30 "element": {"#": "breadcrumb_button"} 28 "element": {"#": "breadcrumb_button"}
31 }, 29 },
32 "bindings": { 30 "listeners": [
33 "data": { 31 {
34 "boundObject": {"@": "repetition1"}, 32 "type": "action",
35 "boundObjectPropertyPath": "objectAtCurrentIteration", 33 "listener": {"@": "owner"}
36 "oneway": true 34 }
37 } 35 ],
38 } 36 "bindings": {
39 }, 37 "label": {
40 38 "boundObject": {"@": "repetition1"},
41 "repetition1": { 39 "boundObjectPropertyPath": "objectAtCurrentIteration.label",
42 "module": "montage/ui/repetition.reel", 40 "oneway": true
43 "name": "Repetition", 41 },
44