footer tracks the location somewhat

5 files changed, 33 insertions, 4 deletions

diff --git a/app/client/common/header.component.js b/app/client/common/header.component.js
index 776fbe4..6e07dd8 100644
--- a/app/client/common/header.component.js
+++ b/app/client/common/header.component.js
@@ -7,12 +7,21 @@ import * as systemActions from '../system/system.actions'
 
 import modules from '../modules'
 
-function Header({ site, app, fps, playing, actions }) {
+function Header(props){
+  const { site, app, fps, playing, actions, location } = props
   const tool_list = Object.keys(modules).map((name, i) => {
     const label = name.replace(/_/, " ")
     return <option value={name} key={i}>{label}</option>
   })
-  const Links = modules[app.tool].links
+  const tool = modules[app.tool]
+  const links = tool.links().map((link,i) => {
+    let name = link.url === location.pathname ? <b>{link.name}</b> : link.name
+    return (
+      <span key={i}>
+        {link.url ? <Link to={link.url}>{name}</Link> : name}
+      </span>
+    )
+  })
   return (
     <header>
       <b>{site.name} cortex</b>
@@ -23,7 +32,7 @@ function Header({ site, app, fps, playing, actions }) {
       </span>
       <span><Link to="/system">system</Link></span>
       <span><Link to="/dashboard">dashboard</Link></span>
-      <Links />
+      <span>{links}</span>
       {playing && <span>{fps} fps</span>}
     </header>
   )
diff --git a/app/client/index.jsx b/app/client/index.jsx
index 8a13687..fd4679c 100644
--- a/app/client/index.jsx
+++ b/app/client/index.jsx
@@ -28,7 +28,7 @@ const app = (
         <Route path='/system/' component={System} />
         <Route path='/dashboard/' component={Dashboard} />
         {module_list}
-        <Header />
+        <Route path='/' component={Header} />
         <AudioPlayer />
       </div>
     </BrowserRouter>
diff --git a/app/client/modules/pix2pix/index.js b/app/client/modules/pix2pix/index.js
index 607292e..174398d 100644
--- a/app/client/modules/pix2pix/index.js
+++ b/app/client/modules/pix2pix/index.js
@@ -20,6 +20,13 @@ function router () {
 }
 
 function links(){
+  return [
+    { url: '/pix2pix/new/', name: 'new' },
+    { url: '/pix2pix/sequences/', name: 'sequences' },
+    { name: 'train' },
+    { name: 'process' },
+    { url: '/pix2pix/live/', name: 'live' },
+  ]
   return (
     <span>
       <span><Link to="/pix2pix/new/">new</Link></span>
diff --git a/app/client/modules/pix2wav/index.js b/app/client/modules/pix2wav/index.js
index 15496a2..4bbae56 100644
--- a/app/client/modules/pix2wav/index.js
+++ b/app/client/modules/pix2wav/index.js
@@ -19,6 +19,13 @@ function router () {
 }
 
 function links(){
+  return [
+    { url: '/pix2wav/new/', name: 'new' },
+    { url: '/pix2wav/datasets/', name: 'datasets' },
+    { name: 'train' },
+    { name: 'process' },
+    { url: '/pix2wav/live/', name: 'live' },
+  ]
   return (
     <span>
       <span><Link to="/pix2wav/new/">new</Link></span>
diff --git a/app/client/modules/samplernn/index.js b/app/client/modules/samplernn/index.js
index 55c492e..2a9d64d 100644
--- a/app/client/modules/samplernn/index.js
+++ b/app/client/modules/samplernn/index.js
@@ -23,6 +23,12 @@ function router () {
 }
 
 function links(){
+  return [
+    { url: '/samplernn/new/', name: 'new' },
+    { url: '/samplernn/datasets/', name: 'datasets' },
+    { url: '/samplernn/graph/', name: 'graph' },
+    { url: '/samplernn/results/', name: 'results' },
+  ]
   return (
     <span>
       <span><Link to="/samplernn/new/">new</Link></span>