this.quiz.screens.currentQuestionAnswers.push(answer)
if(this.swiperTop.activeIndex === lastIndex) {
- this.validateButton()
+ this.switchMatchValidateButton()
return false
}
this.swiperTop.slideNext()
},
- validateButton: function() {
+ switchMatchValidateButton: function() {
let btn = $(".active-screen").find(".confirmMatch"),
text = this.quiz.l10n.__('Validate answer');
}
@endphp
-<div class="controls {{$side}} move-card" aria-keyshortcuts="{{$key}}">
+<div class="controls {{$side}} {{$action}}" aria-keyshortcuts="{{$key}}">
<p>{{$text}}</p>
<div class="access">
<span data-icon="arrow"></span>
@include('header_question', ['question' => $question, 'data' => $data, 'max' => $max, 'position' => $position])
<div class="vertical-center-screen-relative">
<div class="screen question-draganddrop">
- @include('screens.arrow',['side'=>'left'])
+ @include('screens.arrow',['side'=>'left','action'=>'move-card'])
<ul class="list">
@foreach($question['answers'] as $key => $answer)
<li class="list-item {{ $key === 0 ? 'current' : '' }}" data-id="{{$key}}">
@endforeach
<li class="overlay"></li>
</ul>
- @include('screens.arrow',['side'=>'right'])
+ @include('screens.arrow',['side'=>'right','action'=>'move-card'])
</div>
</div>
@include('screens.question_draganddrop_area',['area'=>2,'question'=>$question,'theme'=>$theme])
<div class="screen">
<div class="top-slider-container">
- @include('screens.arrow',['side'=>'left'])
+ @include('screens.arrow',['side'=>'left','action'=>'move-slide'])
<div class="swiper-container top-slider">
<div class="swiper-pagination-top"></div>
<div class="swiper-wrapper">
@endforeach
</div>
</div>
- @include('screens.arrow',['side'=>'right'])
+ @include('screens.arrow',['side'=>'right','action'=>'move-slide'])
</div>
<div class="swiper-container bottom-slider">