Print Preview: Display a throbber when the user requests the system print

chrome/browser/resources/print_preview/print_preview.js

 // Copyright (c) 2011 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 var localStrings = new LocalStrings();
 
 // The total page count of the previewed document regardless of which pages the
 // user has selected.
 var totalPageCount;
 
@@ skipping 30 matching lines @@
 
 // True when preview tab has some error.
 var hasError = false;
 
 // True when preview tab is hidden.
 var isTabHidden = false;
 
 // True when draft preview data is requested for preview.
 var draftDocument = true;
 
+// True if the user has click 'Advanced...' in order to open the system print
+// dialog.
+var showingSystemDialog = false;
+
 /**
  * Window onload handler, sets up the page and starts print preview by getting
  * the printer list.
  */
 function onLoad() {
   cr.enablePlatformSpecificCSSRules();
 
   $('cancel-button').addEventListener('click', handleCancelButtonClick);
 
   if (!checkCompatiblePluginExists()) {
@@ skipping 101 matching lines @@
  */
 function removeEventListeners() {
   clearTimeout(timerId);
   setDefaultHandlersForPagesAndCopiesControls();
 
   // Controls that require preview rendering
   $('landscape').onclick = null;
   $('portrait').onclick = null;
   $('printer-list').onchange = null;
 
-  // Controls that dont require preview rendering.
+  // Controls that don't require preview rendering.
   $('two-sided').onclick = null;
   $('color').onclick = null;
   $('bw').onclick = null;
 }
 
 /**
+ * Disables the input elements in the controls pane.
+ */
+function disableInputElements() {
+  var els = document.querySelectorAll('input, button, select');
+  for (var i = 0; i < els.length; i++)
+    els[i].disabled = true;
+}
+
+/**
  * Asks the browser to close the preview tab.
  */
 function handleCancelButtonClick() {
   chrome.send('closePrintPreviewTab');
 }
 
 /**
  * Asks the browser to show the native print dialog for printing.
  */
 function showSystemDialog() {
+  showingSystemDialog = true;
+  disableInputElements();
+  $('system-dialog-throbber').classList.remove('hidden');
   chrome.send('showSystemDialog');
 }
 
 /**
  * Disables the controls which need the initiator tab to generate preview
  * data. This function is called when the initiator tab is closed.
  * @param {string} initiatorTabURL The URL of the initiator tab.
  */
 function onInitiatorTabClosed(initiatorTabURL) {
   displayErrorMessageWithButton(
@@ skipping 450 matching lines @@
 
   if (hasPendingPrintFileRequest)
     printFile();
 }
 
 /**
  * Create the PDF plugin or reload the existing one.
  * @param {string} previewUid Preview unique identifier.
  */
 function createPDFPlugin(previewUid) {
-  // Enable the print button.
-  if (!$('printer-list').disabled)
-    $('print-button').disabled = false;
-
   var pdfViewer = $('pdf-viewer');
   if (pdfViewer) {
     // Need to call this before the reload(), where the plugin resets its
     // internal page count.
     pdfViewer.goToPage('0');
 
     pdfViewer.reload();
     pdfViewer.grayscale(!isColor());
     return;
   }
@@ skipping 20 matching lines @@
           dummyPlugin.removePrintButton);
 }
 
 /**
  * Updates the state of print button depending on the user selection.
  * The button is enabled only when the following conditions are true.
  * 1) The selected page ranges are valid.
  * 2) The number of copies is valid (if applicable).
  */
 function updatePrintButtonState() {
+  if (showingSystemDialog)
+    return;
+
   if (getSelectedPrinterName() == PRINT_TO_PDF) {
     $('print-button').disabled = !isSelectedPagesValid();
   } else {
     $('print-button').disabled = (!isNumberOfCopiesValid() ||
                                   !isSelectedPagesValid());
   }
 }
 
 window.addEventListener('DOMContentLoaded', onLoad);
 
@@ skipping 254 matching lines @@
   this.isLandscape = '';
 }
 
 /**
  * Takes a snapshot of the print settings.
  */
 PrintSettings.prototype.save = function() {
   this.deviceName = getSelectedPrinterName();
   this.isLandscape = isLandscape();
 }