| 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 'use strict'; | 5 'use strict'; |
| 6 | 6 |
| 7 | 7 |
| 8 /** | 8 /** |
| 9 * DefaultActionDialog contains a message, a list box, an ok button, and a | 9 * DefaultActionDialog contains a message, a list box, an ok button, and a |
| 10 * cancel button. | 10 * cancel button. |
| 11 * This dialog should be used as action picker for file operations. | 11 * This dialog should be used as action picker for file operations. |
| 12 */ | 12 */ |
| 13 cr.define('cr.filebrowser', function() { | 13 cr.define('cr.filebrowser', function() { |
| 14 | 14 |
| 15 /** | 15 /** |
| 16 * Creates dialog in DOM tree. | 16 * Creates dialog in DOM tree. |
| 17 * | 17 * |
| 18 * @param {HTMLElement} parentNode Node to be parent for this dialog. | 18 * @param {HTMLElement} parentNode Node to be parent for this dialog. |
| 19 * @constructor | 19 * @constructor |
| 20 * @extends {cr.ui.dialogs.BaseDialog} | 20 * @extends {FileManagerDialogBase} |
| 21 */ | 21 */ |
| 22 function DefaultActionDialog(parentNode) { | 22 function DefaultActionDialog(parentNode) { |
| 23 cr.ui.dialogs.BaseDialog.call(this, parentNode); | 23 FileManagerDialogBase.call(this, parentNode); |
| 24 | 24 |
| 25 this.frame_.id = 'default-action-dialog'; | 25 this.frame_.id = 'default-action-dialog'; |
| 26 | 26 |
| 27 this.list_ = new cr.ui.List(); | 27 this.list_ = new cr.ui.List(); |
| 28 this.list_.id = 'default-actions-list'; | 28 this.list_.id = 'default-actions-list'; |
| 29 this.frame_.insertBefore(this.list_, this.text_.nextSibling); | 29 this.frame_.insertBefore(this.list_, this.text_.nextSibling); |
| 30 | 30 |
| 31 this.selectionModel_ = this.list_.selectionModel = | 31 this.selectionModel_ = this.list_.selectionModel = |
| 32 new cr.ui.ListSingleSelectionModel(); | 32 new cr.ui.ListSingleSelectionModel(); |
| 33 this.dataModel_ = this.list_.dataModel = new cr.ui.ArrayDataModel([]); | 33 this.dataModel_ = this.list_.dataModel = new cr.ui.ArrayDataModel([]); |
| 34 | 34 |
| 35 // List has max-height defined at css, so that list grows automatically, | 35 // List has max-height defined at css, so that list grows automatically, |
| 36 // but doesn't exceed predefined size. | 36 // but doesn't exceed predefined size. |
| 37 this.list_.autoExpands = true; | 37 this.list_.autoExpands = true; |
| 38 this.list_.activateItemAtIndex = this.activateItemAtIndex_.bind(this); | 38 this.list_.activateItemAtIndex = this.activateItemAtIndex_.bind(this); |
| 39 | 39 |
| 40 this.initialFocusElement_ = this.list_; | 40 this.initialFocusElement_ = this.list_; |
| 41 | 41 |
| 42 var self = this; | 42 var self = this; |
| 43 | 43 |
| 44 // Binding stuff doesn't work with constructors, so we have to create | 44 // Binding stuff doesn't work with constructors, so we have to create |
| 45 // closure here. | 45 // closure here. |
| 46 this.list_.itemConstructor = function(item) { | 46 this.list_.itemConstructor = function(item) { |
| 47 return self.renderItem(item); | 47 return self.renderItem(item); |
| 48 }; | 48 }; |
| 49 } | 49 } |
| 50 | 50 |
| 51 DefaultActionDialog.prototype = { | 51 DefaultActionDialog.prototype = { |
| 52 __proto__: cr.ui.dialogs.BaseDialog.prototype | 52 __proto__: FileManagerDialogBase.prototype |
| 53 }; | 53 }; |
| 54 | 54 |
| 55 /** | 55 /** |
| 56 * @override | 56 * @override |
| 57 */ | 57 */ |
| 58 DefaultActionDialog.prototype.onInputFocus = function() { | 58 DefaultActionDialog.prototype.onInputFocus = function() { |
| 59 this.list_.select(); | 59 this.list_.select(); |
| 60 }; | 60 }; |
| 61 | 61 |
| 62 /** | 62 /** |
| (...skipping 23 matching lines...) Expand all Loading... |
| 86 return result; | 86 return result; |
| 87 }; | 87 }; |
| 88 | 88 |
| 89 /** | 89 /** |
| 90 * Shows dialog. | 90 * Shows dialog. |
| 91 * | 91 * |
| 92 * @param {string} title Title in dialog caption. | 92 * @param {string} title Title in dialog caption. |
| 93 * @param {string} message Message in dialog caption. | 93 * @param {string} message Message in dialog caption. |
| 94 * @param {Array.<Object>} items Items to render in the list. | 94 * @param {Array.<Object>} items Items to render in the list. |
| 95 * @param {number} defaultIndex Item to select by default. | 95 * @param {number} defaultIndex Item to select by default. |
| 96 * @param {function(Object=)} onOk OK callback with the selected item. | 96 * @param {function(Object=)} opt_onOk OK callback with the selected item. |
| 97 * @param {function()=} opt_onCancel Cancel callback. | 97 * @param {function()=} opt_onCancel Cancel callback. |
| 98 * @param {function()=} opt_onShow Show callback. | |
| 99 */ | 98 */ |
| 100 DefaultActionDialog.prototype.show = function(title, message, items, | 99 DefaultActionDialog.prototype.show = function(title, message, items, |
| 101 defaultIndex, onOk, opt_onCancel, opt_onShow) { | 100 defaultIndex, opt_onOk, opt_onCancel) { |
| 102 | 101 |
| 103 cr.ui.dialogs.BaseDialog.prototype.showWithTitle.apply( | 102 var show = FileManagerDialogBase.prototype.showOkCancelDialog.call( |
| 104 this, [title, message, onOk, opt_onCancel, opt_onShow]); | 103 this, title, message, opt_onOk, opt_onCancel); |
| 104 |
| 105 if (!show) { |
| 106 console.error('DefaultActionDialog can\'t be shown.'); |
| 107 return; |
| 108 } |
| 105 | 109 |
| 106 if (!message) { | 110 if (!message) { |
| 107 this.text_.setAttribute('hidden', 'hidden'); | 111 this.text_.setAttribute('hidden', 'hidden'); |
| 108 } else { | 112 } else { |
| 109 this.text_.removeAttribute('hidden'); | 113 this.text_.removeAttribute('hidden'); |
| 110 } | 114 } |
| 111 | 115 |
| 112 this.list_.startBatchUpdates(); | 116 this.list_.startBatchUpdates(); |
| 113 this.dataModel_.splice(0, this.dataModel_.length); | 117 this.dataModel_.splice(0, this.dataModel_.length); |
| 114 for (var i = 0; i < items.length; i++) { | 118 for (var i = 0; i < items.length; i++) { |
| (...skipping 29 matching lines...) Expand all Loading... |
| 144 this.onCancelClick_(event); | 148 this.onCancelClick_(event); |
| 145 event.preventDefault(); | 149 event.preventDefault(); |
| 146 } else if (event.keyCode == 32 || event.keyCode == 13) { | 150 } else if (event.keyCode == 32 || event.keyCode == 13) { |
| 147 this.onOkClick_(); | 151 this.onOkClick_(); |
| 148 event.preventDefault(); | 152 event.preventDefault(); |
| 149 } | 153 } |
| 150 }; | 154 }; |
| 151 | 155 |
| 152 return {DefaultActionDialog: DefaultActionDialog}; | 156 return {DefaultActionDialog: DefaultActionDialog}; |
| 153 }); | 157 }); |
| OLD | NEW |