highlilight compatible icons

Author: odeimaiz

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

@@ -77,15 +77,18 @@ qx.Class.define("osparc.dashboard.DragDropHelpers", {
 
         const dragWidget = osparc.dashboard.DragWidget.getInstance();
         dragWidget.setDropAllowed(compatible);
+
+        folderItem.getChildControl("icon").setTextColor(compatible ? "strong-main" : "text");
       },
 
-      drop: function(event, destWorkspaceId, destFolderId) {
+      drop: function(event, folderItem, destWorkspaceId, destFolderId) {
         const studyData = event.getData("osparc-moveStudy")["studyDataOrigin"];
         const studyToFolderData = {
           studyData,
           destWorkspaceId,
           destFolderId,
         };
+        folderItem.getChildControl("icon").resetTextColor();
         return studyToFolderData;
       },
     },
@@ -150,23 +153,27 @@ qx.Class.define("osparc.dashboard.DragDropHelpers", {
 
         const dragWidget = osparc.dashboard.DragWidget.getInstance();
         dragWidget.setDropAllowed(compatible);
+
+        folderItem.getChildControl("icon").setTextColor(compatible ? "strong-main" : "text");
       },
 
-      drop: function(event, destWorkspaceId, destFolderId) {
+      drop: function(event, folderItem, destWorkspaceId, destFolderId) {
         const folderOrigin = event.getData("osparc-moveFolder")["folderOrigin"];
         const folderToFolderData = {
           folderId: folderOrigin.getFolderId(),
           destWorkspaceId,
           destFolderId,
         };
+        folderItem.getChildControl("icon").resetTextColor();
         return folderToFolderData;
       },
     },
 
     dragLeave: function(item) {
-      item.getChildControl("icon").resetTextColor();
       const dragWidget = osparc.dashboard.DragWidget.getInstance();
       dragWidget.setDropAllowed(false);
+
+      item.getChildControl("icon").resetTextColor();
     },
 
     dragEnd: function(draggedItem) {

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

@@ -195,10 +195,10 @@ qx.Class.define("osparc.dashboard.FolderButtonItem", {
       this.addListener("drop", e => {
         const folderDest = this.getFolder();
         if (e.supportsType("osparc-moveStudy")) {
-          const studyToFolderData = osparc.dashboard.DragDropHelpers.moveStudy.drop(e, folderDest.getWorkspaceId(), folderDest.getFolderId());
+          const studyToFolderData = osparc.dashboard.DragDropHelpers.moveStudy.drop(e, this, folderDest.getWorkspaceId(), folderDest.getFolderId());
           this.fireDataEvent("studyToFolderRequested", studyToFolderData);
         } else if (e.supportsType("osparc-moveFolder")) {
-          const folderToFolderData = osparc.dashboard.DragDropHelpers.moveFolder.drop(e, folderDest.getWorkspaceId(), folderDest.getFolderId());
+          const folderToFolderData = osparc.dashboard.DragDropHelpers.moveFolder.drop(e, this, folderDest.getWorkspaceId(), folderDest.getFolderId());
           this.fireDataEvent("folderToFolderRequested", folderToFolderData);
         }
       });

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

@@ -119,10 +119,10 @@ qx.Class.define("osparc.dashboard.WorkspacesAndFoldersTreeItem", {
         const workspaceDestId = this.getModel().getWorkspaceId();
         const folderDestId = this.getModel().getFolderId();
         if (e.supportsType("osparc-moveStudy")) {
-          const studyToFolderData = osparc.dashboard.DragDropHelpers.moveStudy.drop(e, workspaceDestId, folderDestId);
+          const studyToFolderData = osparc.dashboard.DragDropHelpers.moveStudy.drop(e, this, workspaceDestId, folderDestId);
           this.fireDataEvent("studyToFolderRequested", studyToFolderData);
         } else if (e.supportsType("osparc-moveFolder")) {
-          const folderToFolderData = osparc.dashboard.DragDropHelpers.moveFolder.drop(e, workspaceDestId, folderDestId);
+          const folderToFolderData = osparc.dashboard.DragDropHelpers.moveFolder.drop(e, this, workspaceDestId, folderDestId);
           this.fireDataEvent("folderToFolderRequested", folderToFolderData);
         }
         draggingOver = false;