Author: jruchaud Date: 2015-04-28 15:57:06 +0000 (Tue, 28 Apr 2015) New Revision: 1287 Url: http://forge.nuiton.org/projects/sandbox/repository/revisions/1287 Log: Begin dropdown Modified: wit/css/style.less wit/js/main.js Modified: wit/css/style.less =================================================================== --- wit/css/style.less 2015-04-28 15:23:03 UTC (rev 1286) +++ wit/css/style.less 2015-04-28 15:57:06 UTC (rev 1287) @@ -16,6 +16,10 @@ padding: 15px; } +.dropdown-toggle { + cursor: pointer; +} + .editButton { position: absolute; right: 15px; Modified: wit/js/main.js =================================================================== --- wit/js/main.js 2015-04-28 15:23:03 UTC (rev 1286) +++ wit/js/main.js 2015-04-28 15:57:06 UTC (rev 1287) @@ -26,14 +26,11 @@ var RouteHandler = Router.RouteHandler; var App = React.createClass({ - userActivity : function() { - var gui = require('nw.gui'); - var new_win = gui.Window.open('index.html#/activity', { - position: 'center', - toolbar: true - }); + + openEdition: function(e) { + React.findDOMNode(this.refs.editionDropdown).classList.toggle("open"); }, - + render: function() { return ( <div className="container-fluid"> @@ -47,9 +44,19 @@ <ul className="nav pull-right"> <li className="pull-left"><Link to="app">Timer</Link></li> <li className="pull-left"><Link to="rapport">Rapport</Link></li> - <li className="pull-left"><a href="#">Tags</a></li> + + <li ref="editionDropdown" className="dropdown pull-left"> + <a className="dropdown-toggle" onClick={this.openEdition}> + Edition <span className="caret"></span> + </a> + <ul className="dropdown-menu"> + <li><a href="#">Logs</a></li> + <li><a href="#">Tags</a></li> + <li><a href="#">Activities</a></li> + </ul> + </li> + <li className="pull-left"><Link to="options">Options</Link></li> - <li className="pull-left"><Link to="activity">Help</Link></li> </ul> </div> </div>