From 613dfefb6eff11e975b348ec1dba2eb80a7aa723 Mon Sep 17 00:00:00 2001
From: Roosted7 <thomasroos@live.nl>
Date: Fri, 6 Apr 2018 13:45:55 +0200
Subject: [PATCH] fake status changes of feedback
---
client/views/grade/FeedbackBlock.jsx | 15 ++++++++++++---
client/views/grade/FeedbackPanel.jsx | 2 +-
2 files changed, 13 insertions(+), 4 deletions(-)
diff --git a/client/views/grade/FeedbackBlock.jsx b/client/views/grade/FeedbackBlock.jsx
index 4d831ac7e..c59bcb3b8 100644
--- a/client/views/grade/FeedbackBlock.jsx
+++ b/client/views/grade/FeedbackBlock.jsx
@@ -3,7 +3,8 @@ import React from 'react';
class FeedbackBlock extends React.Component {
state = {
- hover: false
+ hover: false,
+ checked: false
}
leave = () => {
this.setState({
@@ -20,14 +21,22 @@ class FeedbackBlock extends React.Component {
console.log('mounting! ' + this.props.feedback.id)
}
+ toggle = () => {
+ if (!this.state.hover) {
+ this.setState({
+ checked: !this.state.checked
+ })
+ }
+ }
+
render() {
const score = this.props.feedback.score;
return (
- <a className="panel-block is-active" onClick={() => !this.state.hover && console.log('a click')} >
+ <a className="panel-block is-active" onClick={this.toggle} >
<span className="panel-icon">
- <i className={"fa fa-" + (this.props.checked ? "check-square-o" : "square-o")}></i>
+ <i className={"fa fa-" + (this.state.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 8351b4da5..e42123dd7 100644
--- a/client/views/grade/FeedbackPanel.jsx
+++ b/client/views/grade/FeedbackPanel.jsx
@@ -49,7 +49,7 @@ class FeedbackPanel extends React.Component {
Feedback
</p>
{this.state.feedback.map((feedback, i) =>
- <FeedbackBlock key={i} index={i} feedback={feedback} checked={true} onClick={this.props.editFeedback} />
+ <FeedbackBlock key={i} index={i} feedback={feedback} checked={false} onClick={this.props.editFeedback} />
)}
<div className="panel-block is-hidden-mobile">
<button className="button is-link is-outlined is-fullwidth" onClick={this.props.toggleEdit}>
--
GitLab