mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-17 19:51:42 +00:00
改善:PlanetNavigatorに活性化されているLinkを目立つようにする
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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}/>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user