Migrate odlux

[ccsdk/features.git] / sdnr / wt / odlux / framework / src / components / navigationMenu.tsx

diff --git a/sdnr/wt/odlux/framework/src/components/navigationMenu.tsx b/sdnr/wt/odlux/framework/src/components/navigationMenu.tsx
index 790677a..437ba1b 100644 (file)
--- a/sdnr/wt/odlux/framework/src/components/navigationMenu.tsx
+++ b/sdnr/wt/odlux/framework/src/components/navigationMenu.tsx
@@ -26,12 +26,14 @@ import List from '@material-ui/core/List';
 import Divider from '@material-ui/core/Divider';\r
 \r
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r
+import { faProjectDiagram } from '@fortawesome/free-solid-svg-icons';\r
 \r
 import ListItemLink from '../components/material-ui/listItemLink';\r
 \r
 import connect, { Connect } from '../flux/connect';\r
 import { MenuAction } from '../actions/menuAction';\r
 import * as classNames from 'classnames';\r
+import { transportPCEUrl } from '../app';\r
 \r
 \r
 const drawerWidth = 240;\r
@@ -125,6 +127,33 @@ export const NavigationMenu = withStyles(styles)(connect()(({ classes, state, di
     window.dispatchEvent(new Event('menu-resized'));\r
   }, [isOpen])\r
 \r
+  let menuItems = state.framework.applicationRegistraion && Object.keys(state.framework.applicationRegistraion).map(key => {\r
+    const reg = state.framework.applicationRegistraion[key];\r
+    return reg && (\r
+      <ListItemLink\r
+        key={reg.name}\r
+        to={reg.path || `/${reg.name}`}\r
+        primary={reg.menuEntry || reg.name}\r
+        secondary={reg.subMenuEntry}\r
+        icon={reg.icon && <FontAwesomeIcon icon={reg.icon} /> || null} />\r
+    ) || null;\r
+  }) || null;\r
+\r
+  const transportPCELink = <ListItemLink\r
+    key={"transportPCE"}\r
+    to={window.localStorage.getItem(transportPCEUrl)!}\r
+    primary={"TransportPCE"}\r
+    icon={<FontAwesomeIcon icon={faProjectDiagram}/>} \r
+    external/>;\r
+\r
+  const linkFound = menuItems.find(obj=>obj.key === "linkCalculation");\r
+  if(linkFound){\r
+    const index = menuItems.indexOf(linkFound);\r
+    menuItems.splice(index+1,0,transportPCELink);\r
+  }else{\r
+    menuItems.push(transportPCELink);\r
+  }\r
+\r
   return (\r
     <Drawer\r
       variant="permanent"\r
@@ -145,17 +174,7 @@ export const NavigationMenu = withStyles(styles)(connect()(({ classes, state, di
           <ListItemLink exact to="/" primary="Home" icon={<FontAwesomeIcon icon={faHome} />} />\r
           <Divider />\r
           {\r
-            state.framework.applicationRegistraion && Object.keys(state.framework.applicationRegistraion).map(key => {\r
-              const reg = state.framework.applicationRegistraion[key];\r
-              return reg && (\r
-                <ListItemLink\r
-                  key={reg.name}\r
-                  to={reg.path || `/${reg.name}`}\r
-                  primary={reg.menuEntry || reg.name}\r
-                  secondary={reg.subMenuEntry}\r
-                  icon={reg.icon && <FontAwesomeIcon icon={reg.icon} /> || null} />\r
-              ) || null;\r
-            }) || null\r
+          menuItems\r
           }\r
           <Divider />\r
           <ListItemLink to="/about" primary="About" icon={<FontAwesomeIcon icon={faAddressBook} />} />\r