OLD | NEW |
1 // Copyright (c) 2012 The Chromium Authors. All rights reserved. | 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 | 2 // Use of this source code is governed by a BSD-style license that can be |
3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
4 | 4 |
5 /** | 5 /** |
6 * @fileoverview | 6 * @fileoverview |
7 * Class representing the client tool-bar. | 7 * Class representing the client tool-bar. |
8 */ | 8 */ |
9 | 9 |
10 'use strict'; | 10 'use strict'; |
11 | 11 |
12 /** @suppress {duplicate} */ | 12 /** @suppress {duplicate} */ |
13 var remoting = remoting || {}; | 13 var remoting = remoting || {}; |
14 | 14 |
15 /** | 15 /** |
16 * @param {HTMLElement} toolbar The HTML element representing the tool-bar. | 16 * @param {HTMLElement} toolbar The HTML element representing the tool-bar. |
| 17 * @param {function()} disconnectCallback Callback for disconnecting the |
| 18 * session. |
17 * @constructor | 19 * @constructor |
18 */ | 20 */ |
19 remoting.Toolbar = function(toolbar) { | 21 remoting.Toolbar = function(toolbar, disconnectCallback) { |
20 /** @private {HTMLElement} */ | 22 /** @private {HTMLElement} */ |
21 this.toolbar_ = toolbar; | 23 this.toolbar_ = toolbar; |
22 /** @private {HTMLElement} */ | 24 /** @private {HTMLElement} */ |
23 this.stub_ = | 25 this.stub_ = |
24 /** @type {HTMLElement} */(toolbar.querySelector('.toolbar-stub')); | 26 /** @type {HTMLElement} */(toolbar.querySelector('.toolbar-stub')); |
25 /** @private {number?} The id of the preview timer, if any. */ | 27 /** @private {number?} The id of the preview timer, if any. */ |
26 this.timerId_ = null; | 28 this.timerId_ = null; |
27 /** @private {number} Left edge of the toolbar stub, updated on resize. */ | 29 /** @private {number} Left edge of the toolbar stub, updated on resize. */ |
28 this.stubLeft_ = 0; | 30 this.stubLeft_ = 0; |
29 /** @private {number} Right edge of the toolbar stub, updated on resize. */ | 31 /** @private {number} Right edge of the toolbar stub, updated on resize. */ |
30 this.stubRight_ = 0; | 32 this.stubRight_ = 0; |
31 | 33 |
32 /** @private {remoting.MenuButton} */ | 34 /** @private {remoting.MenuButton} */ |
33 this.screenOptionsMenu_ = new remoting.MenuButton( | 35 this.screenOptionsMenu_ = new remoting.MenuButton( |
34 document.getElementById('screen-options-menu'), | 36 document.getElementById('screen-options-menu'), |
35 this.onShowOptionsMenu_.bind(this)); | 37 this.onShowOptionsMenu_.bind(this)); |
36 /** @private {remoting.MenuButton} */ | 38 /** @private {remoting.MenuButton} */ |
37 this.sendKeysMenu_ = new remoting.MenuButton( | 39 this.sendKeysMenu_ = new remoting.MenuButton( |
38 document.getElementById('send-keys-menu') | 40 document.getElementById('send-keys-menu') |
39 ); | 41 ); |
40 | 42 |
41 | 43 |
42 window.addEventListener('mousemove', remoting.Toolbar.onMouseMove, false); | 44 window.addEventListener('mousemove', remoting.Toolbar.onMouseMove, false); |
43 window.addEventListener('resize', this.center.bind(this), false); | 45 window.addEventListener('resize', this.center.bind(this), false); |
44 | 46 |
45 registerEventListener('toolbar-disconnect', 'click', | 47 registerEventListener('toolbar-disconnect', 'click', disconnectCallback); |
46 remoting.app.disconnect.bind(remoting.app)); | |
47 registerEventListener('toolbar-stub', | 48 registerEventListener('toolbar-stub', |
48 'click', function() { remoting.toolbar.toggle(); }); | 49 'click', function() { remoting.toolbar.toggle(); }); |
49 | 50 |
50 // Prevent the preview canceling if the user is interacting with the tool-bar. | 51 // Prevent the preview canceling if the user is interacting with the tool-bar. |
51 /** @type {remoting.Toolbar} */ | 52 /** @type {remoting.Toolbar} */ |
52 var that = this; | 53 var that = this; |
53 var stopTimer = function() { | 54 var stopTimer = function() { |
54 if (that.timerId_) { | 55 if (that.timerId_) { |
55 window.clearTimeout(that.timerId_); | 56 window.clearTimeout(that.timerId_); |
56 that.timerId_ = null; | 57 that.timerId_ = null; |
(...skipping 111 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
168 remoting.optionsMenu.onShow(); | 169 remoting.optionsMenu.onShow(); |
169 }; | 170 }; |
170 | 171 |
171 /** @type {remoting.Toolbar} */ | 172 /** @type {remoting.Toolbar} */ |
172 remoting.toolbar = null; | 173 remoting.toolbar = null; |
173 | 174 |
174 /** @private */ | 175 /** @private */ |
175 remoting.Toolbar.STUB_EXTENDED_CLASS_ = 'toolbar-stub-extended'; | 176 remoting.Toolbar.STUB_EXTENDED_CLASS_ = 'toolbar-stub-extended'; |
176 /** @private */ | 177 /** @private */ |
177 remoting.Toolbar.VISIBLE_CLASS_ = 'toolbar-visible'; | 178 remoting.Toolbar.VISIBLE_CLASS_ = 'toolbar-visible'; |
OLD | NEW |