senaduka/old-ribica
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed wierd behavior of the main menu

Browse Source
This commit is contained in:
Edin Dazdarevic
2015-02-15 20:21:45 +01:00
parent f5254cd316
commit d82274d1e1
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
front-ui/app/components/shared/sectionsListComponent.js
View File

@@ -31,13 +31,18 @@ var SectionsListComponent = React.createClass({
}, },
onMouseOut: function() { onMouseOut: function() {
SectionActions.unsetSectionHover(); SectionActions.unsetSectionHover();
},
onMouseLeave: function() {
SectionActions.unsetSectionHover();
}, },
onSectionClick: function(section) { onSectionClick: function(section) {
SectionActions.unsetSectionHover();
NavigationActions.goToSection(section); NavigationActions.goToSection(section);
return false; return false;
}, },
onCategoryClick: function(category, section) { onCategoryClick: function(category, section) {
SectionActions.unsetSectionHover();
NavigationActions.goToCategory(new Category(category), section); NavigationActions.goToCategory(new Category(category), section);
return false; return false;
}, },
@@ -61,13 +66,14 @@ var SectionsListComponent = React.createClass({
{this.state.sections.map(function(section) { {this.state.sections.map(function(section) {
return ( return (
<li key={section.get('id')} role='presentation' style={style}> <li key={section.get('id')} onMouseLeave={self.onMouseOut} onMouseOver={self.onMouseOver.bind(self, section)} role='presentation' style={style}>
<a href="#" onClick={self.onSectionClick.bind(self, section)} onMouseOver={self.onMouseOver.bind(self, section)}> <a href="#" onClick={self.onSectionClick.bind(self, section)} >
{ section.get('name') } { section.get('name') }
</a> </a>
<div style={abStyle} className={section.get('id') !== self.state.hoveredSection ? "hide section-cat-list": "section-cat-list"} > <div style={abStyle} className={section.get('id') !== self.state.hoveredSection ? "hide section-cat-list": "section-cat-list"} >
<ul onMouseLeave={self.onMouseOut} > <ul >
{section.get('categories').map(function(category) { {section.get('categories').map(function(category) {
return ( return (
<li key={category.id}> <li key={category.id}>