dateBy

Author: odeimaiz

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

@@ -324,6 +324,12 @@ qx.Class.define("osparc.dashboard.CardBase", {
       nullable: true
     },
 
+    trashedBy: {
+      check: "Number",
+      apply: "_applyTrashedBy",
+      nullable: true
+    },
+
     classifiers: {
       check: "Array"
     },
@@ -544,6 +550,10 @@ qx.Class.define("osparc.dashboard.CardBase", {
       throw new Error("Abstract method called!");
     },
 
+    _applyTrashedBy: function(value, old) {
+      throw new Error("Abstract method called!");
+    },
+
     _applyAccessRights: function(value, old) {
       throw new Error("Abstract method called!");
     },

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

@@ -251,14 +251,8 @@ qx.Class.define("osparc.dashboard.GridButtonBase", {
           layout.add(control, {flex: 1});
           break;
         }
-        case "date-text":
-          control = new qx.ui.basic.Label().set({
-            textColor: "contrasted-text-dark",
-            alignY: "middle",
-            rich: true,
-            font: "text-12",
-            allowGrowY: false
-          });
+        case "date-by":
+          control = new osparc.ui.basic.DateAndBy();
           layout = this.getChildControl("footer");
           layout.add(control, this.self().FPOS.MODIFIED);
           break;

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

@@ -178,28 +178,38 @@ qx.Class.define("osparc.dashboard.GridButtonItem", {
     _applyLastChangeDate: function(value, old) {
       if (value) {
         if (this.isResourceType("study") || this.isResourceType("template")) {
-          const label = this.getChildControl("date-text");
-          label.set({
-            value: osparc.utils.Utils.formatDateAndTime(value),
+          const dateBy = this.getChildControl("date-by");
+          dateBy.set({
+            date: value,
             toolTipText: this.tr("Last modified"),
           });
         }
       }
     },
 
     // overridden
-    _applyTrasehdAt: function(value, old) {
+    _applyTrasehdAt: function(value) {
       if (value && value.getTime() !== new Date(0).getTime()) {
         if (this.isResourceType("study") || this.isResourceType("template")) {
-          const label = this.getChildControl("date-text");
-          label.set({
-            value: osparc.utils.Utils.formatDateAndTime(value),
+          const dateBy = this.getChildControl("date-by");
+          dateBy.set({
+            date: value,
             toolTipText: this.tr("Moved to the bin"),
           });
         }
       }
     },
 
+    // overridden
+    _applyTrashedBy: function(gid) {
+      if (gid) {
+        if (this.isResourceType("study") || this.isResourceType("template")) {
+          const dateBy = this.getChildControl("date-by");
+          dateBy.setGroupId(gid);
+        }
+      }
+    },
+
     __createOwner: function(label) {
       if (label === osparc.auth.Data.getInstance().getEmail()) {
         const resourceAlias = osparc.utils.Utils.resourceTypeToAlias(this.getResourceType());

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

@@ -194,28 +194,38 @@ qx.Class.define("osparc.dashboard.ListButtonItem", {
     _applyLastChangeDate: function(value, old) {
       if (value) {
         if (this.isResourceType("study") || this.isResourceType("template")) {
-          const label = this.getChildControl("date-text");
-          label.set({
-            value: osparc.utils.Utils.formatDateAndTime(value),
+          const dateBy = this.getChildControl("date-by");
+          dateBy.set({
+            date: value,
             toolTipText: this.tr("Last modified"),
           });
         }
       }
     },
 
     // overridden
-    _applyTrasehdAt: function(value, old) {
+    _applyTrasehdAt: function(value) {
       if (value && value.getTime() !== new Date(0).getTime()) {
         if (this.isResourceType("study") || this.isResourceType("template")) {
-          const label = this.getChildControl("date-text");
-          label.set({
-            value: osparc.utils.Utils.formatDateAndTime(value),
+          const dateBy = this.getChildControl("date-by");
+          dateBy.set({
+            date: value,
             toolTipText: this.tr("Moved to the bin"),
           });
         }
       }
     },
 
+    // overridden
+    _applyTrashedBy: function(gid) {
+      if (gid) {
+        if (this.isResourceType("study") || this.isResourceType("template")) {
+          const dateBy = this.getChildControl("date-by");
+          dateBy.setGroupId(gid);
+        }
+      }
+    },
+
     __createOwner: function(label) {
       if (label === osparc.auth.Data.getInstance().getEmail()) {
         const resourceAlias = osparc.utils.Utils.resourceTypeToAlias(this.getResourceType());