chrome/browser/resources/print_preview/print_header.js

   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 cr.define('print_preview', function() {
   6   'use strict';
   7
   8   /**
   9    * Creates a PrintHeader object. This object encapsulates all the elements
  10    * and logic related to the top part of the left pane in print_preview.html.
  11    * @param {!print_preview.PrintTicketStore} printTicketStore Used to read
  12    *     information about the document.
  13    * @param {!print_preview.DestinationStore} destinationStore Used to get the
  14    *     selected destination.
  15    * @constructor
  16    * @extends {print_preview.Component}
  17    */
  18   function PrintHeader(printTicketStore, destinationStore) {
  19     print_preview.Component.call(this);
  20
  21     /**
  22      * Used to read information about the document.
  23      * @type {!print_preview.PrintTicketStore}
  24      * @private
  25      */
  26     this.printTicketStore_ = printTicketStore;
  27
  28     /**
  29      * Used to get the selected destination.
  30      * @type {!print_preview.DestinationStore}
  31      * @private
  32      */
  33     this.destinationStore_ = destinationStore;
  34
  35     /**
  36      * Whether the component is enabled.
  37      * @type {boolean}
  38      * @private
  39      */
  40     this.isEnabled_ = true;
  41
  42     /**
  43      * Whether the print button is enabled.
  44      * @type {boolean}
  45      * @private
  46      */
  47     this.isPrintButtonEnabled_ = true;
  48   };
  49
  50   /**
  51    * Event types dispatched by the print header.
  52    * @enum {string}
  53    */
  54   PrintHeader.EventType = {
  55     PRINT_BUTTON_CLICK: 'print_preview.PrintHeader.PRINT_BUTTON_CLICK',
  56     CANCEL_BUTTON_CLICK: 'print_preview.PrintHeader.CANCEL_BUTTON_CLICK'
  57   };
  58
  59   PrintHeader.prototype = {
  60     __proto__: print_preview.Component.prototype,
  61
  62     set isEnabled(isEnabled) {
  63       this.isEnabled_ = isEnabled;
  64       this.updatePrintButtonEnabledState_();
  65       this.isCancelButtonEnabled = isEnabled;
  66     },
  67
  68     set isPrintButtonEnabled(isEnabled) {
  69       this.isPrintButtonEnabled_ = isEnabled;
  70       this.updatePrintButtonEnabledState_();
  71     },
  72
  73     set isCancelButtonEnabled(isEnabled) {
  74       this.getChildElement('button.cancel').disabled = !isEnabled;
  75     },
  76
  77     /** @param {string} message Error message to display in the print header. */
  78     setErrorMessage: function(message) {
  79       var summaryEl = this.getChildElement('.summary');
  80       summaryEl.innerHTML = '';
  81       summaryEl.textContent = message;
  82     },
  83
  84     /** @override */
  85     enterDocument: function() {
  86       print_preview.Component.prototype.enterDocument.call(this);
  87
  88       // User events
  89       this.tracker.add(
  90           this.getChildElement('button.cancel'),
  91           'click',
  92           this.onCancelButtonClick_.bind(this));
  93       this.tracker.add(
  94           this.getChildElement('button.print'),
  95           'click',
  96           this.onPrintButtonClick_.bind(this));
  97
  98       // Data events.
  99       this.tracker.add(
 100           this.printTicketStore_,
 101           print_preview.PrintTicketStore.EventType.INITIALIZE,
 102           this.onTicketChange_.bind(this));
 103       this.tracker.add(
 104           this.printTicketStore_,
 105           print_preview.PrintTicketStore.EventType.DOCUMENT_CHANGE,
 106           this.onTicketChange_.bind(this));
 107       this.tracker.add(
 108           this.printTicketStore_,
 109           print_preview.PrintTicketStore.EventType.TICKET_CHANGE,
 110           this.onTicketChange_.bind(this));
 111       this.tracker.add(
 112           this.destinationStore_,
 113           print_preview.DestinationStore.EventType.DESTINATION_SELECT,
 114           this.onDestinationSelect_.bind(this));
 115       this.tracker.add(
 116           this.printTicketStore_.copies,
 117           print_preview.ticket_items.TicketItem.EventType.CHANGE,
 118           this.onTicketChange_.bind(this));
 119       this.tracker.add(
 120           this.printTicketStore_.duplex,
 121           print_preview.ticket_items.TicketItem.EventType.CHANGE,
 122           this.onTicketChange_.bind(this));
 123       this.tracker.add(
 124           this.printTicketStore_.pageRange,
 125           print_preview.ticket_items.TicketItem.EventType.CHANGE,
 126           this.onTicketChange_.bind(this));
 127     },
 128
 129     /**
 130      * Updates Print Button state.
 131      * @private
 132      */
 133     updatePrintButtonEnabledState_: function() {
 134       this.getChildElement('button.print').disabled =
 135           !this.isEnabled_ ||
 136           !this.isPrintButtonEnabled_ ||
 137           !this.printTicketStore_.isTicketValid();
 138     },
 139
 140     /**
 141      * Updates the summary element based on the currently selected user options.
 142      * @private
 143      */
 144     updateSummary_: function() {
 145       if (!this.printTicketStore_.isTicketValid()) {
 146         this.getChildElement('.summary').innerHTML = '';
 147         return;
 148       }
 149
 150       var summaryLabel =
 151           localStrings.getString('printPreviewSheetsLabelSingular');
 152       var pagesLabel = localStrings.getString('printPreviewPageLabelPlural');
 153
 154       var saveToPdf = this.destinationStore_.selectedDestination &&
 155           this.destinationStore_.selectedDestination.id ==
 156               print_preview.Destination.GooglePromotedId.SAVE_AS_PDF;
 157       if (saveToPdf) {
 158         summaryLabel = localStrings.getString('printPreviewPageLabelSingular');
 159       }
 160
 161       var numPages = this.printTicketStore_.pageRange.getPageNumberSet().size;
 162       var numSheets = numPages;
 163       if (!saveToPdf && this.printTicketStore_.duplex.getValue()) {
 164         numSheets = Math.ceil(numPages / 2);
 165       }
 166
 167       var copies = this.printTicketStore_.copies.getValueAsNumber();
 168       numSheets *= copies;
 169       numPages *= copies;
 170
 171       if (numSheets > 1) {
 172         summaryLabel = saveToPdf ? pagesLabel :
 173             localStrings.getString('printPreviewSheetsLabelPlural');
 174       }
 175
 176       var html;
 177       if (numPages != numSheets) {
 178         html = localStrings.getStringF('printPreviewSummaryFormatLong',
 179                                        '<b>' + numSheets + '</b>',
 180                                        '<b>' + summaryLabel + '</b>',
 181                                        numPages,
 182                                        pagesLabel);
 183       } else {
 184         html = localStrings.getStringF('printPreviewSummaryFormatShort',
 185                                        '<b>' + numSheets + '</b>',
 186                                        '<b>' + summaryLabel + '</b>');
 187       }
 188
 189       // Removing extra spaces from within the string.
 190       html = html.replace(/\s{2,}/g, ' ');
 191       this.getChildElement('.summary').innerHTML = html;
 192     },
 193
 194     /**
 195      * Called when the print button is clicked. Dispatches a PRINT_DOCUMENT
 196      * common event.
 197      * @private
 198      */
 199     onPrintButtonClick_: function() {
 200       if (this.destinationStore_.selectedDestination.id !=
 201           print_preview.Destination.GooglePromotedId.SAVE_AS_PDF) {
 202         this.getChildElement('button.print').classList.add('loading');
 203         this.getChildElement('button.cancel').classList.add('loading');
 204         this.getChildElement('.summary').innerHTML =
 205             localStrings.getString('printing');
 206       }
 207       cr.dispatchSimpleEvent(this, PrintHeader.EventType.PRINT_BUTTON_CLICK);
 208     },
 209
 210     /**
 211      * Called when the cancel button is clicked. Dispatches a
 212      * CLOSE_PRINT_PREVIEW event.
 213      * @private
 214      */
 215     onCancelButtonClick_: function() {
 216       cr.dispatchSimpleEvent(this, PrintHeader.EventType.CANCEL_BUTTON_CLICK);
 217     },
 218
 219     /**
 220      * Called when a new destination is selected. Updates the text on the print
 221      * button.
 222      * @private
 223      */
 224     onDestinationSelect_: function() {
 225       var isSaveLabel = this.destinationStore_.selectedDestination.id ==
 226           print_preview.Destination.GooglePromotedId.SAVE_AS_PDF ||
 227           this.destinationStore_.selectedDestination.id ==
 228               print_preview.Destination.GooglePromotedId.DOCS;
 229       this.getChildElement('button.print').textContent = isSaveLabel ?
 230           localStrings.getString('saveButton') :
 231           localStrings.getString('printButton');
 232       this.getChildElement('button.print').focus();
 233     },
 234
 235     /**
 236      * Called when the print ticket has changed. Disables the print button if
 237      * any of the settings are invalid.
 238      * @private
 239      */
 240     onTicketChange_: function() {
 241       this.updatePrintButtonEnabledState_();
 242       this.updateSummary_();
 243       if (document.activeElement == null ||
 244           document.activeElement == document.body) {
 245         this.getChildElement('button.print').focus();
 246       }
 247     }
 248   };
 249
 250   // Export
 251   return {
 252     PrintHeader: PrintHeader
 253   };
 254 });