Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(289)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: remoting/webapp/menu_button.js

Issue 9884001: Added screen options menu. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Simplified onShow callback. Created 8 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « remoting/webapp/menu_button.css ('k') | remoting/webapp/remoting.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(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 /**
6 * @fileoverview
7 * Class representing a menu button and its associated menu items.
8 */
9
10 'use strict';
11
12 /** @suppress {duplicate} */
13 var remoting = remoting || {};
14
15 /**
16 * @constructor
17 * @param {Element} container The element containing the <button> and <ul>
18 * elements comprising the menu. It should have the "menu-button" class.
19 * @param {function():void=} opt_onShow Optional callback invoked before the
20 * menu is shown.
21 */
22 remoting.MenuButton = function(container, opt_onShow) {
23 /**
24 * @type {HTMLElement}
25 * @private
26 */
27 this.button_ = /** @type {HTMLElement} */ (container.querySelector('button'));
28
29 /**
30 * @type {undefined|function():void}
31 * @private
32 */
33 this.onShow_ = opt_onShow;
34
35 /** @type {remoting.MenuButton} */
36 var that = this;
37
38 // Create event handlers to show and hide the menu, attached to the button
39 // and the document <html> tag, respectively. These handlers are added and
40 // removed depending on the state of the menu. To prevent both triggering
41 // for one click, they are added by a timer.
42 /**
43 * @type {function(Event):void}
44 * @private
45 */
46 this.onClick_ = function(event) {
47 if (that.onShow_) {
48 that.onShow_();
49 }
50 that.button_.classList.add(remoting.MenuButton.BUTTON_ACTIVE_CLASS_);
51 that.button_.removeEventListener('click', that.onClick_, false);
52 window.setTimeout(
53 function() {
54 document.all[0].addEventListener('click', that.closeHandler_, true);
55 },
56 100);
57 };
58
59 /**
60 * @type {function(Event):void}
61 * @private
62 */
63 this.closeHandler_ = function(event) {
64 that.button_.classList.remove(remoting.MenuButton.BUTTON_ACTIVE_CLASS_);
65 document.all[0].removeEventListener('click', that.closeHandler_, true);
66 window.setTimeout(
67 function() {
68 that.button_.addEventListener('click', that.onClick_, false);
69 },
70 100);
71 };
72
73 this.button_.addEventListener('click', this.onClick_, false);
74 };
75
76 /**
77 * Set or unset the selected state of an <li> menu item.
78 * @param {HTMLElement} item The menu item to update.
79 * @param {boolean} selected True to select the item, false to deselect it.
80 * @return {void} Nothing.
81 */
82 remoting.MenuButton.select = function(item, selected) {
83 if (selected) {
84 item.classList.add('selected');
85 } else {
86 item.classList.remove('selected');
87 }
88 }
89
90 /** @const @private */
91 remoting.MenuButton.BUTTON_ACTIVE_CLASS_ = 'active';
OLDNEW
« no previous file with comments | « remoting/webapp/menu_button.css ('k') | remoting/webapp/remoting.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698