OLD | NEW |
1 // Copyright (c) 2016 The Chromium Authors. All rights reserved. | 1 // Copyright (c) 2016 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 cr.define('print_preview', function() { | 5 cr.define('print_preview', function() { |
6 'use strict'; | 6 'use strict'; |
7 | 7 |
8 /** | 8 /** |
9 * Component that renders the scaling settings UI. | 9 * Component that renders the scaling settings UI. |
10 * @param {!print_preview.ticket_items.Scaling} scalingTicketItem | 10 * @param {!print_preview.ticket_items.Scaling} scalingTicketItem |
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
45 * Whether this component is enabled or not. | 45 * Whether this component is enabled or not. |
46 * @private {boolean} | 46 * @private {boolean} |
47 */ | 47 */ |
48 this.isEnabled_ = true; | 48 this.isEnabled_ = true; |
49 | 49 |
50 /** | 50 /** |
51 * The textfield input element | 51 * The textfield input element |
52 * @private {HTMLElement} | 52 * @private {HTMLElement} |
53 */ | 53 */ |
54 this.inputField_ = null; | 54 this.inputField_ = null; |
55 | |
56 } | 55 } |
57 | 56 |
58 /** | 57 /** |
59 * Delay in milliseconds before processing the textfield. | 58 * Delay in milliseconds before processing the textfield. |
60 * @private {number} | 59 * @private {number} |
61 * @const | 60 * @const |
62 */ | 61 */ |
63 ScalingSettings.TEXTFIELD_DELAY_MS_ = 250; | 62 ScalingSettings.TEXTFIELD_DELAY_MS_ = 250; |
64 | 63 |
65 ScalingSettings.prototype = { | 64 ScalingSettings.prototype = { |
(...skipping 15 matching lines...) Expand all Loading... |
81 this.isEnabled_ = isEnabled; | 80 this.isEnabled_ = isEnabled; |
82 if (isEnabled) | 81 if (isEnabled) |
83 this.updateState_(); | 82 this.updateState_(); |
84 }, | 83 }, |
85 | 84 |
86 /** @override */ | 85 /** @override */ |
87 enterDocument: function() { | 86 enterDocument: function() { |
88 this.inputField_ = assert(this.getChildElement('input.user-value')); | 87 this.inputField_ = assert(this.getChildElement('input.user-value')); |
89 print_preview.SettingsSection.prototype.enterDocument.call(this); | 88 print_preview.SettingsSection.prototype.enterDocument.call(this); |
90 this.tracker.add( | 89 this.tracker.add( |
91 this.inputField_, | 90 this.inputField_, 'keydown', this.onTextfieldKeyDown_.bind(this)); |
92 'keydown', | |
93 this.onTextfieldKeyDown_.bind(this)); | |
94 this.tracker.add( | 91 this.tracker.add( |
95 this.inputField_, | 92 this.inputField_, 'input', this.onTextfieldInput_.bind(this)); |
96 'input', | |
97 this.onTextfieldInput_.bind(this)); | |
98 this.tracker.add( | 93 this.tracker.add( |
99 this.inputField_, | 94 this.inputField_, 'blur', this.onTextfieldBlur_.bind(this)); |
100 'blur', | |
101 this.onTextfieldBlur_.bind(this)); | |
102 this.tracker.add( | 95 this.tracker.add( |
103 this.scalingTicketItem_, | 96 this.scalingTicketItem_, |
104 print_preview.ticket_items.TicketItem.EventType.CHANGE, | 97 print_preview.ticket_items.TicketItem.EventType.CHANGE, |
105 this.updateState_.bind(this)); | 98 this.updateState_.bind(this)); |
106 this.tracker.add( | 99 this.tracker.add( |
107 this.fitToPageTicketItem_, | 100 this.fitToPageTicketItem_, |
108 print_preview.ticket_items.TicketItem.EventType.CHANGE, | 101 print_preview.ticket_items.TicketItem.EventType.CHANGE, |
109 this.onFitToPageChange_.bind(this)); | 102 this.onFitToPageChange_.bind(this)); |
110 }, | 103 }, |
111 | 104 |
112 /** | 105 /** |
113 * @return {boolean} true if fit to page is available and selected. | 106 * @return {boolean} true if fit to page is available and selected. |
114 * @private | 107 * @private |
115 */ | 108 */ |
116 isFitToPageSelected: function() { | 109 isFitToPageSelected: function() { |
117 return this.fitToPageTicketItem_.isCapabilityAvailable() && | 110 return this.fitToPageTicketItem_.isCapabilityAvailable() && |
118 !!this.fitToPageTicketItem_.getValue(); | 111 !!this.fitToPageTicketItem_.getValue(); |
119 }, | 112 }, |
120 | 113 |
121 /** | 114 /** |
122 * @return {number} The current input field value as an integer. | 115 * @return {number} The current input field value as an integer. |
123 * @private | 116 * @private |
124 */ | 117 */ |
125 getInputAsNumber: function() { | 118 getInputAsNumber: function() { |
126 return this.inputField_.valueAsNumber; | 119 return this.inputField_.valueAsNumber; |
127 }, | 120 }, |
128 | 121 |
129 /** | 122 /** |
130 * Display the fit to page scaling in the scaling field if there is a valid | 123 * Display the fit to page scaling in the scaling field if there is a valid |
131 * fit to page scaling value. If not, make the field blank. | 124 * fit to page scaling value. If not, make the field blank. |
132 * @private | 125 * @private |
133 */ | 126 */ |
134 displayFitToPageScaling: function() { | 127 displayFitToPageScaling: function() { |
135 this.inputField_.value = this.fitToPageScaling_ || ''; | 128 this.inputField_.value = this.fitToPageScaling_ || ''; |
136 }, | 129 }, |
137 | 130 |
138 /** | 131 /** |
139 * Whether the displayed scaling value matches the fit to page scaling. | 132 * Whether the displayed scaling value matches the fit to page scaling. |
140 * @private | 133 * @private |
141 */ | 134 */ |
142 displayMatchesFitToPage: function() { | 135 displayMatchesFitToPage: function() { |
143 return (this.getInputAsNumber() == this.fitToPageScaling_ || | 136 return ( |
144 (this.inputField_.value == '' && !this.fitToPageScaling_)); | 137 this.getInputAsNumber() == this.fitToPageScaling_ || |
| 138 (this.inputField_.value == '' && !this.fitToPageScaling_)); |
145 }, | 139 }, |
146 | 140 |
147 /** | 141 /** |
148 * Updates the fit to page scaling value of the scalings settings UI. | 142 * Updates the fit to page scaling value of the scalings settings UI. |
149 * @param {number} fitToPageScaling The updated percentage scaling required | 143 * @param {number} fitToPageScaling The updated percentage scaling required |
150 * to fit the document to page. | 144 * to fit the document to page. |
151 */ | 145 */ |
152 updateFitToPageScaling: function(fitToPageScaling) { | 146 updateFitToPageScaling: function(fitToPageScaling) { |
153 this.fitToPageScaling_ = fitToPageScaling; | 147 this.fitToPageScaling_ = fitToPageScaling; |
154 // Display the new value if fit to page is checked. | 148 // Display the new value if fit to page is checked. |
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
188 | 182 |
189 /** | 183 /** |
190 * Helper function to adjust the scaling display if fit to page is checked | 184 * Helper function to adjust the scaling display if fit to page is checked |
191 * by the user. | 185 * by the user. |
192 * @private | 186 * @private |
193 */ | 187 */ |
194 onFitToPageChange_: function() { | 188 onFitToPageChange_: function() { |
195 if (this.isFitToPageSelected()) { | 189 if (this.isFitToPageSelected()) { |
196 // Fit to page was checked. Set scaling to the fit to page scaling. | 190 // Fit to page was checked. Set scaling to the fit to page scaling. |
197 this.displayFitToPageScaling(); | 191 this.displayFitToPageScaling(); |
198 } else if (this.fitToPageTicketItem_.isCapabilityAvailable() && | 192 } else if ( |
199 this.displayMatchesFitToPage()) { | 193 this.fitToPageTicketItem_.isCapabilityAvailable() && |
| 194 this.displayMatchesFitToPage()) { |
200 // Fit to page unchecked. Return to last scaling. | 195 // Fit to page unchecked. Return to last scaling. |
201 this.inputField_.value = this.scalingTicketItem_.getValue(); | 196 this.inputField_.value = this.scalingTicketItem_.getValue(); |
202 } | 197 } |
203 }, | 198 }, |
204 | 199 |
205 /** | 200 /** |
206 * Called after a timeout after user input into the textfield. | 201 * Called after a timeout after user input into the textfield. |
207 * @private | 202 * @private |
208 */ | 203 */ |
209 onTextfieldTimeout_: function() { | 204 onTextfieldTimeout_: function() { |
210 this.textfieldTimeout_ = null; | 205 this.textfieldTimeout_ = null; |
211 if (!this.inputField_.validity.valid){ | 206 if (!this.inputField_.validity.valid) { |
212 this.updateState_(); | 207 this.updateState_(); |
213 return; | 208 return; |
214 } | 209 } |
215 if (this.isFitToPageSelected() && !this.displayMatchesFitToPage()) { | 210 if (this.isFitToPageSelected() && !this.displayMatchesFitToPage()) { |
216 // User modified value away from fit to page. | 211 // User modified value away from fit to page. |
217 this.fitToPageTicketItem_.updateValue(false); | 212 this.fitToPageTicketItem_.updateValue(false); |
218 } | 213 } |
219 // Check this after checking for fit to page in case the user went | 214 // Check this after checking for fit to page in case the user went |
220 // back to their old value. | 215 // back to their old value. |
221 if (this.inputField_.valueAsNumber.toString() === | 216 if (this.inputField_.valueAsNumber.toString() === |
222 this.scalingTicketItem_.getValue()) { | 217 this.scalingTicketItem_.getValue()) { |
223 this.updateState_(); | 218 this.updateState_(); |
224 return; | 219 return; |
225 } | 220 } |
226 if (this.inputField_.value == '') | 221 if (this.inputField_.value == '') |
227 return; | 222 return; |
228 this.scalingTicketItem_.updateValue( | 223 this.scalingTicketItem_.updateValue( |
229 this.inputField_.valueAsNumber.toString()); | 224 this.inputField_.valueAsNumber.toString()); |
230 }, | 225 }, |
231 | 226 |
232 /** | 227 /** |
233 * Called when a key is pressed on the custom input. | 228 * Called when a key is pressed on the custom input. |
234 * @param {!Event} event Contains the key that was pressed. | 229 * @param {!Event} event Contains the key that was pressed. |
235 * @private | 230 * @private |
236 */ | 231 */ |
237 onTextfieldKeyDown_: function(event) { | 232 onTextfieldKeyDown_: function(event) { |
238 if (event.keyCode != 'Enter') | 233 if (event.keyCode != 'Enter') |
239 return; | 234 return; |
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
273 this.inputField_.value = '100'; | 268 this.inputField_.value = '100'; |
274 else | 269 else |
275 this.scalingTicketItem_.updateValue('100'); | 270 this.scalingTicketItem_.updateValue('100'); |
276 } | 271 } |
277 } | 272 } |
278 }, | 273 }, |
279 | 274 |
280 }; | 275 }; |
281 | 276 |
282 // Export | 277 // Export |
283 return { | 278 return {ScalingSettings: ScalingSettings}; |
284 ScalingSettings: ScalingSettings | |
285 }; | |
286 }); | 279 }); |
OLD | NEW |