MD Settings: allow changing to GTK+ theme on Linux

chrome/browser/resources/settings/appearance_page/appearance_page.js

 // Copyright 2015 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.
 
 /**
  * 'settings-appearance-page' is the settings page containing appearance
  * settings.
  *
  * Example:
  *
  *    <iron-animated-pages>
  *      <settings-appearance-page prefs="{{prefs}}">
  *      </settings-appearance-page>
  *      ... other pages ...
  *    </iron-animated-pages>
  */
 Polymer({
   is: 'settings-appearance-page',
 
   behaviors: [I18nBehavior],
 
   properties: {
     /** @private {!settings.AppearanceBrowserProxy} */
     browserProxy_: Object,
 
-    /**
-     * Preferences state.
-     */
     prefs: {
       type: Object,
       notify: true,
     },
 
-    /**
-     * @private
-     */
-    allowResetTheme_: {
-      notify: true,
+    /** @private */
+    useSystemTheme_: {
       type: Boolean,
-      value: false,
+      value: false,  // Can only be true on Linux, but value exists everywhere.
     },
 
-    /**
-     * @private
-     */
+    /** @private */
     defaultZoomLevel_: {
       notify: true,
       type: Object,
       value: function() {
         return {
           type: chrome.settingsPrivate.PrefType.NUMBER,
         };
       },
     },
 
@@ skipping 47 matching lines @@
     themeSublabel_: String,
 
     /**
      * Dictionary defining page visibility.
      * @type {!AppearancePageVisibility}
      */
     pageVisibility: Object,
   },
 
   observers: [
-    'themeChanged_(prefs.extensions.theme.id.value)',
+    'themeChanged_(prefs.extensions.theme.id.value, useSystemTheme_)',
+
+<if expr="is_linux and not chromeos">
+    // NOTE: this pref only exists on Linux.
+    'useSystemThemePrefChanged_(prefs.extensions.theme.use_system.value)',
+</if>
+
     'zoomLevelChanged_(defaultZoomLevel_.value)',
   ],
 
   created: function() {
     this.browserProxy_ = settings.AppearanceBrowserProxyImpl.getInstance();
   },
 
   ready: function() {
     this.$.defaultFontSize.menuOptions = this.fontSizeOptions_;
     this.$.pageZoom.menuOptions = this.pageZoomOptions_;
     // TODO(dschuyler): Look into adding a listener for the
     // default zoom percent.
     chrome.settingsPrivate.getDefaultZoomPercent(
         this.zoomPrefChanged_.bind(this));
   },
 
-  /** @override */
-  attached: function() {
-    // Query the initial state.
-    this.browserProxy_.getResetThemeEnabled().then(
-        this.setResetThemeEnabled.bind(this));
-
-    // Set up the change event listener.
-    cr.addWebUIListener('reset-theme-enabled-changed',
-                        this.setResetThemeEnabled.bind(this));
-  },
-
   /**
    * @param {boolean} isNtp Whether to use the NTP as the home page.
    * @param {string} homepage If not using NTP, use this URL.
    * @return {string} The sub-label.
    * @private
    */
   getShowHomeSubLabel_: function(isNtp, homepage) {
     if (isNtp)
       return this.i18n('homePageNtp');
     return homepage || this.i18n('exampleDotCom');
   },
 
-  /**
-   * @param {boolean} enabled Whether the theme reset is available.
-   */
-  setResetThemeEnabled: function(enabled) {
-    this.allowResetTheme_ = enabled;
-  },
-
   /** @private */
   onCustomizeFontsTap_: function() {
     settings.navigateTo(settings.Route.FONTS);
   },
 
   /** @private */
   openThemesGallery_: function() {
+    // TODO(dbeam): open the theme detail page when a custom theme is installed
+    // (or otherwise handle the [//] open in new icon in a better way).
     window.open(loadTimeData.getString('themesGalleryUrl'));
   },
 
 <if expr="chromeos">
   /**
    * ChromeOS only.
    * @private
    */
   openWallpaperManager_: function() {
     this.browserProxy_.openWallpaperManager();
   },
 </if>
 
   /** @private */
-  resetTheme_: function() {
-    this.browserProxy_.resetTheme();
+  onUseDefaultTap_: function() {
+    this.browserProxy_.useDefaultTheme();
+  },
+
+<if expr="is_linux and not chromeos">
+  /**
+   * @param {boolean} useSystemTheme
+   * @private
+   */
+  useSystemThemePrefChanged_: function(useSystemTheme) {
+    this.useSystemTheme_ = useSystemTheme;
   },
 
   /**
-   * @param {string} themeId The theme ID.
+   * @param {string} themeId
+   * @param {boolean} useSystemTheme
+   * @return {boolean} Whether to show the "USE CLASSIC" button.
    * @private
    */
-  themeChanged_: function(themeId) {
-    if (themeId) {
-      chrome.management.get(themeId,
-          function(info) {
-            this.themeSublabel_ = info.name;
-          }.bind(this));
-    } else {
-      this.themeSublabel_ = this.i18n('chooseFromWebStore');
-    }
+  showUseClassic_: function(themeId, useSystemTheme) {
+    return !!themeId || useSystemTheme;
   },
 
   /**
+   * @param {string} themeId
+   * @param {boolean} useSystemTheme
+   * @return {boolean} Whether to show the "USE GTK+" button.
+   * @private
+   */
+  showUseSystem_: function(themeId, useSystemTheme) {
+    return !!themeId || !useSystemTheme;
+  },
+
+  /** @private */
+  onUseSystemTap_: function() {
+    this.browserProxy_.useSystemTheme();
+  },
+</if>
+
+  /**
+   * @param {string} themeId
+   * @param {boolean} useSystemTheme
+   * @private
+   */
+  themeChanged_: function(themeId, useSystemTheme) {
+    if (themeId) {
+      assert(!useSystemTheme);
+      this.browserProxy_.getThemeInfo(themeId).then(function(info) {
+        this.themeSublabel_ = info.name;
+      }.bind(this));
+      return;
+    }
+
+    var i18nId;
+<if expr="is_linux and not chromeos">
+    i18nId = useSystemTheme ? 'systemTheme' : 'classicTheme';
+</if>
+<if expr="not is_linux or chromeos">
+    i18nId = 'chooseFromWebStore';
+</if>
+    this.themeSublabel_ = this.i18n(i18nId);
+  },
+
+  /**
    * @param {number} percent The integer percentage of the page zoom.
    * @private
    */
   zoomPrefChanged_: function(percent) {
     this.set('defaultZoomLevel_.value', percent);
   },
 
   /**
    * @param {number} percent The integer percentage of the page zoom.
    * @private
    */
   zoomLevelChanged_: function(percent) {
     // The |percent| may be undefined on startup.
     if (percent === undefined)
       return;
     chrome.settingsPrivate.setDefaultZoomPercent(percent);
   },
 
   /**
    * @param {boolean} bookmarksBarVisible if bookmarks bar option is visible.
    * @return {string} 'first' if the argument is false or empty otherwise.
    * @private
    */
   getFirst_: function(bookmarksBarVisible) {
     return !bookmarksBarVisible ? 'first' : '';
   }
 });