Merge branch 'dom-architecture' of github.com:Motorola-Mobility/ninja-internal into CSSPanelUpdates

Conflicts: js/document/templates/montage-html/default_html.css js/lib/NJUtils.js
author: Eric Guzman 2012-05-17 17:43:05 -0700
committer: Eric Guzman 2012-05-17 17:43:05 -0700
commit: 458a4598ed64e3d8c6010a216fb7fb4b3c3c87e7 (patch)
tree: ee329e409fe28ae54c894b9e27e82e1f85aefc85 /js/components
parent: 82954f400f7f8609aef0d2bc1f44c9d960907be6 (diff)
parent: 52394cdd71bd62c8c109fd135fa146b7183fbd1f (diff)
download: ninja-458a4598ed64e3d8c6010a216fb7fb4b3c3c87e7.tar.gz
15 files changed, 312 insertions, 265 deletions
diff --git a/js/components/checkbox.reel/checkbox.html b/js/components/checkbox.reel/checkbox.html
deleted file mode 100755
index ded91fc2..00000000
--- a/js/components/checkbox.reel/checkbox.html
+++ /dev/null
@@ -1,23 +0,0 @@
-<!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>
-    <script type="text/montage-serialization">
-    {
-        "owner": {
-            "prototype": "js/components/checkbox.reel",
-            "properties": {
-                "element": {"#": "ch_comp"}
-            }
-        }
-    }
-    </script>
-</head>
-<body>
-    <input data-montage-id="ch_comp" class="nj-skinned" type="checkbox">
-</body>
-</html>
-\ No newline at end of file
diff --git a/js/components/checkbox.reel/checkbox.js b/js/components/checkbox.reel/checkbox.js
deleted file mode 100755
index be331f4e..00000000
--- a/js/components/checkbox.reel/checkbox.js
+++ /dev/null
@@ -1,120 +0,0 @@
-/* <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> */
-var Montage = require("montage/core/core").Montage;
-var Component = require("montage/ui/component").Component;
-exports.Checkbox = Montage.create(Component, {
-    _valueSyncedWithInputField: {
-        enumerable: false,
-        value: false
-    },
-    _wasSetByCode: {
-        enumerable: false,
-        value: true
-    },
-    prependLabel: {
-        value: false
-    },
-    label: {
-        value: null
-    },
-    value: {
-        value: false
-    },
-    _checked: {
-        enumerable: false,
-        value: false
-    },
-    checked: {
-        enumerable: true,
-        serializable: true,
-        get: function() {
-            return this._checked;
-        },
-        set: function(value) {
-            this._checked = value;
-            this.needsDraw = true;
-            var e = document.createEvent("CustomEvent");
-            e.initEvent("change", true, true);
-            e.type = "change";
-            e.wasSetByCode = this._wasSetByCode;
-            e.value = value;
-            this.value = value;
-            this.dispatchEvent(e);
-            this._wasSetByCode = true;
-        }
-    },
-    _enabled: {
-        enumerable: false,
-        value: true
-    },
-    enabled: {
-        enumerable: true,
-        serializable: true,
-        get: function() {
-            return this._enabled;
-        },
-        set: function(value) {
-            if(value !== this._enabled)
-            {
-                this._enabled = value;
-                this.needsDraw = true;
-            }
-        }
-    },
-    handleChange:
-    {
-        value:function(event)
-                {
-            this._valueSyncedWithInputField = true;
-            this._wasSetByCode = false;
-            this.checked = this.element.checked;
-                }
-    },
-    handleClick: {
-        value: function() {
-            this._wasSetByCode = false;
-            this.checked = !this.element.checked;
-        }
-    },
-    
-    draw: {
-        value: function() {
-            this.element.disabled = !this._enabled;
-            if(!this._valueSyncedWithInputField)
-            {
-                this.element.checked = this._checked;
-            }
-            this._valueSyncedWithInputField = false;
-        }
-    },
-    prepareForDraw: {
-        value: function() {
-            if (this.label !== null) {
-                var b = document.createElement("label");
-                b.innerHTML = this.label;
-                this.element.appendChild(b);
-                b.addEventListener("click", this, false);
-            }
-            this.element.addEventListener("change", this, false);
-        }
-    }
-});
-\ No newline at end of file
diff --git a/js/components/converter/string-units-converter.js b/js/components/converter/string-units-converter.js
new file mode 100644
index 00000000..6b97d5c5
--- /dev/null
+++ b/js/components/converter/string-units-converter.js
@@ -0,0 +1,31 @@
+/* <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> */
+var Montage = require("montage").Montage,
+    Converter = require("montage/core/converter/converter").Converter,
+    NJUtils = require("js/lib/NJUtils").NJUtils;
+exports.StringUnitsConverter = Montage.create(Converter, {
+    // convert fahrenheit to celsius (showing our non-metric heritage here)
+    convert: {
+        value: function(value) {
+            if(value) {
+                console.log("convert string to unit ", value);
+                var tmp = NJUtils.getValueAndUnits(value);
+                return tmp[1];
+            }
+        }
+    },
+    // revert celsius to fahrenheit
+    revert: {
+        value: function(value) {
+            console.log("revert string to unit ", value);
+            return value;
+        }
+    }
+});
diff --git a/js/components/converter/string-value-converter.js b/js/components/converter/string-value-converter.js
new file mode 100644
index 00000000..28d7dd29
--- /dev/null
+++ b/js/components/converter/string-value-converter.js
@@ -0,0 +1,29 @@
+/* <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> */
+var Montage = require("montage").Montage,
+    Converter = require("montage/core/converter/converter").Converter,
+    NJUtils = require("js/lib/NJUtils").NJUtils;
+exports.StringValueConverter = Montage.create(Converter, {
+    // convert fahrenheit to celsius (showing our non-metric heritage here)
+    convert: {
+        value: function(value) {
+            console.log(value);
+            console.log(parseInt(value));
+                return parseInt(value);
+        }
+    },
+    // revert celsius to fahrenheit
+    revert: {
+        value: function(value) {
author	Eric Guzman	2012-05-17 17:43:05 -0700
committer	Eric Guzman	2012-05-17 17:43:05 -0700
commit	458a4598ed64e3d8c6010a216fb7fb4b3c3c87e7 (patch)
tree	ee329e409fe28ae54c894b9e27e82e1f85aefc85 /js/components
parent	82954f400f7f8609aef0d2bc1f44c9d960907be6 (diff)
parent	52394cdd71bd62c8c109fd135fa146b7183fbd1f (diff)
download	ninja-458a4598ed64e3d8c6010a216fb7fb4b3c3c87e7.tar.gz

diff --git a/js/components/checkbox.reel/checkbox.html b/js/components/checkbox.reel/checkbox.html deleted file mode 100755 index ded91fc2..00000000 --- a/js/components/checkbox.reel/checkbox.html +++ /dev/null
@@ -1,23 +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	<script type="text/montage-serialization">
10	{
11	"owner": {
12	"prototype": "js/components/checkbox.reel",
13	"properties": {
14	"element": {"#": "ch_comp"}
15	}
16	}
17	}
18	</script>
19	</head>
20	<body>
21	<input data-montage-id="ch_comp" class="nj-skinned" type="checkbox">
22	</body>
23	</html> \ No newline at end of file


diff --git a/js/components/checkbox.reel/checkbox.js b/js/components/checkbox.reel/checkbox.js deleted file mode 100755 index be331f4e..00000000 --- a/js/components/checkbox.reel/checkbox.js +++ /dev/null
@@ -1,120 +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	var Montage = require("montage/core/core").Montage;
8	var Component = require("montage/ui/component").Component;
9
10	exports.Checkbox = Montage.create(Component, {
11
12	_valueSyncedWithInputField: {
13	enumerable: false,
14	value: false
15	},
16
17	_wasSetByCode: {
18	enumerable: false,
19	value: true
20	},
21
22	prependLabel: {
23	value: false
24	},
25
26	label: {
27	value: null
28	},
29
30	value: {
31	value: false
32	},
33
34	_checked: {
35	enumerable: false,
36	value: false
37	},
38
39	checked: {
40	enumerable: true,
41	serializable: true,
42	get: function() {
43	return this._checked;
44	},
45	set: function(value) {
46	this._checked = value;
47	this.needsDraw = true;
48
49	var e = document.createEvent("CustomEvent");
50	e.initEvent("change", true, true);
51	e.type = "change";
52	e.wasSetByCode = this._wasSetByCode;
53	e.value = value;
54	this.value = value;
55	this.dispatchEvent(e);
56
57	this._wasSetByCode = true;
58	}
59	},
60
61	_enabled: {
62	enumerable: false,
63	value: true
64	},
65
66	enabled: {
67	enumerable: true,
68	serializable: true,
69	get: function() {
70	return this._enabled;
71	},
72	set: function(value) {
73	if(value !== this._enabled)
74	{
75	this._enabled = value;
76	this.needsDraw = true;
77	}
78	}
79	},
80
81	handleChange:
82	{
83	value:function(event)
84	{
85	this._valueSyncedWithInputField = true;
86	this._wasSetByCode = false;
87	this.checked = this.element.checked;
88	}
89	},
90	handleClick: {
91	value: function() {
92	this._wasSetByCode = false;
93	this.checked = !this.element.checked;
94	}
95	},
96
97	draw: {
98	value: function() {
99	this.element.disabled = !this._enabled;
100	if(!this._valueSyncedWithInputField)
101	{
102	this.element.checked = this._checked;
103	}
104	this._valueSyncedWithInputField = false;
105	}
106	},
107
108	prepareForDraw: {
109	value: function() {
110	if (this.label !== null) {
111	var b = document.createElement("label");
112	b.innerHTML = this.label;
113	this.element.appendChild(b);
114	b.addEventListener("click", this, false);
115	}
116	this.element.addEventListener("change", this, false);
117	}
118	}
119
120	}); \ No newline at end of file


diff --git a/js/components/converter/string-units-converter.js b/js/components/converter/string-units-converter.js new file mode 100644 index 00000000..6b97d5c5 --- /dev/null +++ b/js/components/converter/string-units-converter.js
@@ -0,0 +1,31 @@
		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	var Montage = require("montage").Montage,
		7	Converter = require("montage/core/converter/converter").Converter,
		8	NJUtils = require("js/lib/NJUtils").NJUtils;
		9
		10	exports.StringUnitsConverter = Montage.create(Converter, {
		11
		12	// convert fahrenheit to celsius (showing our non-metric heritage here)
		13	convert: {
		14	value: function(value) {
		15	if(value) {
		16	console.log("convert string to unit ", value);
		17	var tmp = NJUtils.getValueAndUnits(value);
		18	return tmp[1];
		19	}
		20	}
		21	},
		22
		23	// revert celsius to fahrenheit
		24	revert: {
		25	value: function(value) {
		26	console.log("revert string to unit ", value);
		27	return value;
		28	}
		29	}
		30
		31	});


diff --git a/js/components/converter/string-value-converter.js b/js/components/converter/string-value-converter.js new file mode 100644 index 00000000..28d7dd29 --- /dev/null +++ b/js/components/converter/string-value-converter.js
@@ -0,0 +1,29 @@
		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	var Montage = require("montage").Montage,
		7	Converter = require("montage/core/converter/converter").Converter,
		8	NJUtils = require("js/lib/NJUtils").NJUtils;
		9
		10	exports.StringValueConverter = Montage.create(Converter, {
		11
		12	// convert fahrenheit to celsius (showing our non-metric heritage here)
		13	convert: {
		14	value: function(value) {
		15	console.log(value);
		16	console.log(parseInt(value));
		17	return parseInt(value);
		18	}
		19	},
		20
		21	// revert celsius to fahrenheit
		22	revert: {
		23	value: function(value) {
		24