[skip ci] attachDragHandlers and attachDropHandlers

Author: odeimaiz

services/static-webserver/client/source/class/osparc/dashboard/FolderButtonItem.js

@@ -152,6 +152,30 @@ qx.Class.define("osparc.dashboard.FolderButtonItem", {
       osparc.utils.Utils.setIdToWidget(this, "folderItem_" + folder.getFolderId());
 
       this.__addMenuButton();
+
+      this.__attachDragHandlers();
+      this.__attachDropHandlers();
+    },
+
+    __attachDragHandlers: function() {
+      this.setDraggable(true);
+      this.addListener("dragstart", e => {
+        e.addType("moveFolder");
+      });
+    },
+
+    __attachDropHandlers: function() {
+      this.setDroppable(true);
+      this.addListener("dragover", e => {
+        if (e.supportsType("moveStudy")) {
+          console.log("dragover", "moveStudy", e);
+          return;
+        } else if (e.supportsType("moveFolder")) {
+          console.log("dragover", "moveFolder", e);
+          return;
+        }
+        e.preventDefault();
+      });
     },
 
     __applyWorkspaceId: function(workspaceId) {

services/static-webserver/client/source/class/osparc/dashboard/StudyBrowser.js

@@ -640,6 +640,22 @@ qx.Class.define("osparc.dashboard.StudyBrowser", {
         card.setMultiSelectionMode(this.getMultiSelection());
         card.addListener("tap", e => this.__studyCardClicked(card, e.getNativeEvent().shiftKey), this);
         this._populateCardMenu(card);
+
+        this.__attachDragHandlers(card);
+      });
+    },
+
+    __attachDragHandlers: function(card) {
+      card.setDraggable(true);
+      card.addListener("dragstart", e => {
+        // Register supported types
+        e.addType("moveStudy");
+
+        // Register supported actions
+        e.addAction("move");
+      });
+      card.addListener("droprequest", e => {
+        console.log("Related of droprequest: " + e.getRelatedTarget());
       });
     },