1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-17 11:41:44 +00:00

改善:PlanetNavigatorに活性化されているLinkを目立つようにする

This commit is contained in:
Rokt33r
2015-07-29 03:40:36 +09:00
parent 43403f8bb1
commit bd2d77fef7
2 changed files with 15 additions and 3 deletions

View File

@@ -6,6 +6,7 @@ var PlanetNavigator = React.createClass({
name: React.PropTypes.string, name: React.PropTypes.string,
Users: React.PropTypes.array Users: React.PropTypes.array
}), }),
search: React.PropTypes.string,
openLaunchModal: React.PropTypes.func, openLaunchModal: React.PropTypes.func,
openAddUserModal: React.PropTypes.func, openAddUserModal: React.PropTypes.func,
showAll: React.PropTypes.func, showAll: React.PropTypes.func,
@@ -30,19 +31,29 @@ var PlanetNavigator = React.createClass({
) )
}) })
var keywords = this.props.search.split(' ')
var usingSnippetFilter = keywords.some(function (keyword) {
if (keyword === '$s') return true
return false
})
var usingBlueprintFilter = keywords.some(function (keyword) {
if (keyword === '$b') return true
return false
})
return ( return (
<div className='PlanetNavigator'> <div className='PlanetNavigator'>
<button onClick={this.props.openLaunchModal} className='launchButton btn-primary btn-block'> <button onClick={this.props.openLaunchModal} className='launchButton btn-primary btn-block'>
<i className='fa fa-rocket fa-fw'/> Launch <i className='fa fa-rocket fa-fw'/> Launch
</button> </button>
<nav> <nav>
<a onClick={this.props.showAll}> <a className={usingSnippetFilter === usingBlueprintFilter ? 'active' : ''} onClick={this.props.showAll}>
<i className='fa fa-home fa-fw'/> Home <i className='fa fa-home fa-fw'/> Home
</a> </a>
<a onClick={this.props.showOnlySnippets}> <a className={usingSnippetFilter && !usingBlueprintFilter ? 'active' : ''} onClick={this.props.showOnlySnippets}>
<i className='fa fa-code fa-fw'/> Snippets <i className='fa fa-code fa-fw'/> Snippets
</a> </a>
<a onClick={this.props.showOnlyBlueprints}> <a className={!usingSnippetFilter && usingBlueprintFilter ? 'active' : ''} onClick={this.props.showOnlyBlueprints}>
<i className='fa fa-file-text-o fa-fw'/> Blueprints <i className='fa fa-file-text-o fa-fw'/> Blueprints
</a> </a>
</nav> </nav>

View File

@@ -558,6 +558,7 @@ module.exports = React.createClass({
openSettingModal={this.openSettingModal} onSearchChange={this.handleSearchChange} currentPlanet={this.state.currentPlanet}/> openSettingModal={this.openSettingModal} onSearchChange={this.handleSearchChange} currentPlanet={this.state.currentPlanet}/>
<PlanetNavigator openLaunchModal={this.openLaunchModal} openAddUserModal={this.openAddUserModal} <PlanetNavigator openLaunchModal={this.openLaunchModal} openAddUserModal={this.openAddUserModal}
search={this.state.search}
showAll={this.showAll} showAll={this.showAll}
showOnlySnippets={this.showOnlySnippets} showOnlyBlueprints={this.showOnlyBlueprints} currentPlanet={this.state.currentPlanet}/> showOnlySnippets={this.showOnlySnippets} showOnlyBlueprints={this.showOnlyBlueprints} currentPlanet={this.state.currentPlanet}/>