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

chrome/browser/resources/print_preview/settings/destination_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';
 
   // TODO(rltoscano): This class needs a throbber while loading the destination
   // or another solution is persist the settings of the printer so that next
   // load is fast.
 
   /**
    * Component used to render the print destination.
    * @param {!print_preview.DestinationStore} destinationStore Used to determine
    *     the selected destination.
    * @constructor
-   * @extends {print_preview.Component}
+   * @extends {print_preview.SettingsSection}
    */
   function DestinationSettings(destinationStore) {
-    print_preview.Component.call(this);
+    print_preview.SettingsSection.call(this);
 
     /**
      * Used to determine the selected destination.
      * @type {!print_preview.DestinationStore}
      * @private
      */
     this.destinationStore_ = destinationStore;
 
     /**
      * Current CSS class of the destination icon.
@@ skipping 26 matching lines @@
     ICON_LOCAL: 'destination-settings-icon-local',
     ICON_MOBILE: 'destination-settings-icon-mobile',
     ICON_MOBILE_SHARED: 'destination-settings-icon-mobile-shared',
     LOCATION: 'destination-settings-location',
     NAME: 'destination-settings-name',
     STALE: 'stale',
     THOBBER_NAME: 'destination-throbber-name'
   };
 
   DestinationSettings.prototype = {
-    __proto__: print_preview.Component.prototype,
+    __proto__: print_preview.SettingsSection.prototype,
 
-    /** @param {boolean} Whether the component is enabled. */
+    /** @override */
+    isAvailable: function() {
+      return true;
+    },
+
+    /** @override */
+    hasCollapsibleContent: function() {
+      return false;
+    },
+
+    /** @override */
     set isEnabled(isEnabled) {
       var changeButton = this.getElement().getElementsByClassName(
           DestinationSettings.Classes_.CHANGE_BUTTON)[0];
       changeButton.disabled = !isEnabled;
     },
 
     /** @override */
     enterDocument: function() {
-      print_preview.Component.prototype.enterDocument.call(this);
+      print_preview.SettingsSection.prototype.enterDocument.call(this);
       var changeButton = this.getElement().getElementsByClassName(
           DestinationSettings.Classes_.CHANGE_BUTTON)[0];
       this.tracker.add(
           changeButton, 'click', this.onChangeButtonClick_.bind(this));
       this.tracker.add(
           this.destinationStore_,
           print_preview.DestinationStore.EventType.DESTINATION_SELECT,
           this.onDestinationSelect_.bind(this));
       this.tracker_.add(
           this.destinationStore_,
@@ skipping 64 matching lines @@
       nameEl.textContent = destinationName;
       nameEl.title = destinationName;
     }
   };
 
   // Export
   return {
     DestinationSettings: DestinationSettings
   };
 });