| Index: resources/bookmark_manager/js/cr/ui/menuitem.js
|
| ===================================================================
|
| --- resources/bookmark_manager/js/cr/ui/menuitem.js (revision 0)
|
| +++ resources/bookmark_manager/js/cr/ui/menuitem.js (revision 0)
|
| @@ -0,0 +1,147 @@
|
| +// Copyright (c) 2010 The Chromium Authors. All rights reserved.
|
| +// Use of this source code is governed by a BSD-style license that can be
|
| +// found in the LICENSE file.
|
| +
|
| +cr.define('cr.ui', function() {
|
| + const Command = cr.ui.Command;
|
| +
|
| + /**
|
| + * Creates a new menu item element.
|
| + * @param {Object=} opt_propertyBag Optional properties.
|
| + * @constructor
|
| + * @extends {HTMLButtonElement}
|
| + */
|
| + var MenuItem = cr.ui.define('button');
|
| +
|
| + /**
|
| + * Creates a new menu separator element.
|
| + * @return {cr.ui.MenuItem}
|
| + */
|
| + MenuItem.createSeparator = function() {
|
| + var el = cr.doc.createElement('hr');
|
| + MenuItem.decorate(el);
|
| + return el;
|
| + };
|
| +
|
| + MenuItem.prototype = {
|
| + __proto__: HTMLButtonElement.prototype,
|
| +
|
| + /**
|
| + * Initializes the menu item.
|
| + */
|
| + decorate: function() {
|
| + var commandId;
|
| + if ((commandId = this.getAttribute('command')))
|
| + this.command = commandId;
|
| +
|
| + this.addEventListener('mouseup', this.handleMouseUp_);
|
| + },
|
| +
|
| + /**
|
| + * The command associated with this menu item. If this is set to a string
|
| + * of the form "#element-id" then the element is looked up in the document
|
| + * of the command.
|
| + * @type {cr.ui.Command}
|
| + */
|
| + command_: null,
|
| + get command() {
|
| + return this.command_;
|
| + },
|
| + set command(command) {
|
| + if (this.command_) {
|
| + this.command_.removeEventListener('labelChange', this);
|
| + this.command_.removeEventListener('disabledChange', this);
|
| + this.command_.removeEventListener('hiddenChange', this);
|
| + }
|
| +
|
| + if (typeof command == 'string' && command[0] == '#') {
|
| + command = this.ownerDocument.getElementById(command.slice(1));
|
| + cr.ui.decorate(command, Command);
|
| + }
|
| +
|
| + this.command_ = command;
|
| + if (command) {
|
| + if (command.id)
|
| + this.setAttribute('command', '#' + command.id);
|
| +
|
| + this.label = command.label;
|
| + this.disabled = command.disabled;
|
| + this.hidden = command.hidden;
|
| +
|
| + this.command_.addEventListener('labelChange', this);
|
| + this.command_.addEventListener('disabledChange', this);
|
| + this.command_.addEventListener('hiddenChange', this);
|
| + }
|
| + },
|
| +
|
| + /**
|
| + * The text label.
|
| + * @type {string}
|
| + */
|
| + get label() {
|
| + return this.textContent;
|
| + },
|
| + set label(label) {
|
| + this.textContent = label;
|
| + },
|
| +
|
| + /**
|
| + * @return {boolean} Whether the menu item is a separator.
|
| + */
|
| + isSeparator: function() {
|
| + return this.tagName == 'HR';
|
| + },
|
| +
|
| + /**
|
| + * Handles mouseup events. This dispatches an active event and if there
|
| + * is an assiciated command then that is executed.
|
| + * @param {Event} The mouseup event object.
|
| + * @private
|
| + */
|
| + handleMouseUp_: function(e) {
|
| + if (!this.disabled && !this.isSeparator()) {
|
| + // Dispatch command event followed by executing the command object.
|
| + if (cr.dispatchSimpleEvent(this, 'activate', true, true)) {
|
| + var command = this.command;
|
| + if (command)
|
| + command.execute();
|
| + }
|
| + }
|
| + },
|
| +
|
| + /**
|
| + * Handles changes to the associated command.
|
| + * @param {Event} e The event object.
|
| + */
|
| + handleEvent: function(e) {
|
| + switch (e.type) {
|
| + case 'disabledChange':
|
| + this.disabled = this.command.disabled;
|
| + break;
|
| + case 'hiddenChange':
|
| + this.hidden = this.command.hidden;
|
| + break;
|
| + case 'labelChange':
|
| + this.label = this.command.label;
|
| + break;
|
| + }
|
| + }
|
| + };
|
| +
|
| + /**
|
| + * Whether the menu item is hidden or not.
|
| + * @type {boolean}
|
| + */
|
| + cr.defineProperty(MenuItem, 'hidden', cr.PropertyKind.BOOL_ATTR);
|
| +
|
| + /**
|
| + * Whether the menu item is selected or not.
|
| + * @type {boolean}
|
| + */
|
| + cr.defineProperty(MenuItem, 'selected', cr.PropertyKind.BOOL_ATTR);
|
| +
|
| + // Export
|
| + return {
|
| + MenuItem: MenuItem
|
| + };
|
| +});
|
|
|