/** * MenuButton.js * * Copyright, Moxiecode Systems AB * Released under LGPL License. * * License: http://www.tinymce.com/license * Contributing: http://www.tinymce.com/contributing */ /** * Creates a new menu button. * * @-x-less MenuButton.less * @class tinymce.ui.MenuButton * @extends tinymce.ui.Button */ define("tinymce/ui/MenuButton", [ "tinymce/ui/Button", "tinymce/ui/Factory", "tinymce/ui/MenuBar" ], function(Button, Factory, MenuBar) { "use strict"; // TODO: Maybe add as some global function function isChildOf(node, parent) { while (node) { if (parent === node) { return true; } node = node.parentNode; } return false; } var MenuButton = Button.extend({ /** * Constructs a instance with the specified settings. * * @constructor * @param {Object} settings Name/value object with settings. */ init: function(settings) { var self = this; self._renderOpen = true; self._super(settings); self.addClass('menubtn'); if (settings.fixedWidth) { self.addClass('fixed-width'); } self.aria('haspopup', true); self.hasPopup = true; }, /** * Shows the menu for the button. * * @method showMenu */ showMenu: function() { var self = this, settings = self.settings, menu; if (self.menu && self.menu.visible()) { return self.hideMenu(); } if (!self.menu) { menu = settings.menu || []; // Is menu array then auto constuct menu control if (menu.length) { menu = { type: 'menu', items: menu }; } else { menu.type = menu.type || 'menu'; } self.menu = Factory.create(menu).parent(self).renderTo(self.getContainerElm()); self.fire('createmenu'); self.menu.reflow(); self.menu.on('cancel', function(e) { if (e.control === self.menu) { self.focus(); } }); self.menu.on('show hide', function(e) { if (e.control == self.menu) { self.activeMenu(e.type == 'show'); } }).fire('show'); self.aria('expanded', true); } self.menu.show(); self.menu.layoutRect({w: self.layoutRect().w}); self.menu.moveRel(self.getEl(), ['bl-tl', 'tl-bl']); }, /** * Hides the menu for the button. * * @method hideMenu */ hideMenu: function() { var self = this; if (self.menu) { self.menu.items().each(function(item) { if (item.hideMenu) { item.hideMenu(); } }); self.menu.hide(); self.aria('expanded', false); } }, /** * Sets the active menu state. * * @private */ activeMenu: function(state) { this.toggleClass('active', state); }, /** * Renders the control as a HTML string. * * @method renderHtml * @return {String} HTML representing the control. */ renderHtml: function() { var self = this, id = self._id, prefix = self.classPrefix; var icon = self.settings.icon ? prefix + 'ico ' + prefix + 'i-' + self.settings.icon : ''; self.aria('role', self.parent() instanceof MenuBar ? 'menuitem' : 'button'); return ( '