diff --git a/client/views/Grade.jsx b/client/views/Grade.jsx index 3576b8a6ce50e546c8f07212f64ce1892830fd19..cd62fcb6c036341ac3de4d2c7f92f8ff5b249e32 100644 --- a/client/views/Grade.jsx +++ b/client/views/Grade.jsx @@ -124,7 +124,7 @@ class Grade extends React.Component { {this.state.editActive ? <EditPanel problem={this.props.exam.problems[this.state.pIndex]} editFeedback={this.state.editFeedback} toggleEdit={this.toggleEdit}/> : - <FeedbackPanel problem={this.props.exam.problems[this.state.pIndex]} solution={this.props.exam.submissions[this.state.sIndex]} + <FeedbackPanel problem={this.props.exam.problems[this.state.pIndex]} solution={this.props.exam.submissions[this.state.sIndex].problems[this.state.pIndex]} toggleEdit={this.toggleEdit} /> } </div> diff --git a/client/views/grade/FeedbackBlock.jsx b/client/views/grade/FeedbackBlock.jsx index c59bcb3b8ffaad946d007b8745a05b7d27b4ab18..a7d4a9833390a1c8dbf0000f373914e12b962b4f 100644 --- a/client/views/grade/FeedbackBlock.jsx +++ b/client/views/grade/FeedbackBlock.jsx @@ -33,10 +33,12 @@ class FeedbackBlock extends React.Component { render() { const score = this.props.feedback.score; + console.log(this.props.checked); + return ( <a className="panel-block is-active" onClick={this.toggle} > <span className="panel-icon"> - <i className={"fa fa-" + (this.state.checked ? "check-square-o" : "square-o")}></i> + <i className={"fa fa-" + (this.props.checked ? "check-square-o" : "square-o")}></i> </span> <span style={{ width: '80%' }}> {this.props.feedback.name} diff --git a/client/views/grade/FeedbackPanel.jsx b/client/views/grade/FeedbackPanel.jsx index 79fd556e33e90a4690b81f6840250008ae60fd21..04c9ceb5afeb9bccdde20e3977b63538df2a73f2 100644 --- a/client/views/grade/FeedbackPanel.jsx +++ b/client/views/grade/FeedbackPanel.jsx @@ -18,14 +18,11 @@ class FeedbackPanel extends React.Component { Feedback </p> {this.props.problem.feedback.map((feedback, i) => - <FeedbackBlock key={feedback.id} feedback={feedback} checked={false} onClick={this.props.editFeedback} /> + <FeedbackBlock key={feedback.id} feedback={feedback} checked={this.props.solution.feedback.includes(feedback.id)} onClick={this.props.editFeedback} /> )} - {this.state.remarkActive ? - <div className="panel-block"> - <textarea className="textarea" rows="2" placeholder="remark" /> - </div> - : null - } + <div className="panel-block"> + <textarea className="textarea" rows="2" placeholder="remark" /> + </div> <div className="panel-block"> <button className="button is-link is-outlined is-fullwidth" onClick={this.props.toggleEdit}> <span className="icon is-small"> @@ -33,12 +30,6 @@ class FeedbackPanel extends React.Component { </span> <span>option</span> </button> - <button className="button is-link is-outlined is-fullwidth" onClick={this.addRemark}> - <span className="icon is-small"> - <i className="fa fa-plus"></i> - </span> - <span>remark</span> - </button> </div> </nav> )