🎨 [Frontend] Second app on Sim4Life.lite (#7807)

Author: odeimaiz

services/static-webserver/client/source/class/osparc/editor/HtmlEditor.js

@@ -26,7 +26,8 @@ qx.Class.define("osparc.editor.HtmlEditor", {
 
     this.getChildControl("preview-html");
     this.getChildControl("subtitle").set({
-      value: this.tr("Supports HTML")
+      value: this.tr("Supports HTML"),
+      url: "https://en.wikipedia.org/wiki/HTML",
     });
   },
 

services/static-webserver/client/source/class/osparc/editor/MarkdownEditor.js

@@ -31,7 +31,8 @@ qx.Class.define("osparc.editor.MarkdownEditor", {
 
     this.getChildControl("preview-markdown");
     this.getChildControl("subtitle").set({
-      value: this.tr("Markdown supported")
+      value: this.tr("Markdown supported"),
+      url: "https://en.wikipedia.org/wiki/Markdown",
     });
   },
 

services/static-webserver/client/source/class/osparc/editor/TextEditor.js

@@ -81,15 +81,13 @@ qx.Class.define("osparc.editor.TextEditor", {
           writePage.add(control, {
             flex: 1
           });
-          const subtitle = this.getChildControl("subtitle").set({
-            value: this.tr("Supports HTML")
-          });
+          const subtitle = this.getChildControl("subtitle");
           writePage.add(subtitle);
           tabs.add(writePage);
           break;
         }
         case "subtitle":
-          control = new qx.ui.basic.Label().set({
+          control = new osparc.ui.basic.LinkLabel().set({
             font: "text-12"
           });
           this._add(control);

services/static-webserver/client/source/class/osparc/info/CommentUI.js

@@ -113,10 +113,8 @@ qx.Class.define("osparc.info.CommentUI", {
 
     __buildLayout: function() {
       const thumbnail = this.getChildControl("thumbnail");
-      thumbnail.setSource(osparc.utils.Avatar.emailToThumbnail("", "", 32));
 
       const userName = this.getChildControl("user-name");
-      userName.setValue("Unknown");
 
       const date = new Date(this.__comment["modified"]);
       const date2 = osparc.utils.Utils.formatDateAndTime(date);
@@ -131,7 +129,14 @@ qx.Class.define("osparc.info.CommentUI", {
           if (user) {
             thumbnail.setSource(user.getThumbnail());
             userName.setValue(user.getLabel());
+          } else {
+            thumbnail.setSource(osparc.utils.Avatar.emailToThumbnail());
+            userName.setValue("Unknown user");
           }
+        })
+        .catch(() => {
+            thumbnail.setSource(osparc.utils.Avatar.emailToThumbnail());
+            userName.setValue("Unknown user");
         });
 
       this.getChildControl("spacer");

services/static-webserver/client/source/class/osparc/utils/Avatar.js

@@ -34,12 +34,7 @@ qx.Class.define("osparc.utils.Avatar", {
   type: "static",
 
   statics: {
-    emailToThumbnail: function(email, username) {
-      return this.__getUrl(email, username, 32);
-    },
-
-    __getUrl: function(email, username, size = 100) {
-      email = email || "";
+    emailToThumbnail: function(email = "", username = "??", size = 32) {
       // MD5 (Message-Digest Algorithm) by WebToolkit
       const MD5 = function(s) {
         function L(k, d) {

services/static-webserver/client/source/resource/osparc/ui_config.json

@@ -156,6 +156,11 @@
         "title": "${replace_me_product_name}",
         "newStudyLabel": "New Project",
         "idToWidget": "startS4LButton"
+      }, {
+        "resourceType": "service",
+        "expectedKey": "simcore/services/dynamic/s4l-ui-framework",
+        "title": "Sim4Life.framework",
+        "newStudyLabel": "Sim4Life.framework"
       }]
     }
   },