extract BlueprintForm from LaunchModal & add Tag search

browser/main/Components/LaunchModal.jsx

@@ -1,81 +1,10 @@
 var React = require('react/addons')
 var ReactRouter = require('react-router')
-var CodeEditor = require('./CodeEditor')
 var Catalyst = require('../Mixins/Catalyst')
-
-var Select = require('react-select')
-
 var PlanetStore = require('../Stores/PlanetStore')
 
 var SnippetForm = require('./SnippetForm')
-
-var options = [
-  { value: 'one', label: 'One' },
-  { value: 'two', label: 'Two' }
-]
-
-var BlueprintForm = React.createClass({
-  mixins: [Catalyst.LinkedStateMixin, ReactRouter.State],
-  propTypes: {
-    close: React.PropTypes.func
-  },
-  getInitialState: function () {
-    return {
-      blueprint: {
-        title: '',
-        content: '',
-        Tags: []
-      }
-    }
-  },
-  componentDidMount: function () {
-    React.findDOMNode(this.refs.title).focus()
-  },
-  handleBlueprintTagsChange: function (selected, all) {
-    var blueprint = this.state.blueprint
-    blueprint.Tags = all
-    this.setState({blueprint: blueprint})
-  },
-  handleBlueprintContentChange: function (e, value) {
-    var blueprint = this.state.blueprint
-    blueprint.content = value
-    this.setState({blueprint: blueprint})
-  },
-  submit: function () {
-    console.log(this.state.blueprint)
-  },
-  render: function () {
-    return (
-      <div className='BlueprintForm'>
-        <div className='modal-body'>
-          <div className='form-group'>
-            <input ref='title' className='block-input' valueLink={this.linkState('blueprint.title')} placeholder='Title'/>
-          </div>
-          <div className='form-group'>
-            <CodeEditor onChange={this.handleBlueprintContentChange} code={this.state.blueprint.content} mode={'markdown'}/>
-          </div>
-          <div className='form-group'>
-            <Select
-                name='Tags'
-                multi={true}
-                allowCreate={true}
-                value={this.state.blueprint.Tags}
-                placeholder='Tags...'
-                options={options}
-                onChange={this.handleBlueprintTagsChange}
-            />
-          </div>
-        </div>
-        <div className='modal-footer'>
-          <div className='modal-control'>
-            <button onClick={this.props.close} className='btn-default'>Cancle</button>
-            <button onClick={this.submit} className='btn-primary'>Launch</button>
-          </div>
-        </div>
-      </div>
-    )
-  }
-})
+var BlueprintForm = require('./BlueprintForm')
 
 var LaunchModal = React.createClass({
   mixins: [Catalyst.LinkedStateMixin, ReactRouter.State],