add annotationUI

Author: odeimaiz

services/static-webserver/client/source/class/osparc/study/Conversations.js

@@ -262,7 +262,7 @@ qx.Class.define("osparc.study.Conversations", {
         .then(conversations => {
           if (conversations.length) {
             // Sort conversations by created date, newest first
-            conversations.sort((a, b) => new Date(b.created) - new Date(a.created));
+            conversations.sort((a, b) => new Date(b["created"]) - new Date(a["created"]));
             conversations.forEach(conversation => this.__addConversationPage(conversation));
             if (this.__openConversationId) {
               const conversationsLayout = this.getChildControl("conversations-layout");

services/static-webserver/client/source/class/osparc/workbench/Annotation.js

@@ -119,8 +119,8 @@ qx.Class.define("osparc.workbench.Annotation", {
           representation = this.__svgLayer.drawAnnotationText(attrs.x, attrs.y, attrs.text, this.getColor(), attrs.fontSize);
           break;
         case this.self().TYPES.CONVERSATION: {
-          console.log("attrs", attrs);
-          representation = this.__svgLayer.drawAnnotationRect(100, 30, attrs.x, attrs.y, "#00FF00");
+          const text = `${attrs.x}, ${attrs.y}`;
+          representation = this.__svgLayer.drawAnnotationText(attrs.x, attrs.y, text, "#00FF00", 12);
           break;
         }
       }

services/static-webserver/client/source/class/osparc/workbench/WorkbenchUI.js

@@ -1976,10 +1976,15 @@ qx.Class.define("osparc.workbench.WorkbenchUI", {
           break;
         }
         case annotationTypes.CONVERSATION: {
+          const annotation = this.__addAnnotation(serializeData);
           const conversationTitle = `${initPos.x}, ${initPos.y}`;
           osparc.study.Conversations.addConversation(this.getStudy().getUuid(), conversationTitle, osparc.study.Conversations.PROJECT_ANNOTATION)
             .then(conversationData => {
               osparc.study.Conversations.popUpInWindow(this.getStudy().serialize(), conversationData["conversationId"]);
+            })
+            .catch(() => {
+              // remove annotation if conversation creation fails
+              this.__removeAnnotation(annotation.getId());
             });
           break;
         }
@@ -1994,6 +1999,7 @@ qx.Class.define("osparc.workbench.WorkbenchUI", {
       this.__addAnnotationListeners(annotation);
       this.__annotations[annotation.getId()] = annotation;
       this.getStudy().getUi().addAnnotation(annotation);
+      return annotation;
     },
 
     __removeAnnotation: function(id) {