aboutsummaryrefslogtreecommitdiff
path: root/js/components/layout
diff options
context:
space:
mode:
Diffstat (limited to 'js/components/layout')
-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
-rw-r--r--js/components/layout/bread-crumb.reel/bread-crumb.css27
-rw-r--r--js/components/layout/bread-crumb.reel/bread-crumb.html70
-rw-r--r--js/components/layout/bread-crumb.reel/bread-crumb.js110
-rw-r--r--js/components/layout/document-bar.reel/document-bar.css43
-rw-r--r--js/components/layout/document-bar.reel/document-bar.html58
-rw-r--r--js/components/layout/document-bar.reel/document-bar.js101
-rw-r--r--js/components/layout/document-entry.reel/close_button.gifbin0 -> 139 bytes
-rw-r--r--js/components/layout/document-entry.reel/document-entry.css38
-rw-r--r--js/components/layout/document-entry.reel/document-entry.html34
-rw-r--r--js/components/layout/document-entry.reel/document-entry.js110
-rw-r--r--js/components/layout/documents-tab.reel/documents-tab.css40
-rw-r--r--js/components/layout/documents-tab.reel/documents-tab.html77
-rw-r--r--js/components/layout/documents-tab.reel/documents-tab.js45
-rw-r--r--js/components/layout/stage-mode.reel/stage-mode.css24
-rw-r--r--js/components/layout/stage-mode.reel/stage-mode.html33
-rw-r--r--js/components/layout/stage-mode.reel/stage-mode.js52
-rw-r--r--js/components/layout/subtool-button.reel/subtool-button.css22
-rw-r--r--js/components/layout/subtool-button.reel/subtool-button.html34
-rw-r--r--js/components/layout/subtool-button.reel/subtool-button.js65
-rw-r--r--js/components/layout/tool-button.reel/tool-button.css24
-rw-r--r--js/components/layout/tool-button.reel/tool-button.html35
-rw-r--r--js/components/layout/tool-button.reel/tool-button.js112
-rw-r--r--js/components/layout/tools-list.reel/tools-list.css9
-rw-r--r--js/components/layout/tools-list.reel/tools-list.html174
-rw-r--r--js/components/layout/tools-list.reel/tools-list.js87
-rw-r--r--js/components/layout/tools-properties.reel/tools-properties.css11
-rw-r--r--js/components/layout/tools-properties.reel/tools-properties.html196
-rw-r--r--js/components/layout/tools-properties.reel/tools-properties.js55
31 files changed, 1812 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
diff --git a/js/components/layout/bread-crumb.reel/bread-crumb.css b/js/components/layout/bread-crumb.reel/bread-crumb.css
new file mode 100644
index 00000000..f84c6e80
--- /dev/null
+++ b/js/components/layout/bread-crumb.reel/bread-crumb.css
@@ -0,0 +1,27 @@
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.bread_crumb{
8 border-style: double;
9 height: 26px;
10}
11.breadcrumbtrail{
12 -webkit-box-flex: 0;
13}
14.bread_crumb_button{
15 background-color: #575757;
16 float: left;
17 width: 40px;
18 height: 20px;
19 margin-left: 5px;
20 margin-top: 3px;
21
22 font-family: 'Droid Sans', sans-serif;
23 font-size: 12px;
24 text-shadow: 1px 1px 1px black;
25
26 color: white;
27} \ 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
new file mode 100644
index 00000000..67328479
--- /dev/null
+++ b/js/components/layout/bread-crumb.reel/bread-crumb.html
@@ -0,0 +1,70 @@
1<!DOCTYPE html>
2<!-- <copyright>
3 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>