this.updateBtnValidation()
},
+ //
setDisplay: function() {
const currentQuestion = quiz.score.lastAnsweredQuestion + 1,
questions = this.quiz.questions
activeNav: function(position = 1) {
const questionStatus = quiz.score.questionStatus
- console.log("position",position,"status",questionStatus)
+ const lastAnsweredQuestion = quiz.score.lastAnsweredQuestion
let $el = $(".progress-container .progress-item:nth-child("+position+")")
+
$(".progress-container .progress-item").removeClass("active")
$el.addClass("active")
- for(let k in questionStatus) {
- let n = (k + 1)
- let $el = $(".progress-container .progress-item:nth-child("+n+")")
- if(questionStatus[k].ok === 'ok') {
- $el.addClass("ok")
+ let n = (lastAnsweredQuestion + 1)
+ let $_el = $(".progress-container .progress-item:nth-child("+n+")")
+
+ if(lastAnsweredQuestion > -1) {
+ if (questionStatus[lastAnsweredQuestion].ok === 'ok') {
+ $_el.addClass("ok")
}
- if(questionStatus[k].ok === 'nok'){
- $el.addClass("nok")
+ if (questionStatus[lastAnsweredQuestion].ok === 'nok') {
+ $_el.addClass("nok")
}
}
},
@include('quizv2.screens.intro', ['data'=> $data])
@endif
@foreach($data->questions as $key => $question)
- @include('quizv2.screens.question_'.$question['type'], ['data'=> $question, 'max' => $totalQuestion, 'position' => $key, 'alphabet' => $alphabet])
+ @include('quizv2.screens.question_'.$question['type'], ['theme' => $data->theme, 'data'=> $question, 'max' => $totalQuestion, 'position' => $key, 'alphabet' => $alphabet])
@endforeach
<div id="anim"></div>
</div>
</form>
</div>
<div class="screen-image">
+ <img src="{{$theme->standardImage}}">
</div>
@include('quizv2.footer', ['data' => $data, 'reset' => true, 'text' => 'Validate answer', 'info' => true])
</div>