| 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 cr.define('print_preview', function() { | 5 cr.define('print_preview', function() { |
| 6 'use strict'; | 6 'use strict'; |
| 7 | 7 |
| 8 /** | 8 /** |
| 9 * UI component that renders checkboxes for various print options. | 9 * UI component that renders checkboxes for various print options. |
| 10 * @param {!print_preview.ticket_items.Duplex} duplex Duplex ticket item. | 10 * @param {!print_preview.ticket_items.Duplex} duplex Duplex ticket item. |
| 11 * @param {!print_preview.ticket_items.FitToPage} fitToPage Fit-to-page ticket | 11 * @param {!print_preview.ticket_items.FitToPage} fitToPage Fit-to-page ticket |
| 12 * item. | 12 * item. |
| 13 * @param {!print_preview.ticket_items.CssBackground} cssBackground CSS | 13 * @param {!print_preview.ticket_items.CssBackground} cssBackground CSS |
| 14 * background ticket item. | 14 * background ticket item. |
| 15 * @param {!print_preview.ticket_items.SelectionOnly} selectionOnly Selection | 15 * @param {!print_preview.ticket_items.SelectionOnly} selectionOnly Selection |
| 16 * only ticket item. | 16 * only ticket item. |
| 17 * @param {!print_preview.ticket_items.HeaderFooter} headerFooter Header | 17 * @param {!print_preview.ticket_items.HeaderFooter} headerFooter Header |
| 18 * footer ticket item. | 18 * footer ticket item. |
| 19 * @param {!print_preview.ticket_items.DistillPage} distillPage Print | |
| 20 * distill page ticket item. | |
| 21 * @constructor | 19 * @constructor |
| 22 * @extends {print_preview.SettingsSection} | 20 * @extends {print_preview.SettingsSection} |
| 23 */ | 21 */ |
| 24 function OtherOptionsSettings( | 22 function OtherOptionsSettings( |
| 25 duplex, fitToPage, cssBackground, selectionOnly, | 23 duplex, fitToPage, cssBackground, selectionOnly, headerFooter) { |
| 26 headerFooter, distillPage) { | |
| 27 print_preview.SettingsSection.call(this); | 24 print_preview.SettingsSection.call(this); |
| 28 | 25 |
| 29 /** | 26 /** |
| 30 * Duplex ticket item, used to read/write the duplex selection. | 27 * Duplex ticket item, used to read/write the duplex selection. |
| 31 * @type {!print_preview.ticket_items.Duplex} | 28 * @type {!print_preview.ticket_items.Duplex} |
| 32 * @private | 29 * @private |
| 33 */ | 30 */ |
| 34 this.duplexTicketItem_ = duplex; | 31 this.duplexTicketItem_ = duplex; |
| 35 | 32 |
| 36 /** | 33 /** |
| (...skipping 17 matching lines...) Expand all Loading... |
| 54 */ | 51 */ |
| 55 this.selectionOnlyTicketItem_ = selectionOnly; | 52 this.selectionOnlyTicketItem_ = selectionOnly; |
| 56 | 53 |
| 57 /** | 54 /** |
| 58 * Header-footer ticket item, used to read/write. | 55 * Header-footer ticket item, used to read/write. |
| 59 * @type {!print_preview.ticket_items.HeaderFooter} | 56 * @type {!print_preview.ticket_items.HeaderFooter} |
| 60 * @private | 57 * @private |
| 61 */ | 58 */ |
| 62 this.headerFooterTicketItem_ = headerFooter; | 59 this.headerFooterTicketItem_ = headerFooter; |
| 63 | 60 |
| 64 /** | |
| 65 * Distill page ticket item, used to read/write. | |
| 66 * @type {!print_preview.ticket_items.DistillPage} | |
| 67 * @private | |
| 68 */ | |
| 69 this.distillPageTicketItem_ = distillPage; | |
| 70 | |
| 71 /** | |
| 72 * Distill page container element. | |
| 73 * @type {HTMLElement} | |
| 74 * @private | |
| 75 */ | |
| 76 this.distillPageContainer_ = null; | |
| 77 | |
| 78 /** | |
| 79 * Distill page checkbox. | |
| 80 * @type {HTMLInputElement} | |
| 81 * @private | |
| 82 */ | |
| 83 this.distillPageCheckbox_ = null; | |
| 84 | |
| 85 /** | 61 /** |
| 86 * Header footer container element. | 62 * Header footer container element. |
| 87 * @type {HTMLElement} | 63 * @type {HTMLElement} |
| 88 * @private | 64 * @private |
| 89 */ | 65 */ |
| 90 this.headerFooterContainer_ = null; | 66 this.headerFooterContainer_ = null; |
| 91 | 67 |
| 92 /** | 68 /** |
| 93 * Header footer checkbox. | 69 * Header footer checkbox. |
| 94 * @type {HTMLInputElement} | 70 * @type {HTMLInputElement} |
| (...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 151 * @private | 127 * @private |
| 152 */ | 128 */ |
| 153 this.selectionOnlyCheckbox_ = null; | 129 this.selectionOnlyCheckbox_ = null; |
| 154 }; | 130 }; |
| 155 | 131 |
| 156 OtherOptionsSettings.prototype = { | 132 OtherOptionsSettings.prototype = { |
| 157 __proto__: print_preview.SettingsSection.prototype, | 133 __proto__: print_preview.SettingsSection.prototype, |
| 158 | 134 |
| 159 /** @override */ | 135 /** @override */ |
| 160 isAvailable: function() { | 136 isAvailable: function() { |
| 161 return this.distillPageTicketItem_.isCapabilityAvailable() || | 137 return this.headerFooterTicketItem_.isCapabilityAvailable() || |
| 162 this.headerFooterTicketItem_.isCapabilityAvailable() || | |
| 163 this.fitToPageTicketItem_.isCapabilityAvailable() || | 138 this.fitToPageTicketItem_.isCapabilityAvailable() || |
| 164 this.duplexTicketItem_.isCapabilityAvailable() || | 139 this.duplexTicketItem_.isCapabilityAvailable() || |
| 165 this.cssBackgroundTicketItem_.isCapabilityAvailable() || | 140 this.cssBackgroundTicketItem_.isCapabilityAvailable() || |
| 166 this.selectionOnlyTicketItem_.isCapabilityAvailable(); | 141 this.selectionOnlyTicketItem_.isCapabilityAvailable(); |
| 167 }, | 142 }, |
| 168 | 143 |
| 169 /** @override */ | 144 /** @override */ |
| 170 hasCollapsibleContent: function() { | 145 hasCollapsibleContent: function() { |
| 171 return this.headerFooterTicketItem_.isCapabilityAvailable() || | 146 return this.headerFooterTicketItem_.isCapabilityAvailable() || |
| 172 this.cssBackgroundTicketItem_.isCapabilityAvailable() || | 147 this.cssBackgroundTicketItem_.isCapabilityAvailable() || |
| 173 this.selectionOnlyTicketItem_.isCapabilityAvailable(); | 148 this.selectionOnlyTicketItem_.isCapabilityAvailable(); |
| 174 }, | 149 }, |
| 175 | 150 |
| 176 /** @override */ | 151 /** @override */ |
| 177 set isEnabled(isEnabled) { | 152 set isEnabled(isEnabled) { |
| 178 this.headerFooterCheckbox_.disabled = !isEnabled; | 153 this.headerFooterCheckbox_.disabled = !isEnabled; |
| 179 this.fitToPageCheckbox_.disabled = !isEnabled; | 154 this.fitToPageCheckbox_.disabled = !isEnabled; |
| 180 this.duplexCheckbox_.disabled = !isEnabled; | 155 this.duplexCheckbox_.disabled = !isEnabled; |
| 181 this.distillPageCheckbox_.disabled = !isEnabled; | |
| 182 this.cssBackgroundCheckbox_.disabled = !isEnabled; | 156 this.cssBackgroundCheckbox_.disabled = !isEnabled; |
| 183 }, | 157 }, |
| 184 | 158 |
| 185 /** @override */ | 159 /** @override */ |
| 186 enterDocument: function() { | 160 enterDocument: function() { |
| 187 print_preview.SettingsSection.prototype.enterDocument.call(this); | 161 print_preview.SettingsSection.prototype.enterDocument.call(this); |
| 188 this.tracker.add( | 162 this.tracker.add( |
| 189 this.distillPageCheckbox_, | |
| 190 'click', | |
| 191 this.onDistillPageCheckboxClick_.bind(this)); | |
| 192 this.tracker.add( | |
| 193 this.headerFooterCheckbox_, | 163 this.headerFooterCheckbox_, |
| 194 'click', | 164 'click', |
| 195 this.onHeaderFooterCheckboxClick_.bind(this)); | 165 this.onHeaderFooterCheckboxClick_.bind(this)); |
| 196 this.tracker.add( | 166 this.tracker.add( |
| 197 this.fitToPageCheckbox_, | 167 this.fitToPageCheckbox_, |
| 198 'click', | 168 'click', |
| 199 this.onFitToPageCheckboxClick_.bind(this)); | 169 this.onFitToPageCheckboxClick_.bind(this)); |
| 200 this.tracker.add( | 170 this.tracker.add( |
| 201 this.duplexCheckbox_, | 171 this.duplexCheckbox_, |
| 202 'click', | 172 'click', |
| (...skipping 19 matching lines...) Expand all Loading... |
| 222 print_preview.ticket_items.TicketItem.EventType.CHANGE, | 192 print_preview.ticket_items.TicketItem.EventType.CHANGE, |
| 223 this.onCssBackgroundChange_.bind(this)); | 193 this.onCssBackgroundChange_.bind(this)); |
| 224 this.tracker.add( | 194 this.tracker.add( |
| 225 this.selectionOnlyTicketItem_, | 195 this.selectionOnlyTicketItem_, |
| 226 print_preview.ticket_items.TicketItem.EventType.CHANGE, | 196 print_preview.ticket_items.TicketItem.EventType.CHANGE, |
| 227 this.onSelectionOnlyChange_.bind(this)); | 197 this.onSelectionOnlyChange_.bind(this)); |
| 228 this.tracker.add( | 198 this.tracker.add( |
| 229 this.headerFooterTicketItem_, | 199 this.headerFooterTicketItem_, |
| 230 print_preview.ticket_items.TicketItem.EventType.CHANGE, | 200 print_preview.ticket_items.TicketItem.EventType.CHANGE, |
| 231 this.onHeaderFooterChange_.bind(this)); | 201 this.onHeaderFooterChange_.bind(this)); |
| 232 this.tracker.add( | |
| 233 this.distillPageTicketItem_, | |
| 234 print_preview.ticket_items.TicketItem.EventType.CHANGE, | |
| 235 this.onDistillPageChange_.bind(this)); | |
| 236 }, | 202 }, |
| 237 | 203 |
| 238 /** @override */ | 204 /** @override */ |
| 239 exitDocument: function() { | 205 exitDocument: function() { |
| 240 print_preview.SettingsSection.prototype.exitDocument.call(this); | 206 print_preview.SettingsSection.prototype.exitDocument.call(this); |
| 241 this.distillPageContainer_ = null; | |
| 242 this.distillPageCheckbox_ = null; | |
| 243 this.headerFooterContainer_ = null; | 207 this.headerFooterContainer_ = null; |
| 244 this.headerFooterCheckbox_ = null; | 208 this.headerFooterCheckbox_ = null; |
| 245 this.fitToPageContainer_ = null; | 209 this.fitToPageContainer_ = null; |
| 246 this.fitToPageCheckbox_ = null; | 210 this.fitToPageCheckbox_ = null; |
| 247 this.duplexContainer_ = null; | 211 this.duplexContainer_ = null; |
| 248 this.duplexCheckbox_ = null; | 212 this.duplexCheckbox_ = null; |
| 249 this.cssBackgroundContainer_ = null; | 213 this.cssBackgroundContainer_ = null; |
| 250 this.cssBackgroundCheckbox_ = null; | 214 this.cssBackgroundCheckbox_ = null; |
| 251 this.selectionOnlyContainer_ = null; | 215 this.selectionOnlyContainer_ = null; |
| 252 this.selectionOnlyCheckbox_ = null; | 216 this.selectionOnlyCheckbox_ = null; |
| 253 }, | 217 }, |
| 254 | 218 |
| 255 /** @override */ | 219 /** @override */ |
| 256 decorateInternal: function() { | 220 decorateInternal: function() { |
| 257 this.distillPageContainer_ = this.getElement().querySelector( | |
| 258 '.distill-page-container'); | |
| 259 this.distillPageCheckbox_ = this.distillPageContainer_.querySelector( | |
| 260 '.distill-page-checkbox'); | |
| 261 this.headerFooterContainer_ = this.getElement().querySelector( | 221 this.headerFooterContainer_ = this.getElement().querySelector( |
| 262 '.header-footer-container'); | 222 '.header-footer-container'); |
| 263 this.headerFooterCheckbox_ = this.headerFooterContainer_.querySelector( | 223 this.headerFooterCheckbox_ = this.headerFooterContainer_.querySelector( |
| 264 '.header-footer-checkbox'); | 224 '.header-footer-checkbox'); |
| 265 this.fitToPageContainer_ = this.getElement().querySelector( | 225 this.fitToPageContainer_ = this.getElement().querySelector( |
| 266 '.fit-to-page-container'); | 226 '.fit-to-page-container'); |
| 267 this.fitToPageCheckbox_ = this.fitToPageContainer_.querySelector( | 227 this.fitToPageCheckbox_ = this.fitToPageContainer_.querySelector( |
| 268 '.fit-to-page-checkbox'); | 228 '.fit-to-page-checkbox'); |
| 269 this.duplexContainer_ = this.getElement().querySelector( | 229 this.duplexContainer_ = this.getElement().querySelector( |
| 270 '.duplex-container'); | 230 '.duplex-container'); |
| 271 this.duplexCheckbox_ = this.duplexContainer_.querySelector( | 231 this.duplexCheckbox_ = this.duplexContainer_.querySelector( |
| 272 '.duplex-checkbox'); | 232 '.duplex-checkbox'); |
| 273 this.cssBackgroundContainer_ = this.getElement().querySelector( | 233 this.cssBackgroundContainer_ = this.getElement().querySelector( |
| 274 '.css-background-container'); | 234 '.css-background-container'); |
| 275 this.cssBackgroundCheckbox_ = this.cssBackgroundContainer_.querySelector( | 235 this.cssBackgroundCheckbox_ = this.cssBackgroundContainer_.querySelector( |
| 276 '.css-background-checkbox'); | 236 '.css-background-checkbox'); |
| 277 this.selectionOnlyContainer_ = this.getElement().querySelector( | 237 this.selectionOnlyContainer_ = this.getElement().querySelector( |
| 278 '.selection-only-container'); | 238 '.selection-only-container'); |
| 279 this.selectionOnlyCheckbox_ = this.selectionOnlyContainer_.querySelector( | 239 this.selectionOnlyCheckbox_ = this.selectionOnlyContainer_.querySelector( |
| 280 '.selection-only-checkbox'); | 240 '.selection-only-checkbox'); |
| 281 }, | 241 }, |
| 282 | 242 |
| 283 /** @override */ | 243 /** @override */ |
| 284 updateUiStateInternal: function() { | 244 updateUiStateInternal: function() { |
| 285 if (this.isAvailable()) { | 245 if (this.isAvailable()) { |
| 286 setIsVisible(this.distillPageContainer_, | |
| 287 this.distillPageTicketItem_.isCapabilityAvailable()); | |
| 288 setIsVisible(this.headerFooterContainer_, | 246 setIsVisible(this.headerFooterContainer_, |
| 289 this.headerFooterTicketItem_.isCapabilityAvailable() && | 247 this.headerFooterTicketItem_.isCapabilityAvailable() && |
| 290 !this.collapseContent); | 248 !this.collapseContent); |
| 291 setIsVisible(this.fitToPageContainer_, | 249 setIsVisible(this.fitToPageContainer_, |
| 292 this.fitToPageTicketItem_.isCapabilityAvailable()); | 250 this.fitToPageTicketItem_.isCapabilityAvailable()); |
| 293 setIsVisible(this.duplexContainer_, | 251 setIsVisible(this.duplexContainer_, |
| 294 this.duplexTicketItem_.isCapabilityAvailable()); | 252 this.duplexTicketItem_.isCapabilityAvailable()); |
| 295 setIsVisible(this.cssBackgroundContainer_, | 253 setIsVisible(this.cssBackgroundContainer_, |
| 296 this.cssBackgroundTicketItem_.isCapabilityAvailable() && | 254 this.cssBackgroundTicketItem_.isCapabilityAvailable() && |
| 297 !this.collapseContent); | 255 !this.collapseContent); |
| 298 setIsVisible(this.selectionOnlyContainer_, | 256 setIsVisible(this.selectionOnlyContainer_, |
| 299 this.selectionOnlyTicketItem_.isCapabilityAvailable() && | 257 this.selectionOnlyTicketItem_.isCapabilityAvailable() && |
| 300 !this.collapseContent); | 258 !this.collapseContent); |
| 301 } | 259 } |
| 302 print_preview.SettingsSection.prototype.updateUiStateInternal.call(this); | 260 print_preview.SettingsSection.prototype.updateUiStateInternal.call(this); |
| 303 }, | 261 }, |
| 304 | 262 |
| 305 /** @override */ | 263 /** @override */ |
| 306 isSectionVisibleInternal: function() { | 264 isSectionVisibleInternal: function() { |
| 307 if (this.collapseContent) { | 265 if (this.collapseContent) { |
| 308 return this.distillPageTicketItem_.isCapabilityAvailable() || | 266 return this.fitToPageTicketItem_.isCapabilityAvailable() || |
| 309 this.fitToPageTicketItem_.isCapabilityAvailable() || | |
| 310 this.duplexTicketItem_.isCapabilityAvailable(); | 267 this.duplexTicketItem_.isCapabilityAvailable(); |
| 311 } | 268 } |
| 312 | 269 |
| 313 return this.isAvailable(); | 270 return this.isAvailable(); |
| 314 }, | 271 }, |
| 315 | 272 |
| 316 /** | |
| 317 * Called when the distill-page checkbox is clicked. Updates the print | |
| 318 * ticket. | |
| 319 * @private | |
| 320 */ | |
| 321 onDistillPageCheckboxClick_: function() { | |
| 322 this.distillPageTicketItem_.updateValue( | |
| 323 this.distillPageCheckbox_.checked); | |
| 324 }, | |
| 325 | |
| 326 /** | 273 /** |
| 327 * Called when the header-footer checkbox is clicked. Updates the print | 274 * Called when the header-footer checkbox is clicked. Updates the print |
| 328 * ticket. | 275 * ticket. |
| 329 * @private | 276 * @private |
| 330 */ | 277 */ |
| 331 onHeaderFooterCheckboxClick_: function() { | 278 onHeaderFooterCheckboxClick_: function() { |
| 332 this.headerFooterTicketItem_.updateValue( | 279 this.headerFooterTicketItem_.updateValue( |
| 333 this.headerFooterCheckbox_.checked); | 280 this.headerFooterCheckbox_.checked); |
| 334 }, | 281 }, |
| 335 | 282 |
| (...skipping 79 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 415 /** | 362 /** |
| 416 * Called when the header-footer ticket item has changed. Updates the | 363 * Called when the header-footer ticket item has changed. Updates the |
| 417 * header-footer checkbox. | 364 * header-footer checkbox. |
| 418 * @private | 365 * @private |
| 419 */ | 366 */ |
| 420 onHeaderFooterChange_: function() { | 367 onHeaderFooterChange_: function() { |
| 421 this.headerFooterCheckbox_.checked = | 368 this.headerFooterCheckbox_.checked = |
| 422 this.headerFooterTicketItem_.getValue(); | 369 this.headerFooterTicketItem_.getValue(); |
| 423 this.updateUiStateInternal(); | 370 this.updateUiStateInternal(); |
| 424 }, | 371 }, |
| 425 | |
| 426 /** | |
| 427 * Called when the distill-page ticket item has changed. Updates the | |
| 428 * distill-page checkbox. | |
| 429 * @private | |
| 430 */ | |
| 431 onDistillPageChange_: function() { | |
| 432 this.distillPageCheckbox_.checked = | |
| 433 this.distillPageTicketItem_.getValue(); | |
| 434 this.updateUiStateInternal(); | |
| 435 } | |
| 436 }; | 372 }; |
| 437 | 373 |
| 438 // Export | 374 // Export |
| 439 return { | 375 return { |
| 440 OtherOptionsSettings: OtherOptionsSettings | 376 OtherOptionsSettings: OtherOptionsSettings |
| 441 }; | 377 }; |
| 442 }); | 378 }); |
| OLD | NEW |