| OLD | NEW |
| (Empty) |
| 1 // Copyright (c) 2012 The Chromium Authors. All rights reserved. | |
| 2 // Use of this source code is governed by a BSD-style license that can be | |
| 3 // found in the LICENSE file. | |
| 4 | |
| 5 'use strict'; | |
| 6 | |
| 7 /** | |
| 8 * @fileoverview This implements a common button control, bound to command. | |
| 9 */ | |
| 10 | |
| 11 /** | |
| 12 * Creates a new button element. | |
| 13 * @param {Object=} opt_propertyBag Optional properties. | |
| 14 * @constructor | |
| 15 * @extends {HTMLDivElement} | |
| 16 */ | |
| 17 var CommandButton = cr.ui.define('button'); | |
| 18 | |
| 19 /** @override */ | |
| 20 CommandButton.prototype.__proto__ = HTMLButtonElement.prototype; | |
| 21 | |
| 22 /** | |
| 23 * Associated command. | |
| 24 * @type {Command} | |
| 25 * @private | |
| 26 */ | |
| 27 CommandButton.prototype.command_ = null; | |
| 28 | |
| 29 /** | |
| 30 * Initializes the menu item. | |
| 31 */ | |
| 32 CommandButton.prototype.decorate = function() { | |
| 33 var commandId; | |
| 34 if ((commandId = this.getAttribute('command'))) | |
| 35 this.setCommand(commandId); | |
| 36 | |
| 37 this.addEventListener('click', this.handleClick_.bind(this)); | |
| 38 }; | |
| 39 | |
| 40 /** | |
| 41 * Returns associated command. | |
| 42 * @return {cr.ui.Command} associated command. | |
| 43 */ | |
| 44 CommandButton.prototype.getCommand = function() { | |
| 45 return this.command_; | |
| 46 }; | |
| 47 | |
| 48 /** | |
| 49 * Associates command with this button. | |
| 50 * @param {string|cr.ui.Command} command Command id, or command object to | |
| 51 * associate with this button. | |
| 52 */ | |
| 53 CommandButton.prototype.setCommand = function(command) { | |
| 54 if (this.command_) { | |
| 55 this.command_.removeEventListener('labelChange', this); | |
| 56 this.command_.removeEventListener('disabledChange', this); | |
| 57 this.command_.removeEventListener('hiddenChange', this); | |
| 58 } | |
| 59 | |
| 60 if (typeof command == 'string' && command[0] == '#') { | |
| 61 command = this.ownerDocument.getElementById(command.slice(1)); | |
| 62 cr.ui.decorate(command, cr.ui.Command); | |
| 63 } | |
| 64 | |
| 65 this.command_ = command; | |
| 66 if (command) { | |
| 67 if (command.id) | |
| 68 this.setAttribute('command', '#' + command.id); | |
| 69 | |
| 70 this.setLabel(command.label); | |
| 71 this.disabled = command.disabled; | |
| 72 this.hidden = command.hidden; | |
| 73 | |
| 74 this.command_.addEventListener('labelChange', this); | |
| 75 this.command_.addEventListener('disabledChange', this); | |
| 76 this.command_.addEventListener('hiddenChange', this); | |
| 77 } | |
| 78 }; | |
| 79 | |
| 80 /** | |
| 81 * Returns button label | |
| 82 * @return {string} Button label. | |
| 83 */ | |
| 84 CommandButton.prototype.getLabel = function() { | |
| 85 return this.textContent; | |
| 86 }; | |
| 87 | |
| 88 /** | |
| 89 * Sets button label. | |
| 90 * @param {string} label New button label. | |
| 91 */ | |
| 92 CommandButton.prototype.setLabel = function(label) { | |
| 93 this.textContent = label; | |
| 94 }; | |
| 95 | |
| 96 /** | |
| 97 * Handles click event and dispatches associated command. | |
| 98 * @param {Event} e The mouseup event object. | |
| 99 * @private | |
| 100 */ | |
| 101 CommandButton.prototype.handleClick_ = function(e) { | |
| 102 if (!this.disabled && this.command_) | |
| 103 this.command_.execute(this); | |
| 104 }; | |
| 105 | |
| 106 /** | |
| 107 * Handles changes to the associated command. | |
| 108 * @param {Event} e The event object. | |
| 109 */ | |
| 110 CommandButton.prototype.handleEvent = function(e) { | |
| 111 switch (e.type) { | |
| 112 case 'disabledChange': | |
| 113 this.disabled = this.command_.disabled; | |
| 114 break; | |
| 115 case 'hiddenChange': | |
| 116 this.hidden = this.command_.hidden; | |
| 117 break; | |
| 118 case 'labelChange': | |
| 119 this.setLabel(this.command_.label); | |
| 120 break; | |
| 121 } | |
| 122 }; | |
| 123 | |
| 124 /** | |
| 125 * Whether the button is disabled or not. | |
| 126 * @type {boolean} | |
| 127 */ | |
| 128 cr.defineProperty(CommandButton, 'disabled', | |
| 129 cr.PropertyKind.BOOL_ATTR); | |
| 130 | |
| 131 /** | |
| 132 * Whether the button is hidden or not. | |
| 133 * @type {boolean} | |
| 134 */ | |
| 135 cr.defineProperty(CommandButton, 'hidden', | |
| 136 cr.PropertyKind.BOOL_ATTR); | |
| OLD | NEW |