| 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 * 'settings-animated-pages' is a container for a page and animated subpages. | 7 * 'settings-animated-pages' is a container for a page and animated subpages. |
| 8 * It provides a set of common behaviors and animations. | 8 * It provides a set of common behaviors and animations. |
| 9 * | 9 * |
| 10 * Example: | 10 * Example: |
| (...skipping 28 matching lines...) Expand all Loading... |
| 39 }, | 39 }, |
| 40 }, | 40 }, |
| 41 | 41 |
| 42 /** @override */ | 42 /** @override */ |
| 43 created: function() { | 43 created: function() { |
| 44 // Observe the light DOM so we know when it's ready. | 44 // Observe the light DOM so we know when it's ready. |
| 45 this.lightDomObserver_ = Polymer.dom(this).observeNodes( | 45 this.lightDomObserver_ = Polymer.dom(this).observeNodes( |
| 46 this.lightDomChanged_.bind(this)); | 46 this.lightDomChanged_.bind(this)); |
| 47 | 47 |
| 48 this.addEventListener('subpage-back', function() { | 48 this.addEventListener('subpage-back', function() { |
| 49 assert(this.currentRoute.section == this.section); | 49 settings.navigateTo(this.currentRoute.parent); |
| 50 assert(this.currentRoute.subpage.length >= 1); | |
| 51 | |
| 52 this.setSubpageChain(this.currentRoute.subpage.slice(0, -1)); | |
| 53 }.bind(this)); | 50 }.bind(this)); |
| 54 }, | 51 }, |
| 55 | 52 |
| 56 /** | 53 /** |
| 57 * Called initially once the effective children are ready. | 54 * Called initially once the effective children are ready. |
| 58 * @private | 55 * @private |
| 59 */ | 56 */ |
| 60 lightDomChanged_: function() { | 57 lightDomChanged_: function() { |
| 61 if (this.lightDomReady_) | 58 if (this.lightDomReady_) |
| 62 return; | 59 return; |
| (...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 134 // Set the subpage's id for use by neon-animated-pages. | 131 // Set the subpage's id for use by neon-animated-pages. |
| 135 var subpage = /** @type {{_content: DocumentFragment}} */(template)._content | 132 var subpage = /** @type {{_content: DocumentFragment}} */(template)._content |
| 136 .querySelector('settings-subpage'); | 133 .querySelector('settings-subpage'); |
| 137 if (!subpage.id) | 134 if (!subpage.id) |
| 138 subpage.id = id; | 135 subpage.id = id; |
| 139 | 136 |
| 140 // Render synchronously so neon-animated-pages can select the subpage. | 137 // Render synchronously so neon-animated-pages can select the subpage. |
| 141 template.if = true; | 138 template.if = true; |
| 142 template.render(); | 139 template.render(); |
| 143 }, | 140 }, |
| 144 | |
| 145 /** | |
| 146 * Buttons in this pageset should use this method to transition to subpages. | |
| 147 * @param {!Array<string>} subpage The chain of subpages within the page. | |
| 148 */ | |
| 149 setSubpageChain: function(subpage) { | |
| 150 var node = window.event.currentTarget; | |
| 151 var page; | |
| 152 while (node) { | |
| 153 if (node.dataset && node.dataset.page) | |
| 154 page = node.dataset.page; | |
| 155 // A shadow root has a |host| rather than a |parentNode|. | |
| 156 node = node.host || node.parentNode; | |
| 157 } | |
| 158 this.currentRoute = { | |
| 159 page: page, | |
| 160 section: subpage.length > 0 ? this.section : '', | |
| 161 subpage: subpage, | |
| 162 }; | |
| 163 }, | |
| 164 }); | 141 }); |
| OLD | NEW |