From 30e48cd1b664e728d6953e753259067e9eaa7e52 Mon Sep 17 00:00:00 2001
From: Senad Uka <senaduka@gmail.com>
Date: Tue, 26 Jan 2016 05:43:05 +0100
Subject: [PATCH] put menu items into links - because of the SEO

---
 .../shared/menuItemListComponent.js           | 25 +++++++++++++------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/front-ui/app/components/shared/menuItemListComponent.js b/front-ui/app/components/shared/menuItemListComponent.js
index dd98517..fc9b72a 100644
--- a/front-ui/app/components/shared/menuItemListComponent.js
+++ b/front-ui/app/components/shared/menuItemListComponent.js
@@ -20,6 +20,16 @@ var MenuItemListComponent = React.createClass({
       }
     },
 
+    menuItemUrl: function(menuItem) {
+      var url = "#"
+      if (menuItem.get) {
+          url = menuItem.get('url');
+      } else {
+          url = menuItem.url;
+      }
+      return url;
+    },
+
     getInitialState: function() {
       var state = MenuItemStore.getState();
       var cartState = CartStore.getWholeCartState();
@@ -44,6 +54,7 @@ var MenuItemListComponent = React.createClass({
       MenuItemActions.unsetMenuItemHover();
       NavigationActions.goToMenuItem(menuItem);
       e.preventDefault();
+      return false;
     },
     _onCartClick: function(e) {
       NavigationActions.goToCart();
@@ -74,7 +85,7 @@ var MenuItemListComponent = React.createClass({
           <span className="icon-bar" />
           <span className="icon-bar" />
         </button>
-               
+
       </div>
     <div className="navbar-collapse collapse">
         <ul className="nav navbar-nav hidden-sm hidden-xs ">
@@ -121,16 +132,16 @@ var MenuItemListComponent = React.createClass({
 
           {this.state.menuItems.map(function(menuItem) {
             return <li className="mydropdown menu-large"  onMouseLeave={self.onMouseOut} onMouseOver={self.onMouseOver.bind(self, menuItem)}>
-                <a href="#" className="dropdown-toggle " id={menuItem.get('title').toLowerCase().replace(/\s+/g, '')} onClick={self.onMenuItemClick.bind(self, menuItem)} >{menuItem.get('title')}</a>
+                <a href={self.menuItemUrl(menuItem)} className="dropdown-toggle " id={menuItem.get('title').toLowerCase().replace(/\s+/g, '')} onClick={self.onMenuItemClick.bind(self, menuItem)} >{menuItem.get('title')}</a>
             <ul className={menuItem.get('id') !== self.state.hoveredMenuItem ? "dropdown-menu megamenu row hide": "dropdown-menu megamenu row"}>
               {menuItem.get('menu_sub_items').map(function(menuSubItem) {
                 return (
                   <li className="col-sm-3" key={menuSubItem.id}>
 
                 <ul>
-                  <li className="dropdown-header"><a href="#" onClick={self.onMenuItemClick.bind(self, menuSubItem)}><p>{menuSubItem.title}</p></a></li>
+                  <li className="dropdown-header"><a href={self.menuItemUrl(menuSubItem)} onClick={self.onMenuItemClick.bind(self, menuSubItem)}><p>{menuSubItem.title}</p></a></li>
                   {menuSubItem.menu_sub_sub_items.map(function(menuSubSubItem) {
-                    return (<li><a href="#" onClick={self.onMenuItemClick.bind(self, menuSubSubItem)}>{menuSubSubItem.title}</a></li>)
+                    return (<li><a href={self.menuItemUrl(menuSubSubItem)} onClick={self.onMenuItemClick.bind(self, menuSubSubItem)}>{menuSubSubItem.title}</a></li>)
                   })}
                 </ul>
               </li>
@@ -189,7 +200,7 @@ var MenuItemListComponent = React.createClass({
           */}
           {this.state.menuItems.map(function(menuItem) {
             return <li className="dropdown menu-large">
-                <a href="#" className="dropdown-toggle " data-toggle="dropdown" role="button" aria-expanded="false">
+                <a href={self.menuItemUrl(menuItem)} className="dropdown-toggle " data-toggle="dropdown" role="button" aria-expanded="false">
                   {menuItem.get('title')} <b className="caret" /> </a>
                 <ul className="dropdown-menu megamenu row">
 
@@ -198,9 +209,9 @@ var MenuItemListComponent = React.createClass({
                   <li className="col-sm-3" key={menuSubItem.id}>
 
                 <ul>
-                  <li className="dropdown-header"><a href="#" onClick={self.onMenuItemClick.bind(self, menuSubItem)}><p>{menuSubItem.title}</p></a></li>
+                  <li className="dropdown-header"><a href={self.menuItemUrl(menuSubItem)} onClick={self.onMenuItemClick.bind(self, menuSubItem)}><p>{menuSubItem.title}</p></a></li>
                   {menuSubItem.menu_sub_sub_items.map(function(menuSubSubItem) {
-                    return (<li><a href="#" onClick={self.onMenuItemClick.bind(self, menuSubSubItem)}>{menuSubSubItem.title}</a></li>)
+                    return (<li><a href={self.menuItemUrl(menuSubSubItem)} onClick={self.onMenuItemClick.bind(self, menuSubSubItem)}>{menuSubSubItem.title}</a></li>)
                   })}
                 </ul>
                   </li>