diff options
Diffstat (limited to 'catapult/third_party/polymer/components/app-route/test/app-example-1.html')
-rw-r--r-- | catapult/third_party/polymer/components/app-route/test/app-example-1.html | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/catapult/third_party/polymer/components/app-route/test/app-example-1.html b/catapult/third_party/polymer/components/app-route/test/app-example-1.html new file mode 100644 index 00000000..e86a7038 --- /dev/null +++ b/catapult/third_party/polymer/components/app-route/test/app-example-1.html @@ -0,0 +1,45 @@ +<!-- +@license +Copyright (c) 2016 The Polymer Project Authors. All rights reserved. +This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt +The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt +The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt +Code distributed by Google as part of the polymer project is also +subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt +--> + +<link rel='import' href='../app-route.html'> +<link rel='import' href='../app-location.html'> + +<dom-module id='app-example-1'> + <template> + <app-location route='{{route}}'> + </app-location> + <app-route id="page" route='{{route}}' pattern='/:page' data='{{data}}'> + </app-route> + <app-route id="user" route='{{route}}' pattern='/user' tail='{{userRoute}}'> + </app-route> + <app-route id="tail" route='{{userRoute}}' pattern='/:page' data='{{userData}}' query-params="{{userQueryParams}}"> + </app-route> + </template> + <script> + Polymer({ + is: 'app-example-1', + observers: [ + 'pageChanged(data.page)', + 'userPathChanged(userRoute.path)', + ], + pageChanged: function(page) { + if (page === 'redirectToUser') { + this.set('data.page', 'user'); + } + }, + userPathChanged: function(path) { + // Redirect from /user/ and /user to /user/view + if (path === '/' || path === '') { + this.set('userRoute.path', '/view'); + } + } + }) + </script> +</dom-module> |