version 0.2.7

- Planet, Team作成の時Error message表示
 - MarkdownのCode blockの背景を薄い灰色にする
 - 権限なしのPlanetには
 - SignUpに規約/Privacyの外部リンク追加
 - Loading画面追加
 - Font 添付(Lato regular)
 - UserContainerでのTeam Label変更

browser/main/Components/TeamCreateModal.jsx

@@ -22,7 +22,8 @@ module.exports = React.createClass({
     return {
       team: {
         name: ''
-      }
+      },
+      error: null
     }
   },
   componentDidMount: function () {
@@ -39,29 +40,44 @@ module.exports = React.createClass({
     }
   },
   handleSubmit: function () {
-    Hq.createTeam(this.props.user.name, this.state.team)
-      .then(function (res) {
-        var currentUser = JSON.parse(localStorage.getItem('currentUser'))
-        var team = res.body
+    this.setState({error: null}, function () {
+      Hq.createTeam(this.props.user.name, this.state.team)
+        .then(function (res) {
+          var currentUser = JSON.parse(localStorage.getItem('currentUser'))
+          var team = res.body
 
-        currentUser.Teams.push(team)
-        localStorage.setItem('currentUser', JSON.stringify(currentUser))
-        UserStore.Actions.update(currentUser)
+          currentUser.Teams.push(team)
+          localStorage.setItem('currentUser', JSON.stringify(currentUser))
+          UserStore.Actions.update(currentUser)
 
-        if (this.props.transitionTo != null) {
-          this.props.transitionTo('userHome', {userName: team.name})
-        }
-        this.props.close()
-      }.bind(this))
-      .catch(function (err) {
-        console.error(err)
-      })
+          if (this.props.transitionTo != null) {
+            this.props.transitionTo('userHome', {userName: team.name})
+          }
+          this.props.close()
+        }.bind(this))
+        .catch(function (err) {
+          console.error(err)
+
+          if (err.status == null) return this.setState({error: {message: 'Check your network connection'}})
+
+          switch (err.status) {
+            case 422:
+              this.setState({error: {message: 'Team name should be Alphanumeric with _, -'}})
+              break
+            case 409:
+              this.setState({error: {message: 'The entered name already in use'}})
+              break
+            default:
+              this.setState({error: {message: 'Error message undefined'}})
+          }
+        }.bind(this))
+    })
   },
   render: function () {
     return (
       <div className='TeamCreateModal modal'>
         <input ref='teamName' valueLink={this.linkState('team.name')} className='nameInput stripInput' placeholder='Create new team'/>
-
+        {this.state.error != null ? (<p className='errorAlert'>{this.state.error.message != null ? this.state.error.message : 'Unintended error occured'}</p>) : null}
         <button onClick={this.handleSubmit} className='submitButton'>
           <i className='fa fa-check'/>
         </button>