can input channel box

resource/js/components/PageComment/CommentForm.js

@@ -36,6 +36,7 @@ export default class CommentForm extends React.Component {
       comment: '',
       isMarkdown: true,
       notif: false,
+      channel: '',
       html: '',
       key: 1,
       isUploadable,
@@ -47,6 +48,7 @@ export default class CommentForm extends React.Component {
 
     this.updateState = this.updateState.bind(this);
     this.updateStateCheckbox = this.updateStateCheckbox.bind(this);
+    this.updateSlackChannel =this.updateSlackChannel.bind(this);
     this.postComment = this.postComment.bind(this);
     this.renderHtml = this.renderHtml.bind(this);
     this.handleSelect = this.handleSelect.bind(this);
@@ -71,6 +73,10 @@ export default class CommentForm extends React.Component {
     }
   }
 
+  updateSlackChannel(value) {
+    this.setState({channel: value})
+  }
+
   handleSelect(key) {
     this.setState({ key });
     this.renderHtml(this.state.comment);
@@ -263,13 +269,14 @@ export default class CommentForm extends React.Component {
                         <img id="slack-mark-black" src="/images/icons/slack/mark-monochrome_black.svg" width="18" height="18"/>
                         <input className="comment-form-slack" type="checkbox" name="slack" value="1" onChange={this.updateStateCheckbox}/>
                       </label>
-                      <input className="form-control" type="text" value="" placeholder="slack-channel-name"
+                      <input className="form-control" type="text" value={this.state.channel} placeholder="slack-channel-name"
                         id="comment-form-slack-channel"
                         data-toggle="popover"
                         title="Slack通知"
                         data-content="通知するにはチェックを入れてください。カンマ区切りで複数チャンネルに通知することができます。"
                         data-trigger="focus"
                         data-placement="top"
+                        onChange={e => this.updateSlackChannel(e.target.value)}
                       />
                     </span>
                   </div>