Add a button to Print Preivew to open printer's Advanced options dialog.

chrome/browser/resources/print_preview/print_preview.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.
 
 // TODO(rltoscano): Move data/* into print_preview.data namespace
 
 var localStrings = new LocalStrings(templateData);
 
 <include src="component.js"/>
 <include src="print_preview_focus_manager.js"/>
@@ skipping 141 matching lines @@
      */
     this.otherOptionsSettings_ = new print_preview.OtherOptionsSettings(
         this.printTicketStore_.duplex,
         this.printTicketStore_.fitToPage,
         this.printTicketStore_.cssBackground,
         this.printTicketStore_.selectionOnly,
         this.printTicketStore_.headerFooter);
     this.addChild(this.otherOptionsSettings_);
 
     /**
+     * Component that renders the advanced options button.
+     * @type {!print_preview.AdvancedOptionsSettings}
+     * @private
+     */
+    this.advancedOptionsSettings_ = new print_preview.AdvancedOptionsSettings(
+        this.destinationStore_);
+    this.addChild(this.advancedOptionsSettings_);
+
+    /**
      * Component used to search for print destinations.
      * @type {!print_preview.AdvancedSettings}
      * @private
      */
     this.advancedSettings_ = new print_preview.AdvancedSettings(
         this.printTicketStore_);
     this.addChild(this.advancedSettings_);
 
     /**
      * Area of the UI that holds the print preview.
@@ skipping 204 matching lines @@
           this.onCloudPrintSignInActivated_.bind(this, true /*addAccount*/));
       this.tracker.add(
           this.destinationSearch_,
           print_preview.DestinationSearch.EventType.SIGN_IN,
           this.onCloudPrintSignInActivated_.bind(this, false /*addAccount*/));
       this.tracker.add(
           this.destinationSearch_,
           print_preview.DestinationListItem.EventType.REGISTER_PROMO_CLICKED,
           this.onCloudPrintRegisterPromoClick_.bind(this));
 
+      this.tracker.add(
+          this.advancedOptionsSettings_,
+          print_preview.AdvancedOptionsSettings.EventType.BUTTON_ACTIVATED,
+          this.onAdvancedOptionsButtonActivated_.bind(this));
+
       // TODO(rltoscano): Move no-destinations-promo into its own component
       // instead being part of PrintPreview.
       this.tracker.add(
           this.getChildElement('#no-destinations-promo .close-button'),
           'click',
           this.onNoDestinationsPromoClose_.bind(this));
       this.tracker.add(
           this.getChildElement('#no-destinations-promo .not-now-button'),
           'click',
           this.onNoDestinationsPromoClose_.bind(this));
       this.tracker.add(
           this.getChildElement('#no-destinations-promo .add-printer-button'),
           'click',
           this.onNoDestinationsPromoClick_.bind(this));
     },
 
     /** @override */
     decorateInternal: function() {
       this.printHeader_.decorate($('print-header'));
       this.destinationSearch_.decorate($('destination-search'));
       this.destinationSettings_.decorate($('destination-settings'));
       this.pageSettings_.decorate($('page-settings'));
       this.copiesSettings_.decorate($('copies-settings'));
       this.mediaSizeSettings_.decorate($('media-size-settings'));
       this.layoutSettings_.decorate($('layout-settings'));
       this.colorSettings_.decorate($('color-settings'));
       this.marginSettings_.decorate($('margin-settings'));
       this.otherOptionsSettings_.decorate($('other-options-settings'));
+      this.advancedOptionsSettings_.decorate($('advanced-options-settings'));
       this.advancedSettings_.decorate($('advanced-settings'));
       this.previewArea_.decorate($('preview-area'));
 
       setIsVisible($('open-pdf-in-preview-link'), cr.isMac);
     },
 
     /**
      * Sets whether the controls in the print preview are enabled.
      * @param {boolean} isEnabled Whether the controls in the print preview are
      *     enabled.
      * @private
      */
     setIsEnabled_: function(isEnabled) {
       $('system-dialog-link').disabled = !isEnabled;
       $('cloud-print-dialog-link').disabled = !isEnabled;
       $('open-pdf-in-preview-link').disabled = !isEnabled;
       this.printHeader_.isEnabled = isEnabled;
       this.destinationSettings_.isEnabled = isEnabled;
       this.pageSettings_.isEnabled = isEnabled;
       this.copiesSettings_.isEnabled = isEnabled;
       this.mediaSizeSettings_.isEnabled = isEnabled;
       this.layoutSettings_.isEnabled = isEnabled;
       this.colorSettings_.isEnabled = isEnabled;
       this.marginSettings_.isEnabled = isEnabled;
       this.otherOptionsSettings_.isEnabled = isEnabled;
+      this.advancedOptionsSettings_.isEnabled = isEnabled;
     },
 
     /**
      * Prints the document or launches a pdf preview on the local system.
      * @param {boolean} isPdfPreview Whether to launch the pdf preview.
      * @private
      */
     printDocumentOrOpenPdfPreview_: function(isPdfPreview) {
       assert(this.uiState_ == PrintPreview.UiState_.READY,
              'Print document request received when not in ready state: ' +
@@ skipping 395 matching lines @@
      * @private
      */
     onDestinationChangeButtonActivate_: function() {
       this.destinationSearch_.setIsVisible(true);
       this.destinationStore_.startLoadCloudDestinations();
       this.destinationStore_.startLoadLocalDestinations();
       this.destinationStore_.startLoadPrivetDestinations();
     },
 
     /**
+     * Called when the destination settings' change button is activated.
+     * Displays the destination search component.
+     * @private
+     */
+    onAdvancedOptionsButtonActivated_: function() {
+      this.advancedSettings_.showForDestination(
+          this.destinationStore_.selectedDestination);
+    },
+
+    /**
      * Called when the destination search dispatches manage cloud destinations
      * event. Calls corresponding native layer method.
      * @private
      */
     onManageCloudDestinationsActivated_: function() {
       this.nativeLayer_.startManageCloudDestinations();
     },
 
     /**
      * Called when the destination search dispatches manage local destinations
@@ skipping 301 matching lines @@
 <include src="metrics.js"/>
 
 <include src="settings/page_settings.js"/>
 <include src="settings/copies_settings.js"/>
 <include src="settings/media_size_settings.js"/>
 <include src="settings/layout_settings.js"/>
 <include src="settings/color_settings.js"/>
 <include src="settings/margin_settings.js"/>
 <include src="settings/destination_settings.js"/>
 <include src="settings/other_options_settings.js"/>
+<include src="settings/advanced_options_settings.js"/>
 <include src="settings/advanced_settings/advanced_settings.js"/>
 <include src="settings/advanced_settings/advanced_settings_item.js"/>
 
 <include src="previewarea/margin_control.js"/>
 <include src="previewarea/margin_control_container.js"/>
 <include src="../pdf/pdf_scripting_api.js" />
 <include src="previewarea/preview_area.js"/>
 <include src="preview_generator.js"/>
 
 <include src="search/destination_list.js"/>
 <include src="search/cloud_destination_list.js"/>
 <include src="search/recent_destination_list.js"/>
 <include src="search/destination_list_item.js"/>
 <include src="search/destination_search.js"/>
 <include src="search/fedex_tos.js"/>
 
 window.addEventListener('DOMContentLoaded', function() {
   printPreview = new print_preview.PrintPreview();
   printPreview.initialize();
 });