| OLD | NEW |
| (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 function $(criterion) { | |
| 6 return document.querySelector(criterion); | |
| 7 } | |
| 8 | |
| 9 var cyclerUI = new (function () { | |
| 10 | |
| 11 /** | |
| 12 * Enum for different UI states. | |
| 13 * @enum {number} | |
| 14 * @private | |
| 15 */ | |
| 16 var EnableState_ = {capture: 0, playback: 1}; | |
| 17 | |
| 18 this.cyclerData_ = new CyclerData(); | |
| 19 | |
| 20 // Members for all UI elements subject to programmatic adjustment. | |
| 21 this.captureTabLabel_ = $('#capture-tab-label'); | |
| 22 this.playbackTabLabel_ = $('#playback-tab-label'); | |
| 23 | |
| 24 this.playbackTab_ = new PlaybackTab(this, this.cyclerData_); | |
| 25 this.captureTab_ = new CaptureTab(this, this.cyclerData_, this.playbackTab_); | |
| 26 | |
| 27 this.popupDialog_ = $('#popup'); | |
| 28 this.popupContent_ = $('#popup-content'); | |
| 29 this.doPopupDismiss_ = $('#do-popup-dismiss'); | |
| 30 | |
| 31 /** | |
| 32 * Name of the most recent capture made, or the one most recently chosen | |
| 33 * for playback. | |
| 34 * @type {!string} | |
| 35 */ | |
| 36 this.currentCaptureName = null; | |
| 37 | |
| 38 /** | |
| 39 * One of the EnableState_ values, showing which tab is presently | |
| 40 * enabled. | |
| 41 * @type {number} | |
| 42 */ | |
| 43 this.enableState = null; | |
| 44 | |
| 45 /* | |
| 46 * Enable the capture tab, changing tab labels approproiately. | |
| 47 * @private | |
| 48 */ | |
| 49 this.enableCapture_ = function() { | |
| 50 if (this.enableState != EnableState_.capture) { | |
| 51 this.enableState = EnableState_.capture; | |
| 52 | |
| 53 this.captureTab_.enable(); | |
| 54 this.playbackTab_.disable(); | |
| 55 } | |
| 56 }; | |
| 57 | |
| 58 /* | |
| 59 * Enable the playback tab, changing tab labels approproiately. | |
| 60 * @private | |
| 61 */ | |
| 62 this.enablePlayback_ = function() { | |
| 63 if (this.enableState != EnableState_.playback) { | |
| 64 this.enableState = EnableState_.playback; | |
| 65 | |
| 66 this.captureTab_.disable(); | |
| 67 this.playbackTab_.enable(); | |
| 68 } | |
| 69 }; | |
| 70 | |
| 71 /** | |
| 72 * Show an overlay with a message, a dismiss button with configurable | |
| 73 * label, and an action to call upon dismissal. | |
| 74 * @param {!string} content The message to display. | |
| 75 * @param {!string} dismissLabel The label on the dismiss button. | |
| 76 * @param {function()} action Additional action to take, if any, upon | |
| 77 * dismissal. | |
| 78 */ | |
| 79 this.showMessage = function(content, dismissLabel, action) { | |
| 80 this.popupContent_.innerText = content; | |
| 81 this.doPopupDismiss_.innerText = dismissLabel; | |
| 82 this.popupDialog_.hidden = false; | |
| 83 if (action != null) | |
| 84 doPopupDismiss_.addEventListener('click', action); | |
| 85 } | |
| 86 | |
| 87 /** | |
| 88 * Default action for popup dismissal button, performed in addition to | |
| 89 * any other actions that may be specified in showMessage_ call. | |
| 90 * @private | |
| 91 */ | |
| 92 this.clearMessage_ = function() { | |
| 93 this.popupDialog_.hidden = true; | |
| 94 } | |
| 95 | |
| 96 // Set up listeners on all buttons. | |
| 97 this.doPopupDismiss_.addEventListener('click', this.clearMessage_.bind(this)); | |
| 98 | |
| 99 // Set up listeners on tab labels. | |
| 100 this.captureTabLabel_.addEventListener('click', | |
| 101 this.enableCapture_.bind(this)); | |
| 102 this.playbackTabLabel_.addEventListener('click', | |
| 103 this.enablePlayback_.bind(this)); | |
| 104 | |
| 105 // Start with capture tab displayed. | |
| 106 this.enableCapture_(); | |
| 107 })(); | |
| OLD | NEW |