diff --git a/README.md b/README.md index 47a36685..5222a114 100644 --- a/README.md +++ b/README.md @@ -36,14 +36,10 @@ We've recorded a Polycast to get you up and running with PSK2 fast! ##### Prerequisites -First, install [Polymer CLI](https://github.com/Polymer/polymer-cli) using +Install [Polymer CLI](https://github.com/Polymer/polymer-cli) using [npm](https://www.npmjs.com) (we assume you have pre-installed [node.js](https://nodejs.org)). - npm install -g polymer-cli - -Second, install [Bower](https://bower.io/) using [npm](https://www.npmjs.com) - - npm install -g bower + npm install -g polymer-cli@next ##### Initialize project from template diff --git a/src/my-app.js b/src/my-app.js index 16dd2683..88ab777c 100644 --- a/src/my-app.js +++ b/src/my-app.js @@ -11,10 +11,6 @@ import '../node_modules/@polymer/iron-pages/iron-pages.js'; import '../node_modules/@polymer/iron-selector/iron-selector.js'; import '../node_modules/@polymer/paper-icon-button/paper-icon-button.js'; import './my-icons.js'; -import './my-view1.js'; -import './my-view2.js'; -import './my-view3.js'; -import './my-view404.js'; import { setPassiveTouchGestures, setRootPath } from '../node_modules/@polymer/polymer/lib/utils/settings.js'; import { html } from '../node_modules/@polymer/polymer/lib/utils/html-tag.js'; //import { importHref } from '../node_modules/@polymer/polymer/lib/utils/import-href.js'; @@ -102,7 +98,7 @@ class MyApp extends PolymerElement { - + @@ -138,9 +134,15 @@ class MyApp extends PolymerElement { } _routePageChanged(page) { - // If no page was found in the route data, page will be an empty string. - // Default to 'view1' in that case. - this.page = page || 'view1'; + if (!page) { + // If no page was found in the route data, page will be an empty string. + // Default to 'view1' in that case. + this.page = 'view1'; + } else if (['view1', 'view2', 'view3'].indexOf(page) !== -1) { + this.page = page; + } else { + this.page = 'view404'; + } // Close a non-persistent drawer when the page & route are changed. if (!this.$.drawer.persistent) { @@ -152,32 +154,20 @@ class MyApp extends PolymerElement { // Load page import on demand. Show 404 page if fails // Note: `polymer build` doesn't like string concatenation in // the import statement, so break it up. - let loaded; switch(page) { case 'view1': - loaded = import('./my-view1.js'); + import('./my-view1.js'); break; case 'view2': - loaded = import('./my-view2.js'); + import('./my-view2.js'); break; case 'view3': - loaded = import('./my-view3.js'); + import('./my-view3.js'); break; case 'view404': - loaded = import('./my-view404.js'); + import('./my-view404.js'); break; - default: - loaded = Promise.reject(); } - - loaded.then( - _ => {}, - _ => { this._showPage404.bind(this) } - ); - } - - _showPage404() { - this.page = 'view404'; } }