aboutsummaryrefslogtreecommitdiff
path: root/js/components/ui/radio-button.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/components/ui/radio-button.reel')
-rw-r--r--js/components/ui/radio-button.reel/radio-button.html32
-rw-r--r--js/components/ui/radio-button.reel/radio-button.js44
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>
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
7var Montage = require("montage/core/core").Montage;
8var Component = require("montage/ui/component").Component;
9
10exports.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});