diff options
Diffstat (limited to 'js/components/ui/radio-button.reel')
-rw-r--r-- | js/components/ui/radio-button.reel/radio-button.html | 32 | ||||
-rw-r--r-- | js/components/ui/radio-button.reel/radio-button.js | 44 |
2 files changed, 76 insertions, 0 deletions
diff --git a/js/components/ui/radio-button.reel/radio-button.html b/js/components/ui/radio-button.reel/radio-button.html new file mode 100644 index 00000000..265501f4 --- /dev/null +++ b/js/components/ui/radio-button.reel/radio-button.html | |||
@@ -0,0 +1,32 @@ | |||
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="tool-button.css">--> | ||
12 | |||
13 | <script type="text/m-objects"> | ||
14 | { | ||
15 | "$rootObject": U("m-obj://Ninja/radiobutton-uuid?mId=js/components/layout/Ninja", { | ||
16 | |||
17 | element: E("#buttonBackground"), | ||
18 | button: E("#radioButton") | ||
19 | |||
20 | }) | ||
21 | } | ||
22 | </script> | ||
23 | |||
24 | </head> | ||
25 | |||
26 | <body> | ||
27 | <div id="buttonBackground"> | ||
28 | <div id="radioButton"></div> | ||
29 | </div> | ||
30 | </body> | ||
31 | |||
32 | </html> | ||
diff --git a/js/components/ui/radio-button.reel/radio-button.js b/js/components/ui/radio-button.reel/radio-button.js new file mode 100644 index 00000000..a356fefe --- /dev/null +++ b/js/components/ui/radio-button.reel/radio-button.js | |||
@@ -0,0 +1,44 @@ | |||
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.RadioButton = Montage.create(Component, { | ||
11 | |||
12 | data: { value: null }, | ||
13 | |||
14 | _selected: { value: null }, | ||
15 | |||
16 | selected: { | ||
17 | get: function() { return this._selected; }, | ||
18 | set: function(value) { | ||
19 | this._selected = value; | ||
20 | this.needsDraw = true; | ||
21 | } | ||
22 | }, | ||
23 | |||
24 | prepareForDraw: { | ||
25 | enumerable: false, | ||
26 | value: function() { | ||
27 | this.element.addEventListener("click", this, false); | ||
28 | } | ||
29 | }, | ||
30 | |||
31 | draw: { | ||
32 | enumerable: false, | ||
33 | value: function() { | ||
34 | |||
35 | } | ||
36 | }, | ||
37 | |||
38 | handleClick: { | ||
39 | value: function(event) { | ||
40 | |||
41 | } | ||
42 | } | ||
43 | |||
44 | }); | ||