Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 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>
- );
- }
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement