public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00
Code Issues Releases Wiki Activity

add hotkeys for planet switching

Browse Source
This commit is contained in:
Rokt33r
2015-07-25 02:34:58 +09:00
parent bea9dfdfc7
commit 8c3510413a
1 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
browser/main/Components/UserNavigator.jsx
View File

@@ -21,9 +21,11 @@ module.exports = React.createClass({
},
componentDidMount: function () {
this.unsubscribe = AuthStore.listen(this.onLogout)
document.addEventListener('keydown', this.handleKeyDown)
},
componentWillUnmount: function () {
this.unsubscribe()
document.removeEventListener('keydown', this.handleKeyDown)
},
onLogout: function () {
this.transitionTo('login')
@@ -40,11 +42,20 @@ module.exports = React.createClass({
closePlanetCreateModal: function () {
this.setState({isPlanetCreateModalOpen: false})
},
handleKeyDown: function (e) {
if (e.metaKey && e.keyCode > 48 && e.keyCode < 58) {
var planet = this.props.currentUser.Planets[e.keyCode - 49]
if (planet != null) {
this.transitionTo('planet', {userName: planet.userName, planetName: planet.name})
}
}
e.preventDefault()
},
render: function () {
var planets = this.props.currentUser.Planets.map(function (planet, index) {
return (
<li key={planet.id} className={this.props.currentPlanet != null && this.props.currentPlanet.name === planet.name ? 'active' : ''}>
<Link to='planet' params={{userName: planet.userName, planetName: planet.name}} href>
<Link to='planet' params={{userName: planet.userName, planetName: planet.name}}>
{planet.name[0]}
<div className='planetTooltip'>{planet.userName}/{planet.name}</div>
</Link>