| OLD | NEW |
| 1 // Copyright 2014 The Chromium Authors. All rights reserved. | 1 // Copyright 2014 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 * Controller for spinner. | 6 * Controller for spinner. |
| 7 * @param {!HTMLElement} element | 7 * @param {!HTMLElement} element |
| 8 * @param {!DirectoryModel} directoryModel | |
| 9 * @constructor | 8 * @constructor |
| 10 * @extends {cr.EventTarget} | 9 * @extends {cr.EventTarget} |
| 11 */ | 10 */ |
| 12 function SpinnerController(element, directoryModel) { | 11 function SpinnerController(element) { |
| 13 /** | 12 /** |
| 14 * The container element of the file list. | 13 * The container element of the file list. |
| 15 * @type {!HTMLElement} | 14 * @type {!HTMLElement} |
| 16 * @const | 15 * @const |
| 17 * @private | 16 * @private |
| 18 */ | 17 */ |
| 19 this.element_ = element; | 18 this.element_ = element; |
| 20 | 19 |
| 21 /** | 20 /** |
| 22 * Directory model. | |
| 23 * @type {!DirectoryModel} | |
| 24 * @const | |
| 25 * @private | |
| 26 */ | |
| 27 this.directoryModel_ = directoryModel; | |
| 28 | |
| 29 /** | |
| 30 * @type {number} | 21 * @type {number} |
| 31 * @private | 22 * @private |
| 32 */ | 23 */ |
| 33 this.timeoutId_ = 0; | 24 this.timeoutId_ = 0; |
| 25 |
| 26 /** |
| 27 * @type {number} |
| 28 * @private |
| 29 */ |
| 30 this.blinkHideTimeoutId_ = 0; |
| 34 } | 31 } |
| 35 | 32 |
| 36 SpinnerController.prototype.__proto__ = cr.EventTarget.prototype; | 33 SpinnerController.prototype.__proto__ = cr.EventTarget.prototype; |
| 37 | 34 |
| 38 /** | 35 /** |
| 39 * Shows the spinner. | 36 * Blinks the spinner for a short period of time. |
| 37 */ |
| 38 SpinnerController.prototype.blink = function() { |
| 39 this.element_.hidden = false; |
| 40 clearTimeout(this.blinkHideTimeoutId_); |
| 41 this.blinkHideTimeoutId_ = setTimeout(function() { |
| 42 this.element_.hidden = true; |
| 43 this.blinkHideTimeoutId_ = 0; |
| 44 }.bind(this), 1000); |
| 45 }; |
| 46 |
| 47 /** |
| 48 * Shows the spinner until hide is called. |
| 40 */ | 49 */ |
| 41 SpinnerController.prototype.show = function() { | 50 SpinnerController.prototype.show = function() { |
| 42 if (!this.directoryModel_.isScanning()) | |
| 43 return; | |
| 44 this.element_.hidden = false; | 51 this.element_.hidden = false; |
| 52 clearTimeout(this.blinkHideTimeoutId_); |
| 53 this.blinkHideTimeoutId_ = 0; |
| 45 clearTimeout(this.timeoutId_); | 54 clearTimeout(this.timeoutId_); |
| 46 this.timeoutId_ = 0; | 55 this.timeoutId_ = 0; |
| 47 var spinnerShownEvent = new Event('spinner-shown'); | 56 var spinnerShownEvent = new Event('spinner-shown'); |
| 48 this.dispatchEvent(spinnerShownEvent); | 57 this.dispatchEvent(spinnerShownEvent); |
| 49 }; | 58 }; |
| 50 | 59 |
| 51 /** | 60 /** |
| 52 * Hides the spinner. | 61 * Hides the spinner. |
| 53 */ | 62 */ |
| 54 SpinnerController.prototype.hide = function() { | 63 SpinnerController.prototype.hide = function() { |
| 55 if (this.directoryModel_.isScanning() && | 64 // If the current spinner is a blink, then it will hide by itself shortly. |
| 56 this.directoryModel_.getFileList().length == 0) { | 65 if (this.blinkHideTimeoutId_) |
| 57 return; | 66 return; |
| 58 } | 67 |
| 59 this.element_.hidden = true; | 68 this.element_.hidden = true; |
| 60 clearTimeout(this.timeoutId_); | 69 clearTimeout(this.timeoutId_); |
| 61 this.timeoutId_ = 0; | 70 this.timeoutId_ = 0; |
| 62 }; | 71 }; |
| 63 | 72 |
| 64 /** | 73 /** |
| 65 * Shows the spinner after 500ms. | 74 * Shows the spinner after 500ms (unless it's already visible). |
| 66 */ | 75 */ |
| 67 SpinnerController.prototype.showLater = function() { | 76 SpinnerController.prototype.showLater = function() { |
| 68 if (!this.element_.hidden) | 77 if (!this.element_.hidden) { |
| 78 // If there is an ongoing blink, then keep it visible until hide() is |
| 79 // called. |
| 80 clearTimeout(this.blinkHideTimeoutId_); |
| 81 this.blinkHideTimeoutId_ = 0; |
| 69 return; | 82 return; |
| 83 } |
| 84 |
| 70 clearTimeout(this.timeoutId_); | 85 clearTimeout(this.timeoutId_); |
| 71 this.timeoutId_ = setTimeout(this.show.bind(this), 500); | 86 this.timeoutId_ = setTimeout(this.show.bind(this), 500); |
| 72 }; | 87 }; |
| OLD | NEW |