populate: function (e){
    this.setState({ globalClass: window.globalValue})
     /*TEST CASES*/
      var studentNameArray = ['justin Samuels','thomas Owen','bob Pribe','thomas Owen','thomas Owen','thomas Owen','thomas Owen','thomas Owen','thomas Owen','thomas Owen','thomas Owen','thomas Owen','thomas Owen','thomas Owen','thomas Owen','thomas Owen','thomas Owen','thomas Owen','thomas Owen','thomas Owen','thomas Owen','thomas Owen','thomas Owen','thomas Owen','thomas Owen'];
      var studentID_Array = ['0001','0002','0003'];

     /*
     var studentNameArray = [],
         studentID_Array = [],

         var i = 0,
          searchStrName,
          searchStrNum,
          searchStudentName,
          searchStudentID;

      this.props.returnedAll.map((current, index) =>{
          searchStrName = current.search(window.globalValue);

          if(searchStrName > 0){
            searchStrName = current.search('!');
            searchStrNum = current.search('#');

            searchStudentName = current.slice(searchStrName + 1,searchStrNum);
            studentNameArray[i] = searchStudentName;

            searchStudentID = current.slice(searchStrNum + 1);
            studentID_Array[i] = searchStudentID;

            i++;
           }
      })
      */

    var StudentsNewObject = { };
    var LeftI = 10;
    var TopI = 0;
    for(var i = 0; i < studentNameArray.length; i++){
     for(var j = 0; j < 3; j++){
       StudentsNewObject [i] = { top: this.state.posTop  + TopI, left:((this.state.posLeft + 10) + LeftI), studentName: studentNameArray[i], idTag: studentID_Array[i]  } ;
       LeftI += 120;
       i++;
      console.log( StudentsNewObject [i]);
     }
     LeftI = 10;
      TopI += 110;
    }
    var StudentsCopyObject = this.state.Students;
    var studentMergeObject = Object.assign(StudentsCopyObject,StudentsNewObject);
     console.log(studentMergeObject);
    this.setState({ Students: studentMergeObject });
   // $("#bank").append(this.state.students);


   },

render:function() {
    const { Students } = this.state;
    var connectDropTarget = this.props.connectDropTarget;
    return connectDropTarget(
      <div>
        <div  className = "col">
           <h1>Create Your Seating Chart</h1>
           <div className = "cont">
             <h2>Select Your Class:</h2><br/><br/>
             <h2>Enter The Tests Proctor Name:</h2>
             <input classname = "textBox" ref = "Instructor" onChange = {this.handleChange} type = "text" /> <br /><br />
             <input className = "button" type = "button" onClick = {this.populate} value = "POPULATE"/>
             <input className = "button" type = "button" onClick = {this.reset} value = "RESET" /><br />
             <input  style = {{ marginLeft: '18%' }} className = "button" type = "button" onClick = { this.print } value = "CAPTURE" />
           </div>
         </div>

        <div  className = "col">

        </div>
         <div  className = "col">
          <h2 style = {{ color: '#ED1C24'}}>{this.state.globalClass}</h2><br />
          <h3 style = {{ marginTop: '-7%'}}>Instructor: <b></b></h3>
          <h3 style = {{ marginTop: '-4%' }}>Proctor:<b>{this.state.Instructor}</b></h3>
          <div className = "currentSel">
            <h1>Current Selection:</h1>
            <h2 style = {{ color: '#ED1C24', marginTop: '-4%'}}>{this.state.studentName}</h2>
           {/* <h3 style = {{ marginTop: '-4%'}}>ID:{this.state.studentID}</h3>  <br /><br /> */}
          </div>
          <h2><b>STUDENT BANK</b></h2>
          <div style = {{background: 'blue'}} id = "bank">
          </div>

          <div id = "boom"  style = {{background: 'blue', position: 'static', overflowY: 'scroll'}}>
            {
              Object.keys(Students).map(key =>{
                const { left, top, title, studentName, idTag } = Students[key];
                 return(
                     <div  key = {key}>
                            <Student  id = {key} left = {left}
                            top = {top} studentName = {studentName} idTag = {idTag} ></Student>
                     </div>
                  );})}
           </div>
        </div>
      </div>
    );
  }
});