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