OLD | NEW |
1 // Copyright 2015 The Chromium Authors. All rights reserved. | 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 | 2 // Use of this source code is governed by a BSD-style license that can be |
3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
4 | 4 |
5 /** | 5 /** |
6 * @fileoverview | 6 * @fileoverview |
7 * 'cr-settings-main' displays the selected settings page. | 7 * 'cr-settings-main' displays the selected settings page. |
8 * | 8 * |
9 * Example: | 9 * Example: |
10 * | 10 * |
(...skipping 14 matching lines...) Expand all Loading... |
25 * | 25 * |
26 * @type {?CrSettingsPrefsElement} | 26 * @type {?CrSettingsPrefsElement} |
27 */ | 27 */ |
28 prefs: { | 28 prefs: { |
29 type: Object, | 29 type: Object, |
30 notify: true, | 30 notify: true, |
31 }, | 31 }, |
32 | 32 |
33 /** | 33 /** |
34 * Pages that may be shown. | 34 * Pages that may be shown. |
35 * @type {?Array<!HTMLElement>} | 35 * @type {!Array<!HTMLElement>} |
36 */ | 36 */ |
37 pages: Array, | 37 pages: { |
| 38 type: Array, |
| 39 value: function() { return []; }, |
| 40 notify: true, |
| 41 readOnly: true, |
| 42 }, |
38 | 43 |
39 /** | 44 /** |
40 * Currently selected page. | 45 * Currently selected page. |
41 * @type {?HTMLElement} | 46 * @type {?HTMLElement} |
42 */ | 47 */ |
43 selectedPage: { | 48 selectedPage: { |
44 type: Object, | 49 type: Object, |
45 notify: true, | 50 notify: true, |
46 }, | 51 }, |
47 | 52 |
48 /** | 53 /** |
49 * ID of the currently selected page. | 54 * ID of the currently selected page. |
50 */ | 55 */ |
51 selectedPageId: { | 56 selectedPageId: { |
52 type: String, | 57 type: String, |
53 notify: true, | 58 notify: true, |
54 observe: 'selectedPageIdChanged_', | 59 value: '', |
| 60 observer: 'selectedPageIdChanged_', |
55 }, | 61 }, |
56 }, | 62 }, |
57 | 63 |
58 /** @override */ | 64 /** @override */ |
59 ready: function() { | 65 ready: function() { |
60 var observer = new MutationObserver(this.pageContainerUpdated_.bind(this)); | 66 var observer = new MutationObserver(this.pageContainerUpdated_.bind(this)); |
61 observer.observe(this.$.pageContainer, | 67 observer.observe(this.$.pageContainer, |
62 /** @type {MutationObserverInit} */ { | 68 /** @type {MutationObserverInit} */ { |
63 childList: true, | 69 childList: true, |
64 }); | 70 }); |
(...skipping 12 matching lines...) Expand all Loading... |
77 * We observe $.pageContainer.on-iron-select instead of using data binding | 83 * We observe $.pageContainer.on-iron-select instead of using data binding |
78 * for two reasons: | 84 * for two reasons: |
79 * 1) We need to exclude subpages | 85 * 1) We need to exclude subpages |
80 * 2) There is a bug with data binding or our useage of it here causing | 86 * 2) There is a bug with data binding or our useage of it here causing |
81 * this.selectedPage to get set to the index of $.pageContainer instead of | 87 * this.selectedPage to get set to the index of $.pageContainer instead of |
82 * the valueattr identifier (PAGE_ID). TODO(stevenjb/jlklien): Investigate | 88 * the valueattr identifier (PAGE_ID). TODO(stevenjb/jlklien): Investigate |
83 * fixing this and using filters once we switch to Polymer 0.8. | 89 * fixing this and using filters once we switch to Polymer 0.8. |
84 * @private | 90 * @private |
85 */ | 91 */ |
86 onIronSelect_: function(event) { | 92 onIronSelect_: function(event) { |
87 if (event.target != this.$.pageContainer || !event.detail.isSelected || | 93 if (event.target != this.$.pageContainer || event.detail.item.subpage) { |
88 event.detail.item.subpage) { | |
89 return; | 94 return; |
90 } | 95 } |
91 this.selectedPageId = event.detail.item.PAGE_ID; | 96 this.selectedPageId = event.detail.item.PAGE_ID; |
92 }, | 97 }, |
93 | 98 |
94 /** | 99 /** |
95 * If no page is selected, selects the first page. This happens on load and | 100 * If no page is selected, selects the first page. This happens on load and |
96 * when a selected page is removed. | 101 * when a selected page is removed. |
97 * @private | 102 * @private |
98 */ | 103 */ |
99 ensureSelection_: function() { | 104 ensureSelection_: function() { |
100 if (!this.pages.length) | 105 if (!this.pages.length) |
101 return; | 106 return; |
102 if (this.selectedPageId == '') | 107 if (this.selectedPageId == '') |
103 this.selectedPageId = this.pages[0].PAGE_ID; | 108 this.selectedPageId = this.pages[0].PAGE_ID; |
104 }, | 109 }, |
105 | 110 |
106 /** | 111 /** |
107 * Updates the list of pages using the pages in iron-pages. | 112 * Updates the list of pages using the pages in iron-pages. |
108 * @private | 113 * @private |
109 */ | 114 */ |
110 pageContainerUpdated_: function() { | 115 pageContainerUpdated_: function() { |
111 this.pages = this.$.pageContainer.items.filter(function(item) { | 116 this._setPages(this.$.pageContainer.items.filter(function(item) { |
112 return !item.subpage; | 117 return !item.subpage; |
113 }); | 118 })); |
114 this.ensureSelection_(); | 119 this.ensureSelection_(); |
115 }, | 120 }, |
116 }); | 121 }); |
OLD | NEW |