Printe Preview: add 'More/less options' button and make non-essential sections collapsible

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 159 matching lines @@
     /**
      * Component used to search for print destinations.
      * @type {!print_preview.AdvancedSettings}
      * @private
      */
     this.advancedSettings_ = new print_preview.AdvancedSettings(
         this.printTicketStore_);
     this.addChild(this.advancedSettings_);
 
     /**
+     * Component representing more/less settings button.
+     * @type {!print_preview.MoreSettings}
+     * @private
+     */
+    this.moreSettings_ = new print_preview.MoreSettings([
+        this.destinationSettings_,
+        this.pageSettings_,
+        this.copiesSettings_,
+        this.mediaSizeSettings_,
+        this.layoutSettings_,
+        this.marginSettings_,
+        this.colorSettings_,
+        this.otherOptionsSettings_,
+        this.advancedOptionsSettings_]);
+    this.addChild(this.moreSettings_);
+
+    /**
      * Area of the UI that holds the print preview.
      * @type {!print_preview.PreviewArea}
      * @private
      */
     this.previewArea_ = new print_preview.PreviewArea(this.destinationStore_,
                                                       this.printTicketStore_,
                                                       this.nativeLayer_,
                                                       this.documentInfo_);
     this.addChild(this.previewArea_);
 
@@ skipping 230 matching lines @@
       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.moreSettings_.decorate($('more-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
@@ skipping 743 matching lines @@
 <include src="data/ticket_items/css_background.js"/>
 <include src="data/ticket_items/selection_only.js"/>
 
 <include src="native_layer.js"/>
 <include src="print_preview_animations.js"/>
 <include src="cloud_print_interface.js"/>
 <include src="print_preview_utils.js"/>
 <include src="print_header.js"/>
 <include src="metrics.js"/>
 
+<include src="settings/settings_section.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="settings/more_settings.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();
 });