PARTIAL level toolbar rewrite

src/js/react_views/LevelToolbarView.jsx

@@ -0,0 +1,72 @@
+var React = require('react');
+var PropTypes = React.PropTypes;
+
+var intl = require('../intl');
+var reactUtil = require('../util/reactUtil');
+
+var LevelToolbarView = React.createClass({
+
+  propTypes: {
+    name: PropTypes.string.isRequired,
+    onGoalClick: PropTypes.func.isRequired,
+    onObjectiveClick: PropTypes.func.isRequired
+  },
+
+  getInitialState: function() {
+    return {
+      isHidden: true
+    };
+  },
+
+  componentDidMount: function() {
+    this.setState({
+      isHidden: false
+    });
+  },
+
+  render: function() {
+    return (
+      <div className={reactUtil.joinClasses([
+          'toolbar',
+          'level-toolbar',
+          'box',
+          'vertical',
+          'center',
+          'transitionAll',
+          this.state.isHidden ? 'hidden' : ''
+        ])}>
+        <div className="clearfix">
+          <div className="levelNameWrapper">
+            <i className="icon-bolt"></i>
+            {' Level '}
+            <span className="levelToolbarSpan">
+              {this.props.name}
+            </span>
+          </div>
+        </div>
+        <div className="buttonsWrapper">
+          <div className="showGoalWrapper">
+            <button
+              onClick={this.props.onGoalClick}
+              type="button">
+              {false ? 
+                intl.str('show-goal-button') :
+                intl.str('hide-goal-button')
+              }
+            </button>
+          </div>
+          <div className="showObjectiveWrapper">
+            <button
+              onClick={this.props.onObjectiveClick}
+              type="button">
+              Objective
+            </button>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+});
+
+module.exports = LevelToolbarView;