some changes to test droppable

public/js/app.js

@@ -59,6 +59,17 @@ $.when( $.ready ).then(function() {
     });
     $("#sortable").sortable("disable");
 
+    $(".item-container").droppable({
+        tolerance: "pointer",
+        drop: function( event, ui ) {
+            alert($( this ).data('id'));
+            alert($( ui.draggable ).data('id'));
+          $( this )
+            .addClass( "ui-state-highlight" )
+            
+        }
+      });
+
     
     $('#app').on('click', '#config-button', function(e) {
         e.preventDefault();

public/mix-manifest.json

@@ -1,4 +1,4 @@
 {
-    "/css/app.css": "/css/app.css?id=a571eeda02c71a01f251",
+    "/css/app.css": "/css/app.css?id=8ecb24c3817ea7885f13",
-    "/js/app.js": "/js/app.js?id=b38be2e595ece6fcef81"
+    "/js/app.js": "/js/app.js?id=8dfc323d4d8919d6f3bf"
 }

resources/assets/js/app.js

@@ -50,6 +50,17 @@ $.when( $.ready ).then(function() {
     });
     $("#sortable").sortable("disable");
 
+    $(".item-container").droppable({
+        tolerance: "pointer",
+        drop: function( event, ui ) {
+            alert($( this ).data('id'));
+            alert($( ui.draggable ).data('id'));
+          $( this )
+            .addClass( "ui-state-highlight" )
+            
+        }
+      });
+
     
     $('#app').on('click', '#config-button', function(e) {
         e.preventDefault();