diff options
Diffstat (limited to 'node_modules/montage/ui/toggle-button.reel')
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 | */ |
| 21 | var ToggleButton = exports.ToggleButton = Montage.create(Button, /** @lends module:"montage/ui/toggle-button.reel".ToggleButton# */ { | 21 | var 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) { |