123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294 |
- goog.provide('goog.ui.SelectionMenuButton');
- goog.provide('goog.ui.SelectionMenuButton.SelectionState');
- goog.require('goog.dom.InputType');
- goog.require('goog.dom.TagName');
- goog.require('goog.events.EventType');
- goog.require('goog.style');
- goog.require('goog.ui.Component');
- goog.require('goog.ui.MenuButton');
- goog.require('goog.ui.MenuItem');
- goog.require('goog.ui.registry');
- goog.ui.SelectionMenuButton = function(
- opt_renderer, opt_itemRenderer, opt_domHelper) {
- goog.ui.MenuButton.call(this, null, null, opt_renderer, opt_domHelper);
- this.initialItemRenderer_ = opt_itemRenderer || null;
- };
- goog.inherits(goog.ui.SelectionMenuButton, goog.ui.MenuButton);
- goog.tagUnsealableClass(goog.ui.SelectionMenuButton);
- goog.ui.SelectionMenuButton.SelectionState = {
- ALL: 0,
- SOME: 1,
- NONE: 2
- };
- goog.ui.SelectionMenuButton.prototype.selectionState =
- goog.ui.SelectionMenuButton.SelectionState.NONE;
- goog.ui.SelectionMenuButton.prototype.initialItemRenderer_;
- goog.ui.SelectionMenuButton.prototype.setEnabled = function(enable) {
- goog.ui.SelectionMenuButton.base(this, 'setEnabled', enable);
- this.setCheckboxEnabled(enable);
- };
- goog.ui.SelectionMenuButton.prototype.setCheckboxEnabled = function(enable) {
- this.getCheckboxElement().disabled = !enable;
- };
- goog.ui.SelectionMenuButton.prototype.handleMouseDown = function(e) {
- if (!this.getDomHelper().contains(
- this.getCheckboxElement(),
- (e.target))) {
- goog.ui.SelectionMenuButton.superClass_.handleMouseDown.call(this, e);
- }
- };
- goog.ui.SelectionMenuButton.prototype.getCheckboxElement = function() {
- var elements = this.getDomHelper().getElementsByTagNameAndClass(
- goog.dom.TagName.INPUT,
- goog.getCssName('goog-selectionmenubutton-checkbox'),
- this.getContentElement());
- return elements[0];
- };
- goog.ui.SelectionMenuButton.prototype.handleCheckboxClick = function(e) {
- if (this.selectionState == goog.ui.SelectionMenuButton.SelectionState.NONE) {
- this.setSelectionState(goog.ui.SelectionMenuButton.SelectionState.ALL);
- if (this.getItemAt(0)) {
- this.getItemAt(0).dispatchEvent(
- goog.ui.Component.EventType.ACTION);
- }
- } else {
- this.setSelectionState(goog.ui.SelectionMenuButton.SelectionState.NONE);
- if (this.getItemAt(1)) {
- this.getItemAt(1).dispatchEvent(
- goog.ui.Component.EventType.ACTION);
- }
- }
- };
- goog.ui.SelectionMenuButton.prototype.handleMenuAction_ = function(e) {
- if (e.target.getModel() == goog.ui.SelectionMenuButton.SelectionState.ALL) {
- this.setSelectionState(goog.ui.SelectionMenuButton.SelectionState.ALL);
- } else {
- this.setSelectionState(goog.ui.SelectionMenuButton.SelectionState.NONE);
- }
- };
- goog.ui.SelectionMenuButton.prototype.addMenuEvent_ = function() {
- if (this.getItemAt(0) && this.getItemAt(1)) {
- this.getHandler().listen(
- this.getMenu(), goog.ui.Component.EventType.ACTION,
- this.handleMenuAction_);
- this.getItemAt(0).setModel(goog.ui.SelectionMenuButton.SelectionState.ALL);
- this.getItemAt(1).setModel(goog.ui.SelectionMenuButton.SelectionState.NONE);
- }
- };
- goog.ui.SelectionMenuButton.prototype.addCheckboxEvent = function() {
- this.getHandler().listen(
- this.getCheckboxElement(), goog.events.EventType.CLICK,
- this.handleCheckboxClick);
- };
- goog.ui.SelectionMenuButton.prototype.createDom = function() {
- goog.ui.SelectionMenuButton.superClass_.createDom.call(this);
- this.createCheckbox();
-
- var MSG_SELECTIONMENUITEM_ALL = goog.getMsg('All');
-
- var MSG_SELECTIONMENUITEM_NONE = goog.getMsg('None');
- var itemAll = new goog.ui.MenuItem(
- MSG_SELECTIONMENUITEM_ALL, null, this.getDomHelper(),
- this.initialItemRenderer_);
- var itemNone = new goog.ui.MenuItem(
- MSG_SELECTIONMENUITEM_NONE, null, this.getDomHelper(),
- this.initialItemRenderer_);
- this.addItem(itemAll);
- this.addItem(itemNone);
- this.addCheckboxEvent();
- this.addMenuEvent_();
- };
- goog.ui.SelectionMenuButton.prototype.createCheckbox = function() {
- var checkbox = this.getDomHelper().createElement(goog.dom.TagName.INPUT);
- checkbox.type = goog.dom.InputType.CHECKBOX;
- checkbox.className = goog.getCssName('goog-selectionmenubutton-checkbox');
- this.setContent(checkbox);
- };
- goog.ui.SelectionMenuButton.prototype.decorateInternal = function(element) {
- goog.ui.SelectionMenuButton.superClass_.decorateInternal.call(this, element);
- this.addCheckboxEvent();
- this.addMenuEvent_();
- };
- goog.ui.SelectionMenuButton.prototype.setMenu = function(menu) {
- goog.ui.SelectionMenuButton.superClass_.setMenu.call(this, menu);
- this.addMenuEvent_();
- };
- goog.ui.SelectionMenuButton.prototype.setSelectionState = function(state) {
- if (this.selectionState != state) {
- var checkbox = this.getCheckboxElement();
- if (state == goog.ui.SelectionMenuButton.SelectionState.ALL) {
- checkbox.checked = true;
- goog.style.setOpacity(checkbox, 1);
- } else if (state == goog.ui.SelectionMenuButton.SelectionState.SOME) {
- checkbox.checked = true;
-
- goog.style.setOpacity(checkbox, 0.5);
- } else {
- checkbox.checked = false;
- goog.style.setOpacity(checkbox, 1);
- }
- this.selectionState = state;
- }
- };
- goog.ui.SelectionMenuButton.prototype.getSelectionState = function() {
- return this.selectionState;
- };
- goog.ui.registry.setDecoratorByClassName(
- goog.getCssName('goog-selectionmenubutton-button'),
- function() { return new goog.ui.SelectionMenuButton(); });
|