wip #6182 @3:00 question match

diff --git a/js/quiz.match.js b/js/quiz.match.js
index 300d9641645f154ba4fedaeeaf2c2ff6db9518e1..9f72e69569194c77b8d11ff6a3052e0605f0b6b3 100644 (file)
--- a/js/quiz.match.js
+++ b/js/quiz.match.js
@@ -34,8 +34,11 @@ QuizMatch.prototype = {
         this.swiperTop = new Swiper('.swiper-container.top-slider', {
             modules: [Navigation, Pagination],
             slidesPerView: 1,
-            loop: true,
             effect: 'fade',
+            spaceBetween: 20,
+            mousewheelControl: false,
+            keyboardControl: false,
+            noSwiping: true,
             pagination: {
                 el: '.swiper-pagination-top',
                 type: 'fraction',
@@ -59,24 +62,35 @@ QuizMatch.prototype = {
                     //$this.setClass()
                 },
                 progress: function(swiper, progress) {
-                    //console.log(swiper,progress,(progress*100)+"%")
+                    console.log(swiper)
 
                     const slides = swiper.slides
                     let activeIndex = swiper.activeIndex
                     let nextAllArray = swiper.slides.slice(activeIndex+1)
                     let prevAllArray = swiper.slides.slice(0,activeIndex)
 
-                    /*if(nextAllArray.length > 0) {
+
+                    console.log(nextAllArray)
+                    //console.log(prevAllArray)
+                    let angle = 4
+
+                    if(swiper.swipeDirection === "next") {
+                        angle -= 4
+                    }
+
+                    if(nextAllArray.length > 0) {
+                        let angle = 4
                         nextAllArray.forEach(function(el,index) {
-                            console.log("progress",el.progress)
-                            let angle = 4 * el.progress
+                            console.log("progress",el.progress,progress)
 
                             $(el).css({
                                 'transform':'rotate('+(angle)+'deg)',
                                 'top': $this.positionsX[index] ? $this.positionsX[index].top+'px' : 0,
                             })
+                            angle += 4
+
                         })
-                    }*/
+                    }
 
                 }
             }

diff --git a/views/index.blade.php b/views/index.blade.php
index 78b55ffb0e7d21651cf86f76437af7a5690dc68a..03b7ee19e0d77847ee0c58d3287ef1057c88196f 100644 (file)
--- a/views/index.blade.php
+++ b/views/index.blade.php
@@ -27,6 +27,8 @@
         <div id="instantReviewAnimation"></div>
     </div>
 </div>
+<script src="js/manifest.js"></script>
 <script src="js/quiz.js"></script>
+<script src="js/vendor.js"></script>
 </body>
 </html>