Print Preview: Fading in/out printing options.

chrome/browser/resources/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 = -1;
 
@@ skipping 167 matching lines @@
  * Updates the controls with printer capabilities information.
  * @param {Object} settingInfo printer setting information.
  */
 function updateWithPrinterCapabilities(settingInfo) {
   var disableColorOption = settingInfo.disableColorOption;
   var setColorAsDefault = settingInfo.setColorAsDefault;
   var colorOption = $('color');
   var bwOption = $('bw');
 
   if (disableColorOption)
-    $('color-options').classList.add("hidden");
+    fadeOutElement($('color-options'));
   else
-    $('color-options').classList.remove("hidden");
+    fadeInElement($('color-options'));
 
   if (colorOption.checked != setColorAsDefault) {
     colorOption.checked = setColorAsDefault;
     bwOption.checked = !setColorAsDefault;
     setColor(colorOption.checked);
   }
 }
 
 /**
  * Disables or enables all controls in the options pane except for the cancel
@@ skipping 269 matching lines @@
  * Called when the PDF plugin loads its document.
  */
 function onPDFLoad() {
   if (isLandscape())
     $('pdf-viewer').fitToWidth();
   else
     $('pdf-viewer').fitToHeight();
 
   $('dancing-dots').classList.add('invisible');
 
-  if (!previewModifiable) {
-    $('landscape').disabled = true;
-    $('portrait').disabled = true;
-  }
+  if (!previewModifiable)
+    fadeOutElement($('landscape-option'));

[Lei Zhang, 2011/05/26 01:13:28]

I wonder if we should still disable it though? Can users with a screen reader
still get to faded out elements?

 
   updateCopiesButtonsState();
 }
 
 /**
  * Update the print preview when new preview data is available.
  * Create the PDF plugin as needed.
  * Called from PrintPreviewUI::PreviewDataIsAvailable().
  * @param {number} pageCount The expected total pages count.
  * @param {string} jobTitle The print job title.
@@ skipping 121 matching lines @@
   var individualPagesField = $('individual-pages');
   var individualPagesHint = $('individual-pages-hint');
   var validityLevel = getSelectedPagesValidityLevel();
 
   if (validityLevel == 1)
     individualPagesField.classList.remove('invalid');
   else
     individualPagesField.classList.add('invalid');
 
   if (individualPagesField.value.length == 0) {
-    hideInvalidHint(individualPagesHint);
+    fadeOutElement(individualPagesHint);
   } else if (currentlySelectedPages.length == 0) {
     individualPagesHint.classList.remove('suggestion');
     individualPagesHint.classList.add('invalid');
     individualPagesHint.innerHTML =
         localStrings.getStringF('pageRangeInstruction',
                                 localStrings.getString(
                                     'examplePageRangeText'));
-    showInvalidHint(individualPagesHint);
+    fadeInElement(individualPagesHint);
   } else if (individualPagesField.value.replace(/\s*/g,'') !=
       getPageRangesSuggestion().replace(/\s*/g,'')) {
     individualPagesHint.innerHTML =
         localStrings.getStringF('didYouMean', getPageRangesSuggestion());
     individualPagesHint.classList.remove('invalid');
     individualPagesHint.classList.add('suggestion');
-    showInvalidHint(individualPagesHint);
+    fadeInElement(individualPagesHint);
   } else if (individualPagesField.value.replace(/\s*/g,'') ==
       getPageRangesSuggestion().replace(/\s*/g,'')) {
-    hideInvalidHint(individualPagesHint);
+    fadeOutElement(individualPagesHint);
   }
 
   resetPageRangeFieldTimer();
   updatePrintButtonState();
   updatePrintSummary();
 }
 
 /**
  * Updates the state of the increment/decrement buttons based on the current
  * 'copies' value.
  */
 function updateCopiesButtonsState() {
   var copiesField = $('copies');
   if (!isNumberOfCopiesValid()) {
     copiesField.classList.add('invalid');
     $('increment').disabled = false;
     $('decrement').disabled = false;
-    showInvalidHint($('copies-hint'));
+    fadeInElement($('copies-hint'));
   }
   else {
     copiesField.classList.remove('invalid');
     $('increment').disabled = (getCopies() == copiesField.max) ? true : false;
     $('decrement').disabled = (getCopies() == copiesField.min) ? true : false;
-    hideInvalidHint($('copies-hint'));
+    fadeOutElement($('copies-hint'));
   }
 }
 
 /**
  * Updates the print summary based on the currently selected user options.
  *
  */
 function updatePrintSummary() {
   var copies = getCopies();
   var printSummary = $('print-summary');
@@ skipping 66 matching lines @@
     return;
 
   $('individual-pages').classList.remove('invalid');
   setDefaultValuesAndRegeneratePreview();
 }
 
 /**
  * Sets the default values and sends a request to regenerate preview data.
  */
 function setDefaultValuesAndRegeneratePreview() {
-  hideInvalidHint($('individual-pages-hint'));
+  fadeOutElement($('individual-pages-hint'));
   totalPageCount = -1;
   previouslySelectedPages.length = 0;
   requestPrintPreview();
 }
 
 /**
  * Returns a list of all pages in the specified ranges. The pages are listed in
  * the order they appear in the 'individual-pages' textbox and duplicates are
  * not eliminated. If the page ranges can't be parsed an empty list is
  * returned.
@@ skipping 211 matching lines @@
   this.isLandscape = '';
 }
 
 /**
  * Takes a snapshot of the print settings.
  */
 PrintSettings.prototype.save = function() {
   this.deviceName = getSelectedPrinterName();
   this.isLandscape = isLandscape();
 }