summaryrefslogtreecommitdiff
path: root/chromium/chrome/browser/resources/settings/settings_drawer/settings_drawer.js
blob: 16875d7bfd369ff81235dcec22f194fe75ae5d05 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
// 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.

/**
 * @fileoverview
 * 'cr-settings-drawer' holds the user card and navigation menu for settings
 * pages.
 *
 * Example:
 *
 *     <paper-drawer-panel>
 *       <cr-settings-drawer drawer selected-id="{{selectedId}}"
 *           pages="[[pages]]">
 *       </cr-settings-drawer>
 *       <cr-settings-main main selected-id="{{selectedId}}" pages="[[pages]]">
 *       </cr-settings-main>
 *     </paper-drawer-panel>
 *
 * @group Chrome Settings Elements
 * @element cr-settings-drawer
 */
Polymer({
  is: 'cr-settings-drawer',

  properties: {
    /**
     * Pages to include in the navigation.
     * @type {!Array<!HTMLElement>}
     */
    pages: {
      type: Array,
      value: function() { return []; },
    },

    /**
     * ID of the currently selected page.
     * @type {string}
     */
    selectedId: {
      type: String,
      notify: true,
    },

    /**
     * @private {!Object}
     * TODO(michaelpg): Create custom element and data source for user card.
     */
    user_: {
      type: Object,
      value: function() {
        return {
          name: 'Chrome User',
          email: 'user@example.com',
          iconUrl: 'chrome://theme/IDR_PROFILE_AVATAR_23@1x',
        };
      },
      readOnly: true,
    },
  },
});