hunk.code_window:         return (
               <div className="signup-team__container">
                   <div>
                       <span className="signup-team__name">{ config.SiteName }</span>
                       <br/>
                       <span className="signup-team__subdomain">Enter your {strings.TeamPlural} domain.</span>
                       <br/>
                       <br/>
                   </div>
                   <form onSubmit={this.handleSubmit}>
  
hunk.labels: keep keep keep keep keep replace keep keep keep keep
hunk.after_edit:                     <span className="signup-team__subdomain">Enter your {strings.TeamPossessive} domain.</span>
  
hunk.file_path: web/react/components/login.jsx
hunk.type: replace
file: // Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
  // See License.txt for license information.
  
  var PostStore = require('../stores/post_store.jsx');
  var ChannelStore = require('../stores/channel_store.jsx');
  var UserStore = require('../stores/user_store.jsx');
  var UserProfile = require( './user_profile.jsx' );
  var AsyncClient = require('../utils/async_client.jsx');
  var CreatePost = require('./create_post.jsx');
  var Post = require('./post.jsx');
  var SocketStore = require('../stores/socket_store.jsx');
  var utils = require('../utils/utils.jsx');
  var Client = require('../utils/client.jsx');
  var AppDispatcher = require('../dispatcher/app_dispatcher.jsx');
  var Constants = require('../utils/constants.jsx');
  var ActionTypes = Constants.ActionTypes;
  
  function getStateFromStores() {
      var channel = ChannelStore.getCurrent();
  
      if (channel == null) channel = {};
  
      return {
          post_list: PostStore.getCurrentPosts(),
          channel: channel
      };
  }
  
  function changeColor(col, amt) {
  
      var usePound = false;
  
      if (col[0] == "#") {
          col = col.slice(1);
          usePound = true;
      }
  
      var num = parseInt(col,16);
  
      var r = (num >> 16) + amt;
  
      if (r > 255) r = 255;
      else if  (r < 0) r = 0;
  
      var b = ((num >> 8) & 0x00FF) + amt;
  
      if (b > 255) b = 255;
      else if  (b < 0) b = 0;
  
      var g = (num & 0x0000FF) + amt;
  
      if (g > 255) g = 255;
      else if (g < 0) g = 0;
  
      return (usePound?"#":"") + String("000000" + (g | (b << 8) | (r << 16)).toString(16)).slice(-6);
  
  }
  
  module.exports = React.createClass({
      scrollPosition: 0,
      preventScrollTrigger: false,
      gotMorePosts: false,
      oldScrollHeight: 0,
      oldZoom: 0,
      scrolledToNew: false,
      componentDidMount: function() {
          var user = UserStore.getCurrentUser();
          if (user.props && user.props.theme) {
              utils.changeCss('a.theme', 'color:'+user.props.theme+'; fill:'+user.props.theme+'!important;');
              utils.changeCss('div.theme', 'background-color:'+user.props.theme+';');
              utils.changeCss('.btn.btn-primary', 'background: ' + user.props.theme+';');
              utils.changeCss('.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus', 'background: ' + changeColor(user.props.theme, -10)  +';');
              utils.changeCss('.modal .modal-header', 'background: ' + user.props.theme+';');
              utils.changeCss('.mention', 'background: ' + user.props.theme+';');
              utils.changeCss('.mention-link', 'color: ' + user.props.theme+';');
              utils.changeCss('@media(max-width: 768px){.search-bar__container', 'background: ' + user.props.theme+';}');
          }
  
          PostStore.addChangeListener(this._onChange);
          ChannelStore.addChangeListener(this._onChange);
          SocketStore.addChangeListener(this._onSocketChange);
  
          $(".post-list-holder-by-time").perfectScrollbar();
  
          this.resize();
  
          var post_holder = $(".post-list-holder-by-time")[0];
          this.scrollPosition = $(post_holder).scrollTop() + $(post_holder).innerHeight();
          this.oldScrollHeight = post_holder.scrollHeight;
          this.oldZoom = (window.outerWidth - 8) / window.innerWidth;
  
          var self = this;
          $(window).resize(function(){
              $(post_holder).perfectScrollbar('update');
  
              // this only kind of works, detecting zoom in browsers is a nightmare
              var newZoom = (window.outerWidth - 8) / window.innerWidth;
  
              if (self.scrollPosition >= post_holder.scrollHeight || (self.oldScrollHeight != post_holder.scrollHeight && self.scrollPosition >= self.oldScrollHeight) || self.oldZoom != newZoom) self.resize();
  
              self.oldZoom = newZoom;
  
              if ($('#create_post').length > 0) {
                  var height = $(window).height() - $('#create_post').height() - $('#error_bar').outerHeight() - 50;
                  $(".post-list-holder-by-time").css("height", height + "px");
              }
          });
  
          $(post_holder).scroll(function(e){
              if (!self.preventScrollTrigger) {
                  self.scrollPosition = $(post_holder).scrollTop() + $(post_holder).innerHeight();
              }
              self.preventScrollTrigger = false;
          });
  
          $('body').on('click.userpopover', function(e){
              if ($(e.target).attr('data-toggle') !== 'popover'
                  && $(e.target).parents('.popover.in').length === 0) {
                  $('.user-popover').popover('hide');
              }
          });
  
          $('.post-list__content div .post').removeClass('post--last');
          $('.post-list__content div:last-child .post').addClass('post--last');
  
          $('body').on('mouseenter mouseleave', '.post', function(ev){
              if(ev.type === 'mouseenter'){
                  $(this).parent('div').prev('.date-seperator').addClass('hovered--after');
                  $(this).parent('div').next('.date-seperator').addClass('hovered--before');
              }
              else {
                  $(this).parent('div').prev('.date-seperator').removeClass('hovered--after');
                  $(this).parent('div').next('.date-seperator').removeClass('hovered--before');
              }
          });
  
      },
      componentDidUpdate: function() {
          this.resize();
          var post_holder = $(".post-list-holder-by-time")[0];
          this.scrollPosition = $(post_holder).scrollTop() + $(post_holder).innerHeight();
          this.oldScrollHeight = post_holder.scrollHeight;
          $('.post-list__content div .post').removeClass('post--last');
          $('.post-list__content div:last-child .post').addClass('post--last');
      },
      componentWillUnmount: function() {
          PostStore.removeChangeListener(this._onChange);
          ChannelStore.removeChangeListener(this._onChange);
          SocketStore.removeChangeListener(this._onSocketChange);
          $('body').off('click.userpopover');
      },
      resize: function() {
          if (this.gotMorePosts) {
              this.gotMorePosts = false;
              var post_holder = $(".post-list-holder-by-time")[0];
              this.preventScrollTrigger = true;
              $(post_holder).scrollTop($(post_holder).scrollTop() + (post_holder.scrollHeight-this.oldScrollHeight) );
              $(post_holder).perfectScrollbar('update');
          } else {
              var post_holder = $(".post-list-holder-by-time")[0];
              this.preventScrollTrigger = true;
              if ($("#new_message")[0] && !this.scrolledToNew) {
                  $(post_holder).scrollTop($(post_holder).scrollTop() + $("#new_message").offset().top - 63);
                  $(post_holder).perfectScrollbar('update');
                  this.scrolledToNew = true;
              } else {
                  $(post_holder).scrollTop(post_holder.scrollHeight);
                  $(post_holder).perfectScrollbar('update');
              }
          }
      },
      _onChange: function() {
          var newState = getStateFromStores();
  
          if (!utils.areStatesEqual(newState, this.state)) {
              if (this.state.post_list && this.state.post_list.order) {
                  if (this.state.channel.id === newState.channel.id && this.state.post_list.order.length != newState.post_list.order.length && newState.post_list.order.length > Constants.POST_CHUNK_SIZE) {
                      this.gotMorePosts = true;
                  }
              }
              if (this.state.channel.id !== newState.channel.id) {
                  this.scrolledToNew = false;
              }
              this.setState(newState);
          }
      },
      _onSocketChange: function(msg) {
          if (msg.action == "posted") {
              var post = JSON.parse(msg.props.post);
  
              var post_list = PostStore.getPosts(msg.channel_id);
              if (!post_list) return;
  
              post_list.posts[post.id] = post;
              if (post_list.order.indexOf(post.id) === -1) {
                  post_list.order.unshift(post.id);
              }
  
              if (this.state.channel.id === msg.channel_id) {
                  this.setState({ post_list: post_list });
              };
  
              PostStore.storePosts(post.channel_id, post_list);
          } else if (msg.action == "post_edited") {
              if (this.state.channel.id == msg.channel_id) {
                  var post_list = this.state.post_list;
                  if (!(msg.props.post_id in post_list.posts)) return;
  
                  var post = post_list.posts[msg.props.post_id];
                  post.message = msg.props.message;
  
                  post_list.posts[post.id] = post;
                  this.setState({ post_list: post_list });
  
                  PostStore.storePosts(msg.channel_id, post_list);
              } else {
                  AsyncClient.getPosts(true, msg.channel_id);
              }
          } else if (msg.action == "post_deleted") {
              var activeRoot = $(document.activeElement).closest('.comment-create-body')[0];
              var activeRootPostId = activeRoot && activeRoot.id.length > 0 ? activeRoot.id : "";
  
              if (this.state.channel.id == msg.channel_id) {
                  var post_list = this.state.post_list;
                  if (!(msg.props.post_id in this.state.post_list.posts)) return;
  
                  delete post_list.posts[msg.props.post_id];
                  var index = post_list.order.indexOf(msg.props.post_id);
                  if (index > -1) post_list.order.splice(index, 1);
  
                  var scrollSave = $(".post-list-holder-by-time").scrollTop();
  
                  this.setState({ post_list: post_list });
  
                  $(".post-list-holder-by-time").scrollTop(scrollSave)
  
                  PostStore.storePosts(msg.channel_id, post_list);
              } else {
                  AsyncClient.getPosts(true, msg.channel_id);
              }
  
              if (activeRootPostId === msg.props.post_id && UserStore.getCurrentId() != msg.user_id) {
                  $('#post_deleted').modal('show');
              }
          } else if(msg.action == "new_user") {
              AsyncClient.getProfiles();
          }
      },
      getMorePosts: function(e) {
          e.preventDefault();
  
          if (!this.state.post_list) return;
  
          var posts = this.state.post_list.posts;
          var order = this.state.post_list.order;
          var channel_id = this.state.channel.id;
  
          $(this.refs.loadmore.getDOMNode()).text("Retrieving more messages...");
  
          var self = this;
          var currentPos = $(".post-list").scrollTop;
  
          Client.getPosts(
                  channel_id,
                  order.length,
                  Constants.POST_CHUNK_SIZE,
                  function(data) {
                      $(self.refs.loadmore.getDOMNode()).text("Load more messages");
  
                      if (!data) return;
  
                      if (data.order.length === 0) return;
  
                      var post_list = {}
                      post_list.posts = $.extend(posts, data.posts);
                      post_list.order = order.concat(data.order);
  
                      AppDispatcher.handleServerAction({
                          type: ActionTypes.RECIEVED_POSTS,
                          id: channel_id,
                          post_list: post_list
                      });
  
                      Client.getProfiles();
                      $(".post-list").scrollTop(currentPos);
                  },
                  function(err) {
                      $(self.refs.loadmore.getDOMNode()).text("Load more messages");
                      dispatchError(err, "getPosts");
                  }
              );
      },
      getInitialState: function() {
          return getStateFromStores();
      },
      render: function() {
          var order = [];
          var posts = {};
  
          var last_viewed = Number.MAX_VALUE;
  
          if (ChannelStore.getCurrentMember() != null)
              last_viewed = ChannelStore.getCurrentMember().last_viewed_at;
  
          if (this.state.post_list != null) {
              posts = this.state.post_list.posts;
              order = this.state.post_list.order;
          }
  
          var rendered_last_viewed = false;
  
          var user_id = "";
          if (UserStore.getCurrentId()) {
              user_id = UserStore.getCurrentId();
          } else {
              return <div/>;
          }
  
          var channel = this.state.channel;
  
          var more_messages = <p className="beginning-messages-text">Beginning of Channel</p>;
  
          if (channel != null) {
              if (order.length > 0 && order.length % Constants.POST_CHUNK_SIZE === 0) {
                  more_messages = <a ref="loadmore" className="more-messages-text theme" href="#" onClick={this.getMorePosts}>Load more messages</a>;
              } else if (channel.type === 'D') {
                  var userIds = channel.name.split('__');
                  var teammate;
                  if (userIds.length === 2 && userIds[0] === user_id) {
                      teammate = UserStore.getProfile(userIds[1]);
                  } else if (userIds.length === 2 && userIds[1] === user_id) {
                      teammate = UserStore.getProfile(userIds[0]);
                  }
  
                  if (teammate) {
                      var teammate_name = teammate.full_name.length > 0 ? teammate.full_name : teammate.username;
                      more_messages = (
                          <div className="channel-intro">
                              <div className="post-profile-img__container channel-intro-img">
                                  <img className="post-profile-img" src={"/api/v1/users/" + teammate.id + "/image"} height="50" width="50" />
                              </div>
                              <div className="channel-intro-profile">
                                  <strong><UserProfile userId={teammate.id} /></strong>
                              </div>
                              <p className="channel-intro-text">{"This is the start of your direct message history with " + teammate_name + "." }<br/>{"Direct messages and files shared here are not shown to people outside this area."}</p>
                          </div>
                      );
                  } else {
                      more_messages = (
                          <div className="channel-intro">
                              <p className="channel-intro-text">{"This is the start of your direct message history with this " + strings.Team + "mate. Direct messages and files shared here are not shown to people outside this area."}</p>
                          </div>
                      );
                  }
              } else if (channel.type === 'P' || channel.type === 'O') {
                  var ui_name = channel.display_name
                  var members = ChannelStore.getCurrentExtraInfo().members;
                  var creator_name = "";
  
                  for (var i = 0; i < members.length; i++) {
                      if (members[i].roles.indexOf('admin') > -1) {
                          creator_name = members[i].username;
                          break;
                      }
                  }
  
                  if (channel.name === Constants.DEFAULT_CHANNEL) {
                      more_messages = (
                          <div className="channel-intro">
                              <h4 className="channel-intro-title">Welcome</h4>
                              <p>
                                  Welcome to {ui_name}!
                                  <br/><br/>
                                  {"This is the first channel " + strings.Team + "mates see when they"}
                                  <br/>
                                  sign up - use it for posting updates everyone needs to know.
                                  <br/><br/>
                                  To create a new channel or join an existing one, go to
                                  <br/>
                                  the Left Hand Sidebar under “Channels” and click “More…”.
                                  <br/>
                              </p>
                          </div>
                      );
                  } else {
                      var userStyle = { color: UserStore.getCurrentUser().props.theme }
                      var ui_type = channel.type === 'P' ? "private group" : "channel";
                      more_messages = (
                          <div className="channel-intro">
                              <h4 className="channel-intro-title">Welcome</h4>
                              <p>
                                  { creator_name != "" ? "This is the start of the " + ui_name + " " + ui_type + ", created by " + creator_name + " on " + utils.displayDate(channel.create_at) + "." 
                                  : "This is the start of the " + ui_name + " " + ui_type + ", created on "+ utils.displayDate(channel.create_at) + "." }
                                  { channel.type === 'P' ? " Only invited members can see this private group." : " Any member can join and read this channel." }
                                  <br/>
                                  <a className="intro-links" href="#" style={userStyle} data-toggle="modal" data-target="#edit_channel" data-desc={channel.description} data-title={channel.display_name} data-channelid={channel.id}><i className="fa fa-pencil"></i>Set a description</a>
                                  <a className="intro-links" style={userStyle} data-toggle="modal" data-target="#channel_invite"><i className="fa fa-user-plus"></i>Invite others to this {ui_type}</a>
                              </p>
                          </div>
                      );
                  }
              }
          }
  
          var postCtls = [];
          var previousPostDay = posts[order[order.length-1]] ? utils.getDateForUnixTicks(posts[order[order.length-1]].create_at): new Date();
          var currentPostDay = new Date();
  
          for (var i = order.length-1; i >= 0; i--) {
              var post = posts[order[i]];
              var parentPost;
  
              if (post.parent_id) {
                  parentPost = posts[post.parent_id];
              } else {
                  parentPost = null;
              }
  
              var sameUser = i < order.length-1 && posts[order[i+1]].user_id === post.user_id  && post.create_at - posts[order[i+1]].create_at <= 1000*60*5 ? "same--user" : "";
              var sameRoot = i < order.length-1 && post.root_id != "" && (posts[order[i+1]].id === post.root_id || posts[order[i+1]].root_id === post.root_id) ? true : false;
  
              // we only hide the profile pic if the previous post is not a comment, the current post is not a comment, and the previous post was made by the same user as the current post
              var hideProfilePic = i < order.length-1 && posts[order[i+1]].user_id === post.user_id && posts[order[i+1]].root_id === '' && post.root_id === '';
  
              // check if it's the last comment in a consecutive string of comments on the same post
              var isLastComment = false;
              if (utils.isComment(post)) {
                  // it is the last comment if it is last post in the channel or the next post has a different root post
                  isLastComment = (i === 0 || posts[order[i-1]].root_id != post.root_id);
              }
  
              var postCtl = <Post sameUser={sameUser} sameRoot={sameRoot} post={post} parentPost={parentPost} key={post.id} posts={posts} hideProfilePic={hideProfilePic} isLastComment={isLastComment} />;
  
              currentPostDay = utils.getDateForUnixTicks(post.create_at);
              if(currentPostDay.getDate() !== previousPostDay.getDate() || currentPostDay.getMonth() !== previousPostDay.getMonth() || currentPostDay.getFullYear() !== previousPostDay.getFullYear()) {
                  postCtls.push(
                      <div className="date-seperator">
                          <hr className="date-seperator__hr" />
                          <div className="date-seperator__text">{currentPostDay.toDateString()}</div>
                      </div>
                  );
              }
  
              if (post.create_at > last_viewed && !rendered_last_viewed) {
                  rendered_last_viewed = true;
                  postCtls.push(
                      <div>
                          <div className="new-seperator">
                              <hr id="new_message" className="new-seperator__hr" />
                              <div className="new-seperator__text">New Messages</div>
                           </div>
                           {postCtl}
                       </div>
                  );
              } else {
                  postCtls.push(postCtl);
              }
              previousPostDay = utils.getDateForUnixTicks(post.create_at);
          }
  
          return (
              <div ref="postlist" className="post-list-holder-by-time">
                  <div className="post-list__table">
                      <div className="post-list__content">
                          { more_messages }
                          { postCtls }
                      </div>
                  </div>
              </div>
          );
      }
  });
  
  
  