Add a "Simplify Page" option to the print preview dialog

chrome/browser/resources/print_preview/settings/other_options_settings.js

 // Copyright (c) 2012 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.
 
 cr.define('print_preview', function() {
   'use strict';
 
   /**
    * UI component that renders checkboxes for various print options.
    * @param {!print_preview.ticket_items.Duplex} duplex Duplex ticket item.
    * @param {!print_preview.ticket_items.FitToPage} fitToPage Fit-to-page ticket
    *     item.
    * @param {!print_preview.ticket_items.CssBackground} cssBackground CSS
    *     background ticket item.
    * @param {!print_preview.ticket_items.SelectionOnly} selectionOnly Selection
    *     only ticket item.
    * @param {!print_preview.ticket_items.HeaderFooter} headerFooter Header
    *     footer ticket item.
+   * @param {!print_preview.ticket_items.PrintFriendly} printFriendly Print
+   *     friendly ticket item.
    * @constructor
    * @extends {print_preview.SettingsSection}
    */
   function OtherOptionsSettings(
-      duplex, fitToPage, cssBackground, selectionOnly, headerFooter) {
+      duplex, fitToPage, cssBackground, selectionOnly,
+      headerFooter, printFriendly) {
     print_preview.SettingsSection.call(this);
 
     /**
      * Duplex ticket item, used to read/write the duplex selection.
      * @type {!print_preview.ticket_items.Duplex}
      * @private
      */
     this.duplexTicketItem_ = duplex;
 
     /**
@@ skipping 18 matching lines @@
     this.selectionOnlyTicketItem_ = selectionOnly;
 
     /**
      * Header-footer ticket item, used to read/write.
      * @type {!print_preview.ticket_items.HeaderFooter}
      * @private
      */
     this.headerFooterTicketItem_ = headerFooter;
 
     /**
+     * Print friendly ticket item, used to read/write.
+     * @type {!print_preview.ticket_items.PrintFriendly}
+     * @private
+     */
+    this.printFriendlyTicketItem_ = printFriendly;
+
+     /**
+     * Print friendly container element.
+     * @type {HTMLElement}
+     * @private
+     */
+    this.printFriendlyContainer_ = null;
+
+    /**
+     * Print friendly checkbox.
+     * @type {HTMLInputElement}
+     * @private
+     */
+    this.printFriendlyCheckbox_ = null;
+
+     /**
      * Header footer container element.
      * @type {HTMLElement}
      * @private
      */
     this.headerFooterContainer_ = null;
 
     /**
      * Header footer checkbox.
      * @type {HTMLInputElement}
      * @private
@@ skipping 55 matching lines @@
      * @private
      */
     this.selectionOnlyCheckbox_ = null;
   };
 
   OtherOptionsSettings.prototype = {
     __proto__: print_preview.SettingsSection.prototype,
 
     /** @override */
     isAvailable: function() {
-      return this.headerFooterTicketItem_.isCapabilityAvailable() ||
+      return this.printFriendlyTicketItem_.isCapabilityAvailable() ||
+             this.headerFooterTicketItem_.isCapabilityAvailable() ||
              this.fitToPageTicketItem_.isCapabilityAvailable() ||
              this.duplexTicketItem_.isCapabilityAvailable() ||
              this.cssBackgroundTicketItem_.isCapabilityAvailable() ||
              this.selectionOnlyTicketItem_.isCapabilityAvailable();
     },
 
     /** @override */
     hasCollapsibleContent: function() {
       return this.headerFooterTicketItem_.isCapabilityAvailable() ||
              this.fitToPageTicketItem_.isCapabilityAvailable() ||
              this.cssBackgroundTicketItem_.isCapabilityAvailable() ||
              this.selectionOnlyTicketItem_.isCapabilityAvailable();
     },
 
     /** @override */
     set isEnabled(isEnabled) {
       this.headerFooterCheckbox_.disabled = !isEnabled;
       this.fitToPageCheckbox_.disabled = !isEnabled;
       this.duplexCheckbox_.disabled = !isEnabled;
+      this.printFriendlyCheckbox_.disabled = !isEnabled;
       this.cssBackgroundCheckbox_.disabled = !isEnabled;
     },
 
     /** @override */
     enterDocument: function() {
       print_preview.SettingsSection.prototype.enterDocument.call(this);
       this.tracker.add(
+          this.printFriendlyCheckbox_,
+          'click',
+          this.onPrintFriendlyCheckboxClick_.bind(this));
+      this.tracker.add(
           this.headerFooterCheckbox_,
           'click',
           this.onHeaderFooterCheckboxClick_.bind(this));
       this.tracker.add(
           this.fitToPageCheckbox_,
           'click',
           this.onFitToPageCheckboxClick_.bind(this));
       this.tracker.add(
           this.duplexCheckbox_,
           'click',
@@ skipping 19 matching lines @@
           print_preview.ticket_items.TicketItem.EventType.CHANGE,
           this.onCssBackgroundChange_.bind(this));
       this.tracker.add(
           this.selectionOnlyTicketItem_,
           print_preview.ticket_items.TicketItem.EventType.CHANGE,
           this.onSelectionOnlyChange_.bind(this));
       this.tracker.add(
           this.headerFooterTicketItem_,
           print_preview.ticket_items.TicketItem.EventType.CHANGE,
           this.onHeaderFooterChange_.bind(this));
+      this.tracker.add(
+          this.printFriendlyTicketItem_,
+          print_preview.ticket_items.TicketItem.EventType.CHANGE,
+          this.onPrintFriendlyChange_.bind(this));
     },
 
     /** @override */
     exitDocument: function() {
       print_preview.SettingsSection.prototype.exitDocument.call(this);
+      this.printFriendlyContainer_ = null;
+      this.printFriendlyCheckbox_ = null;
       this.headerFooterContainer_ = null;
       this.headerFooterCheckbox_ = null;
       this.fitToPageContainer_ = null;
       this.fitToPageCheckbox_ = null;
       this.duplexContainer_ = null;
       this.duplexCheckbox_ = null;
       this.cssBackgroundContainer_ = null;
       this.cssBackgroundCheckbox_ = null;
       this.selectionOnlyContainer_ = null;
       this.selectionOnlyCheckbox_ = null;
     },
 
     /** @override */
     decorateInternal: function() {
+      this.printFriendlyContainer_ = this.getElement().querySelector(
+          '.print-friendly-container');
+      this.printFriendlyCheckbox_ = this.printFriendlyContainer_.querySelector(
+          '.print-friendly-checkbox');
       this.headerFooterContainer_ = this.getElement().querySelector(
           '.header-footer-container');
       this.headerFooterCheckbox_ = this.headerFooterContainer_.querySelector(
           '.header-footer-checkbox');
       this.fitToPageContainer_ = this.getElement().querySelector(
           '.fit-to-page-container');
       this.fitToPageCheckbox_ = this.fitToPageContainer_.querySelector(
           '.fit-to-page-checkbox');
       this.duplexContainer_ = this.getElement().querySelector(
           '.duplex-container');
       this.duplexCheckbox_ = this.duplexContainer_.querySelector(
           '.duplex-checkbox');
       this.cssBackgroundContainer_ = this.getElement().querySelector(
           '.css-background-container');
       this.cssBackgroundCheckbox_ = this.cssBackgroundContainer_.querySelector(
           '.css-background-checkbox');
       this.selectionOnlyContainer_ = this.getElement().querySelector(
           '.selection-only-container');
       this.selectionOnlyCheckbox_ = this.selectionOnlyContainer_.querySelector(
           '.selection-only-checkbox');
     },
 
     /** @override */
     updateUiStateInternal: function() {
       if (this.isAvailable()) {
+        setIsVisible(this.printFriendlyContainer_,
+                     this.printFriendlyTicketItem_.isCapabilityAvailable());
         setIsVisible(this.headerFooterContainer_,
                      this.headerFooterTicketItem_.isCapabilityAvailable() &&
                      !this.collapseContent);
         setIsVisible(this.fitToPageContainer_,
                      this.fitToPageTicketItem_.isCapabilityAvailable() &&
                      !this.collapseContent);
         setIsVisible(this.duplexContainer_,
                      this.duplexTicketItem_.isCapabilityAvailable());
         setIsVisible(this.cssBackgroundContainer_,
                      this.cssBackgroundTicketItem_.isCapabilityAvailable() &&
                      !this.collapseContent);
         setIsVisible(this.selectionOnlyContainer_,
                      this.selectionOnlyTicketItem_.isCapabilityAvailable() &&
                      !this.collapseContent);
       }
       print_preview.SettingsSection.prototype.updateUiStateInternal.call(this);
     },
 
     /** @override */
     isSectionVisibleInternal: function() {
       return this.collapseContent ?
+          this.printFriendlyTicketItem_.isCapabilityAvailable() ||
           this.duplexTicketItem_.isCapabilityAvailable() : this.isAvailable();
     },
 
     /**
+     * Called when the print-friendly checkbox is clicked. Updates the print
+     * ticket.
+     * @private
+     */
+    onPrintFriendlyCheckboxClick_: function() {
+      this.printFriendlyTicketItem_.updateValue(
+          this.printFriendlyCheckbox_.checked);
+    },
+
+     /**
      * Called when the header-footer checkbox is clicked. Updates the print
      * ticket.
      * @private
      */
     onHeaderFooterCheckboxClick_: function() {
       this.headerFooterTicketItem_.updateValue(
           this.headerFooterCheckbox_.checked);
     },
 
     /**
@@ skipping 77 matching lines @@
 
     /**
      * Called when the header-footer ticket item has changed. Updates the
      * header-footer checkbox.
      * @private
      */
     onHeaderFooterChange_: function() {
       this.headerFooterCheckbox_.checked =
           this.headerFooterTicketItem_.getValue();
       this.updateUiStateInternal();
+    },
+
+    /**
+     * Called when the print-friendly ticket item has changed. Updates the
+     * print-friendly checkbox.
+     * @private
+     */
+    onPrintFriendlyChange_: function() {
+      this.printFriendlyCheckbox_.checked =
+          this.printFriendlyTicketItem_.getValue();
+      this.updateUiStateInternal();
     }
   };
 
   // Export
   return {
     OtherOptionsSettings: OtherOptionsSettings
   };
 });