3 files changed, 118 insertions, 0 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 @@
+/* <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> */
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 @@
+<!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="binding-hud-option.css">
+    <script type="text/montage-serialization">
+        {
+            "owner": {
+                "prototype": "js/stage/binding-view.reel/binding-hud-option.reel",
+                "properties": {
+                    "element": {"#": "hudOption"}
+                }
+            },
+            "label": {
+                "prototype": "montage/ui/dynamic-text.reel",
+                "properties": {
+                    "element": {"#": "hudLabel"}
+                },
+                "bindings": {
+                    "value": {"<-": "@owner.title"}
+                }
+            }
+        }
+    </script>
+</head>
+<body>
+    <div data-montage-id="hudOption" class="hudOption">
+        <label data-montage-id="hudLabel" class="hudLabel">Label</label>
+        <div class="connectorBubble"></div>
+    </div>
+</body>
+</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..18eb11c9
--- /dev/null
+++ b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js
@@ -0,0 +1,74 @@
+/* <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> */
+/**
+@requires montage/core/core
+@requires montage/ui/component
+*/
+var Montage = require("montage/core/core").Montage,
+    Component = require("montage/ui/component").Component;
+exports.BindingHudOption = Montage.create(Component, {
+    _title: {
+        value: null
+    },
+    title: {
+        get: function() {
+            return this._title;
+        },
+        set: function(val) {
+            this._title = val;
+            this.needsDraw = true;
+        }
+    },
+    bound: {
+        value: false
+    },
+    _hudOptions: {
+        value: []
+    },
+    hudOptions: {
+        get: function() {
+            return this._hudOptions;
+        },
+        set: function(val) {
+            if (typeof(val) !== "undefined") {
+                this._hudOptions = val;
+                this.title = val.title;
+                this.bound = val.bound;
+            } else {
+                this._hudOptions = null;
+            }
+            this.needsDraw = true;
+        }
+    },
+    prepareForDraw: {
+        value: function() {
+            // Set Up Listener for click and propagate up to Binding View
+        }
+    },
+    draw: {
+        value:function() {
+            if(this.bound) {
+                this.element.classList.add("bound");
+            } else {
+                this.element.classList.remove("bound");
+            }
+//            if(this.bindings.length > 0) {
+//                this.element.classList.add("bound");
+//            } else {
+//                this.element.classList.remove("bound");
+//            }
+        }
+    }
+});
+\ No newline at end of file

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..18eb11c9 --- /dev/null +++ b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js
@@ -0,0 +1,74 @@
	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	/**
	8	@requires montage/core/core
	9	@requires montage/ui/component
	10	*/
	11	var Montage = require("montage/core/core").Montage,
	12	Component = require("montage/ui/component").Component;
	13
	14	exports.BindingHudOption = Montage.create(Component, {
	15	_title: {
	16	value: null
	17	},
	18
	19	title: {
	20	get: function() {
	21	return this._title;
	22	},
	23	set: function(val) {
	24	this._title = val;
	25	this.needsDraw = true;
	26	}
	27	},
	28
	29	bound: {
	30	value: false
	31	},
	32
	33	_hudOptions: {
	34	value: []
	35	},
	36
	37	hudOptions: {
	38	get: function() {
	39	return this._hudOptions;
	40	},
	41	set: function(val) {
	42	if (typeof(val) !== "undefined") {
	43	this._hudOptions = val;
	44	this.title = val.title;
	45	this.bound = val.bound;
	46	} else {
	47	this._hudOptions = null;
	48	}
	49	this.needsDraw = true;
	50
	51	}
	52	},
	53
	54	prepareForDraw: {
	55	value: function() {
	56	// Set Up Listener for click and propagate up to Binding View
	57	}
	58	},
	59
	60	draw: {
	61	value:function() {
	62	if(this.bound) {
	63	this.element.classList.add("bound");
	64	} else {
	65	this.element.classList.remove("bound");
	66	}
	67	// if(this.bindings.length > 0) {
	68	// this.element.classList.add("bound");
	69	// } else {
	70	// this.element.classList.remove("bound");
	71	// }
	72	}
	73	}
	74	}); \ No newline at end of file