Author: jruchaud Date: 2015-04-29 10:05:58 +0000 (Wed, 29 Apr 2015) New Revision: 1293 Url: http://forge.nuiton.org/projects/sandbox/repository/revisions/1293 Log: Add dropdown for the rapport Modified: wit/js/main.js Modified: wit/js/main.js =================================================================== --- wit/js/main.js 2015-04-29 10:05:44 UTC (rev 1292) +++ wit/js/main.js 2015-04-29 10:05:58 UTC (rev 1293) @@ -27,12 +27,19 @@ var App = React.createClass({ + openRapport: function(e) { + React.findDOMNode(this.refs.rapportDropdown).classList.toggle("open"); + React.findDOMNode(this.refs.editionDropdown).classList.remove("open"); + }, + openEdition: function(e) { React.findDOMNode(this.refs.editionDropdown).classList.toggle("open"); + React.findDOMNode(this.refs.rapportDropdown).classList.remove("open"); }, closeAll: function(e) { React.findDOMNode(this.refs.editionDropdown).classList.remove("open"); + React.findDOMNode(this.refs.rapportDropdown).classList.remove("open"); }, render: function() { @@ -47,8 +54,19 @@ <div className="nav navbar-header pull-right"> <ul className="nav pull-right"> <li className="pull-left"><Link onClick={this.closeAll} to="app">Timer</Link></li> - <li className="pull-left"><Link onClick={this.closeAll} to="rapport">Rapport</Link></li> + <li ref="rapportDropdown" className="dropdown pull-left"> + <a className="dropdown-toggle" onClick={this.openRapport}> + Rapport <span className="caret"></span> + </a> + <ul className="dropdown-menu"> + <li><Link onClick={this.closeAll} to="rapport">By date</Link></li> + <li><a href="#">By week</a></li> + <li><a href="#">By month</a></li> + <li><a href="#">By Year</a></li> + </ul> + </li> + <li ref="editionDropdown" className="dropdown pull-left"> <a className="dropdown-toggle" onClick={this.openEdition}> Edition <span className="caret"></span>