ui: Add "current node highlight" in nav

Polytechnique-org · Jul 7, 2015 · 2926cb5 · 2926cb5
1 parent 2ec13b5
commit 2926cb5
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/ui/app/views/app.jsx b/ui/app/views/app.jsx
@@ -86,6 +86,14 @@ var AppView = React.createClass({
     ];
     var styles = this.getStyles();
 
+    var currentItem = null;
+    for (var i = menuItems.length - 1; i >= 0; i--) {
+      if (this.context.router.isActive(menuItems[i].route)) {
+        currentItem = i;
+        break;
+      }
+    }
+
     return (
       <mui.AppCanvas predefinedLayout={1}>
         <mui.AppBar title="Demo" zDepth={0} showMenuIconButton={false} />
@@ -94,7 +102,11 @@ var AppView = React.createClass({
             <RouteHandler/>
           </div>
           <div style={styles.nav}>
-            <mui.Menu menuItems={menuItems} onItemClick={this.onNavChange} />
+            <mui.Menu
+              menuItems={menuItems}
+              selectedIndex={currentItem}
+              onItemClick={this.onNavChange}
+              />
           </div>
         </div>
       </mui.AppCanvas>