aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/ui/toggle-button.reel
diff options
context:
space:
mode:
authorValerio Virgillito2012-06-17 22:31:44 -0700
committerValerio Virgillito2012-06-17 22:31:44 -0700
commit8fe92b94ce5e1e2857d088752d94e19db7e3d8a8 (patch)
treed84807aae0b974b5200050972dd94da6066e363b /node_modules/montage/ui/toggle-button.reel
parente570fc8518cf03dd03c15982edcf17c5ba0a293d (diff)
downloadninja-8fe92b94ce5e1e2857d088752d94e19db7e3d8a8.tar.gz
montage v11 merge into ninja
Signed-off-by: Valerio Virgillito <valerio@motorola.com>
Diffstat (limited to 'node_modules/montage/ui/toggle-button.reel')
-rw-r--r--node_modules/montage/ui/toggle-button.reel/toggle-button.css13
-rw-r--r--node_modules/montage/ui/toggle-button.reel/toggle-button.html15
-rw-r--r--node_modules/montage/ui/toggle-button.reel/toggle-button.js9
3 files changed, 34 insertions, 3 deletions
diff --git a/node_modules/montage/ui/toggle-button.reel/toggle-button.css b/node_modules/montage/ui/toggle-button.reel/toggle-button.css
new file mode 100644
index 00000000..23c50099
--- /dev/null
+++ b/node_modules/montage/ui/toggle-button.reel/toggle-button.css
@@ -0,0 +1,13 @@
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.montage-button.active {
8 background-color: #cccccc;
9}
10
11.montage-button.active:hover {
12 background-color: #d8d8d8;
13}
diff --git a/node_modules/montage/ui/toggle-button.reel/toggle-button.html b/node_modules/montage/ui/toggle-button.reel/toggle-button.html
new file mode 100644
index 00000000..7daf5273
--- /dev/null
+++ b/node_modules/montage/ui/toggle-button.reel/toggle-button.html
@@ -0,0 +1,15 @@
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 charset="utf-8">
10 <link rel="stylesheet" href="../button.reel/button.css">
11 <link rel="stylesheet" href="toggle-button.css">
12</head>
13<body>
14</body>
15</html> \ No newline at end of file
diff --git a/node_modules/montage/ui/toggle-button.reel/toggle-button.js b/node_modules/montage/ui/toggle-button.reel/toggle-button.js
index e12e9ba0..640f7b9b 100644
--- a/node_modules/montage/ui/toggle-button.reel/toggle-button.js
+++ b/node_modules/montage/ui/toggle-button.reel/toggle-button.js
@@ -16,9 +16,11 @@ var Montage = require("montage").Montage,
16/** 16/**
17 The ToggleButton component extends the Button component to include state management (pressed or not pressed), and the ability to specify labels and CSS classes for each state. 17 The ToggleButton component extends the Button component to include state management (pressed or not pressed), and the ability to specify labels and CSS classes for each state.
18 @class module:"montage/ui/toggle-button.reel".ToggleButton 18 @class module:"montage/ui/toggle-button.reel".ToggleButton
19 @extends module:"montage/button.reel".Button 19 @extends module:"montage/ui/button.reel".Button
20 */ 20 */
21var ToggleButton = exports.ToggleButton = Montage.create(Button, /** @lends module:"montage/ui/toggle-button.reel".ToggleButton# */ { 21var ToggleButton = exports.ToggleButton = Montage.create(Button, /** @lends module:"montage/ui/toggle-button.reel".ToggleButton# */ {
22 hasTemplate: {value: true},
23
22 _pressed: { 24 _pressed: {
23 value: false 25 value: false
24 }, 26 },
@@ -115,11 +117,12 @@ var ToggleButton = exports.ToggleButton = Montage.create(Button, /** @lends modu
115 */ 117 */
116 label: { 118 label: {
117 get: function() { 119 get: function() {
118 return Object.getOwnPropertyDescriptor(Object.getPrototypeOf(ToggleButton),"label").get.call(this); 120 return Object.getPropertyDescriptor(Button,"label").get.call(this);
119 }, 121 },
120 set: function(value) { 122 set: function(value) {
121 // Call super 123 // Call super
122 Object.getOwnPropertyDescriptor(Object.getPrototypeOf(ToggleButton),"label").set.call(this, value); 124 //Object.getOwnPropertyDescriptor(Object.getPrototypeOf(ToggleButton),"label").set.call(this, value);
125 Object.getPropertyDescriptor(Button, "label").set.call(this, value);
123 if (this._pressed === true && this._label === this._unpressedLabel) { 126 if (this._pressed === true && this._label === this._unpressedLabel) {
124 this.pressed = false; 127 this.pressed = false;
125 } else if (this._pressed === false && this._label === this._pressedLabel) { 128 } else if (this._pressed === false && this._label === this._pressedLabel) {