From bd2d77fef76262b2eb05130333956cc1f6a4fbd3 Mon Sep 17 00:00:00 2001
From: Rokt33r <fluke8259@gmail.com>
Date: Wed, 29 Jul 2015 03:40:36 +0900
Subject: [PATCH] =?UTF-8?q?=E6=94=B9=E5=96=84=EF=BC=9APlanetNavigator?=
 =?UTF-8?q?=E3=81=AB=E6=B4=BB=E6=80=A7=E5=8C=96=E3=81=95=E3=82=8C=E3=81=A6?=
 =?UTF-8?q?=E3=81=84=E3=82=8BLink=E3=82=92=E7=9B=AE=E7=AB=8B=E3=81=A4?=
 =?UTF-8?q?=E3=82=88=E3=81=86=E3=81=AB=E3=81=99=E3=82=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 browser/main/Components/PlanetNavigator.jsx | 17 ++++++++++++++---
 browser/main/Containers/PlanetContainer.jsx |  1 +
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/browser/main/Components/PlanetNavigator.jsx b/browser/main/Components/PlanetNavigator.jsx
index 3e1fd65c..7d53d736 100644
--- a/browser/main/Components/PlanetNavigator.jsx
+++ b/browser/main/Components/PlanetNavigator.jsx
@@ -6,6 +6,7 @@ var PlanetNavigator = React.createClass({
       name: React.PropTypes.string,
       Users: React.PropTypes.array
     }),
+    search: React.PropTypes.string,
     openLaunchModal: React.PropTypes.func,
     openAddUserModal: 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 (
       <div className='PlanetNavigator'>
         <button onClick={this.props.openLaunchModal} className='launchButton btn-primary btn-block'>
           <i className='fa fa-rocket fa-fw'/> Launch
         </button>
         <nav>
-          <a onClick={this.props.showAll}>
+          <a className={usingSnippetFilter === usingBlueprintFilter ? 'active' : ''} onClick={this.props.showAll}>
             <i className='fa fa-home fa-fw'/> Home
           </a>
-          <a onClick={this.props.showOnlySnippets}>
+          <a className={usingSnippetFilter && !usingBlueprintFilter ? 'active' : ''} onClick={this.props.showOnlySnippets}>
             <i className='fa fa-code fa-fw'/> Snippets
           </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
           </a>
         </nav>
diff --git a/browser/main/Containers/PlanetContainer.jsx b/browser/main/Containers/PlanetContainer.jsx
index bacd9714..504b1d9a 100644
--- a/browser/main/Containers/PlanetContainer.jsx
+++ b/browser/main/Containers/PlanetContainer.jsx
@@ -558,6 +558,7 @@ module.exports = React.createClass({
           openSettingModal={this.openSettingModal} onSearchChange={this.handleSearchChange} currentPlanet={this.state.currentPlanet}/>
 
         <PlanetNavigator openLaunchModal={this.openLaunchModal} openAddUserModal={this.openAddUserModal}
+          search={this.state.search}
           showAll={this.showAll}
           showOnlySnippets={this.showOnlySnippets} showOnlyBlueprints={this.showOnlyBlueprints} currentPlanet={this.state.currentPlanet}/>