core-router

implements SPA arc on poymer platform


Keywords
router, core, polymer, spa
License
MIT
Install
bower install core-router

Documentation

core-router

Implement SPA arc on polymer platform

Install

bower install core-router --save

Use

Case 1 : Use core-router

for use the component add import on index.html

<link rel="import" href="../components/core-router/core-router.html">

declare router :

<core-router name="Toto" root="Map" pageError="Map" routes='{"Map":"aston-page1","Test":"aston-page2",
     "Error": "aston-page3"}' defaultContainerId="body"></core-router>

declare own page (personal polymer component)

<link rel="import" href="../aston/page1.html">
<link rel="import" href="../aston/page2.html">

redirect

document.Toto.redirect("Map", null, null);

Case 2 : User core-router and core-router-router-hleper-selectable

for use the component add import on index.html

<link rel="import" href="../components/core-router/core-router.html">
<link rel="import" href="../components/core-router/core-router-router-helper-selectable.html">

declare router :

<paper-tabs valueattr="name" selected="Map" self-en>
       <paper-tab name="Map">Map</paper-tab>
       <paper-tab name="Test">Test</paper-tab>
       <paper-tab name="Error">Error</paper-tab>
</paper-tabs>
<core-router name="Toto" root="Map" pageError="Map" routes='{"Map":"aston-page1","Test":"aston-page2",
     "Error": "aston-page3"}' defaultContainerId="body"></core-router>
<core-router-router-helper-selectable selectableElementId="paper-tabs" routerName="Toto"></core-router-router-helper-selectable>

declare own page (personal polymer component)

<link rel="import" href="../aston/page1.html">
<link rel="import" href="../aston/page2.html">

the redirection is automatic !