From 447125261370cb4242ac6fe872106be25c197efa Mon Sep 17 00:00:00 2001
From: soufiane <soufiane@cubedesigners.com>
Date: Tue, 14 May 2024 18:33:39 +0200
Subject: [PATCH] wait #6812

---
 js/quiz.draganddrop.js | 127 +++++++++++++++++++++--------------------
 1 file changed, 65 insertions(+), 62 deletions(-)

diff --git a/js/quiz.draganddrop.js b/js/quiz.draganddrop.js
index 511fb0b..5f9b80c 100644
--- a/js/quiz.draganddrop.js
+++ b/js/quiz.draganddrop.js
@@ -118,81 +118,84 @@ QuizDragAndDrop.prototype = {
     },
 
     createDraggable: function ($this) {
-        Draggable.create($this.item, {
-            type: $this.quiz.resize.isMobile() ? "y" : "x,y",
-            edgeResistance: 0.2,
-            inertia: false,
-            bounds: "#quiz",
-            onDragParams: [{}],
-            onDrag: function () {
-                $(".zone-1,.zone-2").removeClass("notDrag")
-                $(this.target).addClass("isDragging").removeClass("isNext")
-
-                $this.offsetLeftItemDragged = $(this.target).offset().left
-                $this.offsetRightItemDragged = $(this.target).offset().left + $(this.target).outerWidth()
-                let direction = this.getDirection()
-
-                //let zone = $this.getZoneOverlap($this.offsetLeftItemDragged,$this.offsetRightItemDragged)
-                let zone = $this.getZoneOverlap(this.target)
-
-                // fix bug scale !important from css
-                gsap.to(this.target, {
-                    scale: 1, duration: 0, immediateRender: true
-                })
+        setTimeout(function() {
+            Draggable.create($this.item, {
+                type: $this.quiz.resize.isMobile() ? "y" : "x,y",
+                edgeResistance: 0.2,
+                inertia: false,
+                bounds: "#quiz",
+                onDragParams: [{}],
+                onDrag: function () {
+                    $(".zone-1,.zone-2").removeClass("notDrag")
+                    $(this.target).addClass("isDragging").removeClass("isNext")
+
+                    $this.offsetLeftItemDragged = $(this.target).offset().left
+                    $this.offsetRightItemDragged = $(this.target).offset().left + $(this.target).outerWidth()
+                    let direction = this.getDirection()
+
+                    //let zone = $this.getZoneOverlap($this.offsetLeftItemDragged,$this.offsetRightItemDragged)
+                    let zone = $this.getZoneOverlap(this.target)
+
+                    // fix bug scale !important from css
+                    gsap.to(this.target, {
+                        scale: 1, duration: 0, immediateRender: true
+                    })
 
-                //
-                //$this.setOpacityZone(this.target,direction)
+                    //
+                    //$this.setOpacityZone(this.target,direction)
 
-                //set rotation on desktop
-                if (!$this.quiz.resize.isMobile()) {
-                    $this.rotateItem(this, direction)
-                }
+                    //set rotation on desktop
+                    if (!$this.quiz.resize.isMobile()) {
+                        $this.rotateItem(this, direction)
+                    }
 
-                // actions when enter in zone
-                $this.enterZone(zone)
+                    // actions when enter in zone
+                    $this.enterZone(zone)
 
-                // actions when leave zone
-                if (!zone) {
-                    $this.leaveZone()
-                }
-            },
-            onDragEnd: function () {
-                //
-                let zone = $this.getZoneOverlap(this.target)
-                if (zone) {
-                    $this.sendCurrentAnswerToArea(zone, $(this.target).data("id"));
-                }
+                    // actions when leave zone
+                    if (!zone) {
+                        $this.leaveZone()
+                    }
+                },
+                onDragEnd: function () {
+                    //
+                    let zone = $this.getZoneOverlap(this.target)
+                    if (zone) {
+                        $this.sendCurrentAnswerToArea(zone, $(this.target).data("id"));
+                    }
+
+                    //
+                    $(".zone-content").removeClass("active")
+                },
+                onRelease: function () {
+                    //
+                    $(".zone-1,.zone-2").addClass("notDrag")
 
-                //
-                $(".zone-content").removeClass("active")
-            },
-            onRelease: function () {
-                //
-                $(".zone-1,.zone-2").addClass("notDrag")
 
+                    //
+                    document.documentElement.style.setProperty('--opacity-zone-1', '0');
+                    document.documentElement.style.setProperty('--opacity-zone-2', '0');
 
-                //
-                document.documentElement.style.setProperty('--opacity-zone-1', '0');
-                document.documentElement.style.setProperty('--opacity-zone-2', '0');
+                    //
+                    $this.leaveZone()
+
+                    //
+                    if (!$this.getZoneOverlap(this.target)) {
+                        gsap.to(this.target, {
+                            x: 0, y: 0,
+                        })
+                    }
 
-                //
-                $this.leaveZone()
+                    $(this.target).removeClass("isDragging")
 
-                //
-                if (!$this.getZoneOverlap(this.target)) {
+                    // reset list rotation
                     gsap.to(this.target, {
-                        x: 0, y: 0,
+                        rotation: 0
                     })
                 }
+            });
+        }, 1000)
 
-                $(this.target).removeClass("isDragging")
-
-                // reset list rotation
-                gsap.to(this.target, {
-                    rotation: 0
-                })
-            }
-        });
     },
 
     rotateItem: function ($this, direction) {
-- 
2.39.5