hunk.code_window:         }
       }
       handleEdit() {
           var data = {};
           data.channel_id = this.props.channel.id;
           if (data.channel_id.length !== 26) {
               return;
           }
           data.channel_header = ReactDOM.findDOMNode(this.refs.textarea).value;
  
hunk.labels: keep keep keep replace replace replace replace replace replace replace replace replace keep
hunk.after_edit:     handleChange(e) {
           this.setState({
               header: e.target.value
           });
       }
  
hunk.file_path: web/react/components/edit_channel_header_modal.jsx
hunk.type: replace
file: // Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
  // See License.txt for license information.
  
  import * as Client from '../utils/client.jsx';
  import BrowserStore from '../stores/browser_store.jsx';
  import UserStore from '../stores/user_store.jsx';
  
  export default class TeamSignupPasswordPage extends React.Component {
      constructor(props) {
          super(props);
  
          this.submitBack = this.submitBack.bind(this);
          this.submitNext = this.submitNext.bind(this);
  
          this.state = {};
      }
      submitBack(e) {
          e.preventDefault();
          this.props.state.wizard = 'username';
          this.props.updateParent(this.props.state);
      }
      submitNext(e) {
          e.preventDefault();
  
          var password = ReactDOM.findDOMNode(this.refs.password).value.trim();
          if (!password || password.length < 5) {
              this.setState({passwordError: 'Please enter at least 5 characters'});
              return;
          }
  
          this.setState({passwordError: null, serverError: null});
          $('#finish-button').button('loading');
          var teamSignup = JSON.parse(JSON.stringify(this.props.state));
          teamSignup.user.password = password;
          teamSignup.user.allow_marketing = true;
          delete teamSignup.wizard;
  
          Client.createTeamFromSignup(teamSignup,
              () => {
                  Client.track('signup', 'signup_team_08_complete');
  
                  var props = this.props;
  
                  Client.loginByEmail(teamSignup.team.name, teamSignup.team.email, teamSignup.user.password,
                      () => {
                          UserStore.setLastEmail(teamSignup.team.email);
                          if (this.props.hash > 0) {
                              BrowserStore.setGlobalItem(this.props.hash, JSON.stringify({wizard: 'finished'}));
                          }
  
                          $('#sign-up-button').button('reset');
                          props.state.wizard = 'finished';
                          props.updateParent(props.state, true);
  
                          window.location.href = '/' + teamSignup.team.name + '/channels/town-square';
                      },
                      (err) => {
                          if (err.message === 'Login failed because email address has not been verified') {
                              window.location.href = '/verify_email?email=' + encodeURIComponent(teamSignup.team.email) + '&teamname=' + encodeURIComponent(teamSignup.team.name);
                          } else {
                              this.setState({serverError: err.message});
                              $('#finish-button').button('reset');
                          }
                      }
                  );
              },
              (err) => {
                  this.setState({serverError: err.message});
                  $('#finish-button').button('reset');
              }
          );
      }
      render() {
          Client.track('signup', 'signup_team_07_password');
  
          var passwordError = null;
          var passwordDivStyle = 'form-group';
          if (this.state.passwordError) {
              passwordError = <div className='form-group has-error'><label className='control-label'>{this.state.passwordError}</label></div>;
              passwordDivStyle = ' has-error';
          }
  
          var serverError = null;
          if (this.state.serverError) {
              serverError = <div className='form-group has-error'><label className='control-label'>{this.state.serverError}</label></div>;
          }
  
          return (
              <div>
                  <form>
                      <img
                          className='signup-team-logo'
                          src='/static/images/logo.png'
                      />
                      <h2 className='margin--less'>Your password</h2>
                      <h5 className='color--light'>Select a password that you'll use to login with your email address:</h5>
                      <div className='inner__content margin--extra'>
                          <h5><strong>Email</strong></h5>
                          <div className='block--gray form-group'>{this.props.state.team.email}</div>
                          <div className={passwordDivStyle}>
                              <div className='row'>
                                  <div className='col-sm-11'>
                                      <h5><strong>Choose your password</strong></h5>
                                      <input
                                          autoFocus={true}
                                          type='password'
                                          ref='password'
                                          className='form-control'
                                          placeholder=''
                                          maxLength='128'
                                          spellCheck='false'
                                      />
                                      <span className='color--light help-block'>Passwords must contain 5 to 50 characters. Your password will be strongest if it contains a mix of symbols, numbers, and upper and lowercase characters.</span>
                                  </div>
                              </div>
                              {passwordError}
                              {serverError}
                          </div>
                      </div>
                      <div className='form-group'>
                          <button
                              type='submit'
                              className='btn btn-primary margin--extra'
                              id='finish-button'
                              data-loading-text={'<span class=\'glyphicon glyphicon-refresh glyphicon-refresh-animate\'></span> Creating team...'}
                              onClick={this.submitNext}
                          >
                              Finish
                          </button>
                      </div>
                      <p>By proceeding to create your account and use {global.window.mm_config.SiteName}, you agree to our <a href='/static/help/terms.html'>Terms of Service</a> and <a href='/static/help/privacy.html'>Privacy Policy</a>. If you do not agree, you cannot use {global.window.mm_config.SiteName}.</p>
                      <div className='margin--extra'>
                          <a
                              href='#'
                              onClick={this.submitBack}
                          >
                              Back to previous step
                          </a>
                      </div>
                  </form>
              </div>
          );
      }
  }
  
  TeamSignupPasswordPage.defaultProps = {
      state: {},
      hash: ''
  };
  TeamSignupPasswordPage.propTypes = {
      state: React.PropTypes.object,
      hash: React.PropTypes.string,
      updateParent: React.PropTypes.func
  };
  