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

   1 // Copyright 2015 The Chromium Authors. All rights reserved.
   2 // Use of this source code is governed by a BSD-style license that can be
   3 // found in the LICENSE file.
   4
   5
   6
   7 /**
   8  * 'cr-settings-appearance-page' is the settings page containing appearance
   9  * settings.
  10  *
  11  * Example:
  12  *
  13  *    <iron-animated-pages>
  14  *      <cr-settings-appearance-page prefs="{{prefs}}">
  15  *      </cr-settings-appearance-page>
  16  *      ... other pages ...
  17  *    </iron-animated-pages>
  18  *
  19  * @group Chrome Settings Elements
  20  * @element cr-settings-appearance-page
  21  */
  22 Polymer({
  23   is: 'cr-settings-appearance-page',
  24
  25   /** @override */
  26   attached: function() {
  27     // Query the initial state.
  28     cr.sendWithCallback('getResetThemeEnabled', undefined,
  29                         this.setResetThemeEnabled.bind(this));
  30
  31     // Set up the change event listener.
  32     cr.addWebUIListener('reset-theme-enabled-changed',
  33                         this.setResetThemeEnabled.bind(this));
  34   },
  35
  36   properties: {
  37     /**
  38      * Preferences state.
  39      */
  40     prefs: {
  41       type: Object,
  42       notify: true,
  43     },
  44
  45     /**
  46      * Route for the page.
  47      */
  48     route: String,
  49
  50     /**
  51      * Whether the page is a subpage.
  52      */
  53     subpage: {
  54       type: Boolean,
  55       value: false,
  56       readOnly: true,
  57     },
  58
  59     /**
  60      * ID of the page.
  61      */
  62     PAGE_ID: {
  63       type: String,
  64       value: 'appearance',
  65       readOnly: true,
  66     },
  67
  68     /**
  69      * Title for the page header and navigation menu.
  70      */
  71     pageTitle: {
  72       type: String,
  73       value: function() {
  74         return loadTimeData.getString('appearancePageTitle');
  75       },
  76     },
  77
  78     /**
  79      * Name of the 'iron-icon' to show.
  80      */
  81     icon: {
  82       type: String,
  83       value: 'home',
  84       readOnly: true,
  85     },
  86   },
  87
  88   setResetThemeEnabled: function(enabled) {
  89     this.$.resetTheme.disabled = !enabled;
  90   },
  91
  92   /** @private */
  93   openThemesGallery_: function() {
  94     window.open(loadTimeData.getString('themesGalleryUrl'));
  95   },
  96
  97   /** @private */
  98   resetTheme_: function() {
  99     chrome.send('resetTheme');
 100   },
 101 });