me/parandum
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enable answer count and [FIX] option copying

Browse Source 
Add option to display number of answers to current prompt and ensure test options get copied to new tests that are created at the end of an existing test (with the restart test/restart test with incorrect buttons)
This commit is contained in:
Matthew Grove
2022-01-30 20:18:57 +00:00
parent 98491163fa
commit 2073e5b828
6 changed files with 92 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/ClassicTestStart.js
View File

@@ -70,6 +70,14 @@ export default function ClassicTestStart(props) {
/>
<span>Ignore capitals</span>
</label>
<label>
<Checkbox
checked={props.showNumberOfAnswers}
onChange={props.handleShowNumberOfAnswersChange}
inputProps={{ 'aria-label': 'checkbox' }}
/>
<span>Show number of answers</span>
</label>
</div>
<Button

8
src/LivesTestStart.js
View File

@@ -70,6 +70,14 @@ export default function LivesTestStart(props) {
/>
<span>Ignore capitals</span>
</label>
<label>
<Checkbox
checked={props.showNumberOfAnswers}
onChange={props.handleShowNumberOfAnswersChange}
inputProps={{ 'aria-label': 'checkbox' }}
/>
<span>Show number of answers</span>
</label>
</div>
<Button

12
src/LoggedInHome.js
View File

@@ -72,6 +72,7 @@ export default withRouter(class LoggedInHome extends React.Component {
sliderValue: 1,
switchLanguage: false,
ignoreCaps: false,
showNumberOfAnswers: false,
totalTestQuestions: 1,
pendingDeletions: {},
};
@@ -200,6 +201,7 @@ export default withRouter(class LoggedInHome extends React.Component {
mode: mode,
limit: this.state.sliderValue,
ignoreCaps: this.state.ignoreCaps,
showNumberOfAnswers: this.state.showNumberOfAnswers,
}).then((result) => {
const progressId = result.data;
this.stopLoading();
@@ -358,6 +360,12 @@ export default withRouter(class LoggedInHome extends React.Component {
});
}
handleShowNumberOfAnswersChange = (event) => {
this.setState({
showNumberOfAnswers: event.target.checked,
});
}
render() {
return (
<div>
@@ -578,8 +586,10 @@ export default withRouter(class LoggedInHome extends React.Component {
onSliderChange={this.changeSliderValue}
switchLanguage={this.state.switchLanguage}
ignoreCaps={this.state.ignoreCaps}
showNumberOfAnswers={this.state.showNumberOfAnswers}
handleSwitchLanguageChange={this.handleSwitchLanguageChange}
handleIgnoreCapsChange={this.handleIgnoreCapsChange}
handleShowNumberOfAnswersChange={this.handleShowNumberOfAnswersChange}
loading={this.state.loading}
/>
}
@@ -593,8 +603,10 @@ export default withRouter(class LoggedInHome extends React.Component {
onSliderChange={this.changeSliderValue}
switchLanguage={this.state.switchLanguage}
ignoreCaps={this.state.ignoreCaps}
showNumberOfAnswers={this.state.showNumberOfAnswers}
handleSwitchLanguageChange={this.handleSwitchLanguageChange}
handleIgnoreCapsChange={this.handleIgnoreCapsChange}
handleShowNumberOfAnswersChange={this.handleShowNumberOfAnswersChange}
loading={this.state.loading}
/>
}

35
src/Progress.js
View File

@@ -59,6 +59,7 @@ export default withRouter(class Progress extends React.Component {
startTime: null,
sound: false,
ignoreCaps: false,
numberOfAnswers: null,
}
constructor(props) {
@@ -131,6 +132,8 @@ export default withRouter(class Progress extends React.Component {
originalTotalQuestions: [...new Set(data.questions)].length,
setComplete: data.duration !== null,
pageLoaded: true,
numberOfAnswers: data.showNumberOfAnswers ? 0 : null,
ignoreCaps: data.ignoreCaps,
};
if (data.lives) {
@@ -165,6 +168,7 @@ export default withRouter(class Progress extends React.Component {
await nextPromptRef.get().then((doc) => {
newState.currentPrompt = doc.data().item;
newState.currentSound = doc.data().sound === true;
if (newState.numberOfAnswers === 0) newState.numberOfAnswers = doc.data().numberOfAnswers;
}).catch((error) => {
newState.progressInaccessible = true;
console.log(`Progress data inaccessible: ${error}`);
@@ -356,6 +360,7 @@ export default withRouter(class Progress extends React.Component {
typo: false,
canStartTest: true,
};
if (this.state.numberOfAnswers !== null && data.numberOfAnswers !== 0) newState.numberOfAnswers = data.numberOfAnswers;
if (this.state.mode === "lives") newState.lives = data.lives;
@@ -555,11 +560,17 @@ export default withRouter(class Progress extends React.Component {
limit: this.state.mode === "questions" ? this.state.progress - this.state.incorrect
: this.state.mode === "lives" ? this.state.lives
: 1,
ignoreCaps: this.state.ignoreCaps,
showNumberOfAnswers: this.state.numberOfAnswers === null,
}).then((result) => {
const progressId = result.data;
this.stopLoading();
this.props.history.push("/progress/" + progressId);
this.setState({
incorrectAnswers: {},
});
this.props.logEvent("restart_test", {
progress_id: progressId,
});
@@ -579,6 +590,10 @@ export default withRouter(class Progress extends React.Component {
this.stopLoading();
this.props.history.push("/progress/" + progressId);
this.setState({
incorrectAnswers: {},
});
this.props.logEvent("start_test_with_incorrect", {
progress_id: progressId,
});
@@ -667,6 +682,10 @@ export default withRouter(class Progress extends React.Component {
{
this.state.moreAnswers
?
this.state.numberOfAnswers !== null
?
`${this.state.currentCorrect.length} of ${this.state.numberOfAnswers} correct so far:`
:
"Correct so far:"
:
"Answers:"
@@ -677,6 +696,12 @@ export default withRouter(class Progress extends React.Component {
)}
</>
:
this.state.numberOfAnswers !== null
?
<h2>
{this.state.currentCorrect.length} of {this.state.numberOfAnswers} correct so far
</h2>
:
""
}
</div>
@@ -823,6 +848,10 @@ export default withRouter(class Progress extends React.Component {
{
this.state.moreAnswers
?
this.state.numberOfAnswers !== null
?
`${this.state.currentCorrect.length} of ${this.state.numberOfAnswers} correct so far:`
:
"Correct so far:"
:
"Answers:"
@@ -833,6 +862,12 @@ export default withRouter(class Progress extends React.Component {
)}
</>
:
this.state.numberOfAnswers !== null
?
<h2>
{this.state.currentCorrect.length} of {this.state.numberOfAnswers} correct so far
</h2>
:
""
}
</div>

12
src/SetPage.js
View File

@@ -54,6 +54,7 @@ export default withRouter(class SetPage extends React.Component {
sliderValue: 1,
switchLanguage: false,
ignoreCaps: false,
showNumberOfAnswers: false,
totalTestQuestions: 1,
};
@@ -136,6 +137,7 @@ export default withRouter(class SetPage extends React.Component {
mode: mode,
limit: this.state.sliderValue,
ignoreCaps: this.state.ignoreCaps,
showNumberOfAnswers: this.state.showNumberOfAnswers,
}).then((result) => {
const progressId = result.data;
this.stopLoading();
@@ -340,6 +342,12 @@ export default withRouter(class SetPage extends React.Component {
});
}
handleShowNumberOfAnswersChange = (event) => {
this.setState({
showNumberOfAnswers: event.target.checked,
});
}
render() {
return (
<div>
@@ -488,8 +496,10 @@ export default withRouter(class SetPage extends React.Component {
onSliderChange={this.changeSliderValue}
switchLanguage={this.state.switchLanguage}
ignoreCaps={this.state.ignoreCaps}
showNumberOfAnswers={this.state.showNumberOfAnswers}
handleSwitchLanguageChange={this.handleSwitchLanguageChange}
handleIgnoreCapsChange={this.handleIgnoreCapsChange}
handleShowNumberOfAnswersChange={this.handleShowNumberOfAnswersChange}
loading={this.state.loading}
disabled={!this.state.canStartTest}
/>
@@ -504,8 +514,10 @@ export default withRouter(class SetPage extends React.Component {
onSliderChange={this.changeSliderValue}
switchLanguage={this.state.switchLanguage}
ignoreCaps={this.state.ignoreCaps}
showNumberOfAnswers={this.state.showNumberOfAnswers}
handleSwitchLanguageChange={this.handleSwitchLanguageChange}
handleIgnoreCapsChange={this.handleIgnoreCapsChange}
handleShowNumberOfAnswersChange={this.handleShowNumberOfAnswersChange}
loading={this.state.loading}
disabled={!this.state.canStartTest}
/>