aboutsummaryrefslogtreecommitdiff
path: root/js/stage
diff options
context:
space:
mode:
Diffstat (limited to 'js/stage')
-rwxr-xr-xjs/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.css5
-rwxr-xr-xjs/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.html39
-rwxr-xr-xjs/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js18
-rwxr-xr-xjs/stage/binding-view.reel/binding-hud.reel/binding-hud.css62
-rwxr-xr-xjs/stage/binding-view.reel/binding-hud.reel/binding-hud.html60
-rwxr-xr-xjs/stage/binding-view.reel/binding-hud.reel/binding-hud.js39
-rwxr-xr-xjs/stage/binding-view.reel/binding-view.css12
-rwxr-xr-xjs/stage/binding-view.reel/binding-view.html82
-rwxr-xr-xjs/stage/binding-view.reel/binding-view.js101
-rwxr-xr-xjs/stage/binding-view.reel/non-visual-component.reel/non-visual-component.css5
-rwxr-xr-xjs/stage/binding-view.reel/non-visual-component.reel/non-visual-component.html27
-rwxr-xr-xjs/stage/binding-view.reel/non-visual-component.reel/non-visual-component.js18
-rwxr-xr-xjs/stage/stage.reel/stage.html12
13 files changed, 478 insertions, 2 deletions
diff --git a/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.css b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.css
new file mode 100755
index 00000000..018448f1
--- /dev/null
+++ b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.css
@@ -0,0 +1,5 @@
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> */
diff --git a/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.html b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.html
new file mode 100755
index 00000000..6af26f7c
--- /dev/null
+++ b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.html
@@ -0,0 +1,39 @@
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 <link rel="stylesheet" type="text/css" href="binding-hud-option.css">
11
12 <script type="text/montage-serialization">
13 {
14 "owner": {
15 "prototype": "js/stage/binding-view.reel/binding-hud-option.reel",
16 "properties": {
17 "element": {"#": "hudOption"}
18 }
19 },
20 "label": {
21 "prototype": "montage/ui/dynamic-text.reel",
22 "properties": {
23 "element": {"#": "hudLabel"}
24 },
25 "bindings": {
26 "value": {"<-": "@owner.title"}
27 }
28 }
29 }
30 </script>
31
32</head>
33<body>
34 <div data-montage-id="hudOption" class="hudOption">
35 <label data-montage-id="hudLabel" class="hudLabel">Label</label>
36 <div class="connectorBubble"></div>
37 </div>
38</body>
39</html>
diff --git a/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js
new file mode 100755
index 00000000..58f4175e
--- /dev/null
+++ b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js
@@ -0,0 +1,18 @@
1/* <copyright>
2This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3No 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/**
8@requires montage/core/core
9@requires montage/ui/component
10*/
11var Montage = require("montage/core/core").Montage,
12 Component = require("montage/ui/component").Component;
13
14exports.BindingHudOption = Montage.create(Component, {
15 title: {
16 value: "value"
17 }
18}); \ No newline at end of file
diff --git a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css
new file mode 100755
index 00000000..626706ed
--- /dev/null
+++ b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css
@@ -0,0 +1,62 @@
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.bindingHud {
8 position: absolute;
9 background: #282828;
10 padding: 0px;
11 color: #FFF;
12 font-size: 11px;
13 box-shadow: 2px 2px 3px black;
14 border-radius: 3px;
15 padding: 3px;
16 padding-top:0px;
17 border:1px solid #000;
18}
19
20.bindingHud .bindingTitle {
21 font-weight:bold;
22 background: url('/images/panels/horizontal-resize.png') no-repeat;
23 padding-left: 10px;
24 line-height: 20px;
25 background-position: left center;
26 padding-top: 2px;
27}
28
29.bindingHud .hudRepetition {
30 background: #555;
31 padding:1px 9px;
32 line-height:16px;
33 border:1px solid #000;
34 box-shadow: inset 0px 0px 4px #333, 1px 1px 0px #3A3A3A;
35 min-width: 65px;
36}
37
38.bindingHud .hudOption {
39 position:relative;
40 border-bottom:1px solid #505050;
41 line-height:16px;
42}
43
44.bindingHud .hudOption:last-child {
45 border-bottom: 0px;
46}
47
48.bindingHud .hudOption .connectorBubble {
49 position: absolute;
50 right: -20px;
51 top: 2px;
52 background: #555;
53 border: 1px solid black;
54 border-radius: 0px;
55 width: 12px;
56 height: 12px;
57 border-left: 0px;
58 /*border-bottom-right-radius: 50%;
59 border-top-right-radius: 50%;*/
60
61
62} \ No newline at end of file
diff --git a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html
new file mode 100755
index 00000000..1f3b181c
--- /dev/null
+++ b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html
@@ -0,0 +1,60 @@
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 <link rel="stylesheet" type="text/css" href="binding-hud.css">
11
12 <script type="text/montage-serialization">
13 {
14 "owner": {
15 "prototype": "js/stage/binding-view.reel/binding-hud.reel",
16 "properties": {
17 "element": {"#": "bindingHud"}
18 }
19 },
20 "repeater": {
21 "prototype": "montage/ui/repetition.reel",
22 "properties": {
23 "element": {"#": "hudRepetition"}
24 },
25 "bindings": {
26 "objects": {"<-": "@owner.properties"}
27 }
28 },
29 "hudOption": {
30 "prototype": "js/stage/binding-view.reel/binding-hud-option.reel",
31 "properties": {
32 "element": {"#" : "hudOption"}
33 },
34 "bindings": {
35 "title": {"<-": "@repeater.objectAtCurrentIteration.title"}
36 }
37 },
38 "Title": {
39 "prototype": "montage/ui/dynamic-text.reel",
40 "properties": {
41 "element": {"#": "title"}
42 },
43 "bindings": {
44 "value": {"<-": "@owner.title"}
45 }
46 }
47 }
48 </script>
49
50</head>
51<body>
52 <section data-montage-id="bindingHud" class="bindingHud">
53 <div data-montage-id="title" class="bindingTitle"></div>
54 <div data-montage-id="hudRepetition" class="hudRepetition">
55 <div data-montage-id="hudOption" class="hudOption"></div>