✨ [Frontend] Event-driven PATCH trigger (#8154)

Author: odeimaiz

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

@@ -812,7 +812,7 @@ qx.Class.define("osparc.dashboard.CardBase", {
 
       this.setBlocked(projectLocked ? "IN_USE" : false);
       if (projectLocked) {
-        this.__showBlockedCardFromStatus("IN_USE", state["shareState"]);
+        this.__showBlockedCardFromStatus("IN_USE", state);
       }
 
       if (pipelineState) {
@@ -896,20 +896,20 @@ qx.Class.define("osparc.dashboard.CardBase", {
       avatarGroup.setUserGroupIds(currentUserGroupIds);
     },
 
-    __showBlockedCardFromStatus: function(reason, shareState) {
+    __showBlockedCardFromStatus: function(reason, state) {
       switch (reason) {
         case "IN_USE":
-          this.__blockedInUse(shareState);
+          this.__blockedInUse(state);
           break;
         case "IN_DEBT":
           this.__blockedInDebt();
           break;
       }
     },
 
-    __blockedInUse: function(shareState) {
-      const status = shareState["status"];
-      const currentUserGroupIds = shareState["currentUserGroupids"];
+    __blockedInUse: function(state) {
+      const projectStatus = osparc.study.Utils.state.getProjectStatus(state);
+      const currentUserGroupIds = osparc.study.Utils.state.getCurrentGroupIds(state);
       const usersStore = osparc.store.Users.getInstance();
       const userPromises = currentUserGroupIds.map(userGroupId => usersStore.getUser(userGroupId));
       const usernames = [];
@@ -925,7 +925,7 @@ qx.Class.define("osparc.dashboard.CardBase", {
           console.error("Failed to fetch user data for avatars:", error);
         })
         .finally(() => {
-          switch (status) {
+          switch (projectStatus) {
             case "CLOSING":
               image = "@FontAwesome5Solid/key/";
               toolTip += this.tr("Closing...");

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

@@ -81,9 +81,10 @@ qx.Class.define("osparc.dashboard.ResourceDetails", {
               this.__resourceModel["resourceType"] = resourceData["resourceType"];
               this.__addPages();
             }
-            if (resourceData["functionClass"] === osparc.data.model.Function.FUNCTION_CLASS.PROJECT) {
+            // use latestResourceData, resourceData doesn't have the functionClass nor the templateId
+            if (latestResourceData["functionClass"] === osparc.data.model.Function.FUNCTION_CLASS.PROJECT) {
               // this is only required for functions that have a template linked
-              osparc.store.Templates.fetchTemplate(resourceData["templateId"])
+              osparc.store.Templates.fetchTemplate(latestResourceData["templateId"])
                 .then(templateData => {
                   // prefetch function's underlying template's services metadata
                   osparc.store.Services.getStudyServicesMetadata(templateData)
@@ -592,7 +593,7 @@ qx.Class.define("osparc.dashboard.ResourceDetails", {
       page.setEnabled(enabled);
 
       const lazyLoadContent = () => {
-        const resourceModel = osparc.utils.Resources.isFunction(this.__resourceData) ? this.__resourceModel.getTemplate() : this.__resourceData;
+        const resourceModel = osparc.utils.Resources.isFunction(this.__resourceData) ? this.__resourceModel.getTemplate() : this.__resourceModel;
         const preview = new osparc.study.StudyPreview(resourceModel);
         page.addToContent(preview);
         this.__widgets.push(preview);