8 changed files with 276 additions and 48 deletions
@ -0,0 +1,43 @@ |
|||
import testQuestions from "../data/test" |
|||
import aerodynamicsQuestions from "../data/aerodynamics" |
|||
import firstAidQuestions from "../data/firstAid" |
|||
import flightSafetyQuestions from "../data/flightSafety" |
|||
import instrumentsQuestions from "../data/instruments" |
|||
import legislationQuestions from "../data/legislation" |
|||
import materialsQuestions from "../data/materials" |
|||
import meteorologyQuestions from "../data/meteorology" |
|||
import physiopathologyQuestions from "../data/physiopathology" |
|||
import pilotingTechniquesQuestions from "../data/pilotingTechniques" |
|||
|
|||
import { examScheme } from "../components/Variables" |
|||
|
|||
let tmpQuestions = [] |
|||
|
|||
const allQuestions = { |
|||
aerodynamics: aerodynamicsQuestions, |
|||
firstAid: firstAidQuestions, |
|||
flightSafety: flightSafetyQuestions, |
|||
instruments: instrumentsQuestions, |
|||
legislation: legislationQuestions, |
|||
materials: materialsQuestions, |
|||
meteorology: meteorologyQuestions, |
|||
physiopathology: physiopathologyQuestions, |
|||
pilotingTechniques: pilotingTechniquesQuestions |
|||
} |
|||
|
|||
const generateQuestions = () => { |
|||
|
|||
examScheme.forEach( (elem) => { |
|||
let currentSection = allQuestions[elem.section] |
|||
for(let i=0; i<elem.questions; i++) { |
|||
const currentIndex = Math.floor(Math.random() * elem.questions) |
|||
//currentSection[currentIndex].question = elem.section + currentSection[currentIndex].question
|
|||
tmpQuestions.push(currentSection[currentIndex]) |
|||
currentSection = currentSection.filter( (item, index) => index != currentIndex) |
|||
} |
|||
}) |
|||
} |
|||
|
|||
generateQuestions() |
|||
|
|||
export const examQuestions = tmpQuestions |
|||
@ -0,0 +1,164 @@ |
|||
import React from "react" |
|||
import { View, ScrollView, StyleSheet, StatusBar, Text, SafeAreaView } from "react-native" |
|||
|
|||
import { Button, ButtonContainer } from "../components/Button" |
|||
import { Alert } from "../components/Alert" |
|||
import { Results } from "../components/Results" |
|||
import { colors } from "../components/Variables" |
|||
|
|||
const styles = StyleSheet.create({ |
|||
container: { |
|||
backgroundColor: colors.blue, |
|||
flex: 1, |
|||
paddingHorizontal: 20 |
|||
}, |
|||
text: { |
|||
color: colors.white, |
|||
fontSize: 20, |
|||
textAlign: "center", |
|||
fontWeight: "600", |
|||
paddingVertical: 20, |
|||
marginTop: 20, |
|||
}, |
|||
timer: { |
|||
color: colors.white, |
|||
fontSize: 30, |
|||
textAlign: "center", |
|||
fontWeight: "600", |
|||
paddingVertical: 10, |
|||
marginTop: 10, |
|||
}, |
|||
safearea: { |
|||
flex: 1, |
|||
marginTop: 20, |
|||
justifyContent: "space-between" |
|||
} |
|||
}) |
|||
|
|||
let interval = null |
|||
const maxTime = 10 // 1800
|
|||
|
|||
class Exam extends React.Component { |
|||
|
|||
state = { |
|||
correctCount: 0, |
|||
wrongCount: 0, |
|||
totalCount: this.props.navigation.getParam("questions", []).length, |
|||
availableIds: this.props.navigation.getParam("questions", []).map(a => a.id), |
|||
activeQuestionId: this.props.navigation.getParam("questions", [])[ |
|||
Math.floor(Math.random() * this.props.navigation.getParam("questions", []).length) |
|||
].id, |
|||
answered: false, |
|||
answerCorrect: false, |
|||
results: false, |
|||
timer: maxTime |
|||
} |
|||
|
|||
answer = correct => { |
|||
this.setState( |
|||
state => { |
|||
const nextState = { answered: true } |
|||
|
|||
if (correct) { |
|||
nextState.correctCount = state.correctCount + 1 |
|||
nextState.answerCorrect = true |
|||
} else { |
|||
nextState.wrongCount = state.wrongCount + 1 |
|||
nextState.answerCorrect = false |
|||
} |
|||
|
|||
return nextState |
|||
}, |
|||
() => { |
|||
setTimeout(() => this.nextQuestion(), 750) |
|||
} |
|||
) |
|||
} |
|||
|
|||
nextQuestion = () => { |
|||
this.setState( (state) => { |
|||
const updatedIndexes = state.availableIds.filter( item => item != state.activeQuestionId) |
|||
const nextId = updatedIndexes[Math.floor(Math.random() * updatedIndexes.length)] |
|||
let resultsShow = this.state.timer <= 1 || false |
|||
|
|||
if (!updatedIndexes.length) { |
|||
resultsShow = true |
|||
setTimeout( () => { |
|||
this.props.navigation.popToTop() |
|||
}, 5000) |
|||
} |
|||
|
|||
return { |
|||
availableIds: updatedIndexes, |
|||
activeQuestionId: nextId, |
|||
answered: false, |
|||
results: resultsShow |
|||
} |
|||
}) |
|||
} |
|||
|
|||
render() { |
|||
const questions = this.props.navigation.getParam("questions", []) |
|||
const question = questions.filter(item => item.id == this.state.activeQuestionId)[0] || questions[0] |
|||
|
|||
if(this.state.timer==maxTime) { |
|||
interval = setInterval( () => { |
|||
this.setState( (state) => { |
|||
return { |
|||
timer: this.state.timer-1, |
|||
results: this.state.timer <= 1 || false |
|||
} |
|||
}) |
|||
}, 1000) |
|||
} |
|||
|
|||
if(this.state.timer < 1) { |
|||
clearInterval(interval) |
|||
setTimeout( () => { |
|||
this.props.navigation.popToTop() |
|||
}, 5000) |
|||
} |
|||
|
|||
return ( |
|||
<ScrollView style={[ |
|||
styles.container, |
|||
{ backgroundColor: this.props.navigation.getParam("color") } |
|||
]} |
|||
> |
|||
<StatusBar barStyle="light-content" /> |
|||
<SafeAreaView style={styles.safearea}> |
|||
<Text style={styles.timer}>{new Date(this.state.timer * 1000).toISOString().substr(11, 8)}</Text> |
|||
<View> |
|||
<Text style={styles.text}>{question.question}</Text> |
|||
|
|||
<ButtonContainer> |
|||
{question.answers.map(answer => ( |
|||
<Button |
|||
key={answer.id} |
|||
text={answer.text} |
|||
onPress={() => this.answer(answer.correct)} |
|||
/> |
|||
))} |
|||
</ButtonContainer> |
|||
</View> |
|||
|
|||
<Text style={styles.text}> |
|||
{`${this.state.correctCount+this.state.wrongCount}/${this.state.totalCount}`} |
|||
</Text> |
|||
</SafeAreaView> |
|||
<Alert |
|||
correct={this.state.answerCorrect} |
|||
visible={this.state.answered} |
|||
/> |
|||
<Results |
|||
total={this.state.totalCount} |
|||
correct={this.state.correctCount} |
|||
wrong={this.state.wrongCount} |
|||
visible={this.state.results} |
|||
/> |
|||
</ScrollView> |
|||
) |
|||
} |
|||
} |
|||
|
|||
export default Exam |
|||
Loading…
Reference in new issue