maxChars prop

Author: odeimaiz

services/static-webserver/client/source/class/osparc/data/model/Conversation.js

@@ -58,6 +58,8 @@ qx.Class.define("osparc.data.model.Conversation", {
       CONVERSATION_MESSAGE_UPDATED: "conversation:message:updated",
       CONVERSATION_MESSAGE_DELETED: "conversation:message:deleted",
     },
+
+    MAX_TITLE_LENGTH: 50,
   },
 
   properties: {

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

@@ -111,7 +111,9 @@ qx.Class.define("osparc.study.ConversationPage", {
         visibility: osparc.data.model.Study.canIWrite(this.__studyData["accessRights"]) ? "visible" : "excluded",
       });
       renameButton.addListener("execute", () => {
-        const titleEditor = new osparc.widget.Renamer(tabButton.getLabel());
+        const titleEditor = new osparc.widget.Renamer(tabButton.getLabel()).set({
+          maxChars: osparc.data.model.Conversation.MAX_TITLE_LENGTH,
+        });
         titleEditor.addListener("labelChanged", e => {
           titleEditor.close();
           const newLabel = e.getData()["newLabel"];

services/static-webserver/client/source/class/osparc/support/ConversationPage.js

@@ -301,7 +301,9 @@ qx.Class.define("osparc.support.ConversationPage", {
       if (oldName === "null") {
         oldName = "";
       }
-      const renamer = new osparc.widget.Renamer(oldName);
+      const renamer = new osparc.widget.Renamer(oldName).set({
+        maxChars: osparc.data.model.Conversation.MAX_TITLE_LENGTH,
+      });
       renamer.addListener("labelChanged", e => {
         renamer.close();
         const newLabel = e.getData()["newLabel"];

services/static-webserver/client/source/class/osparc/widget/Renamer.js

@@ -63,6 +63,14 @@ qx.Class.define("osparc.widget.Renamer", {
     "labelChanged": "qx.event.type.Data"
   },
 
+  properties: {
+    maxChars: {
+      check: "Number",
+      init: 50,
+      apply: "__applyMaxChars",
+    }
+  },
+
   members: {
     __save: null,
 
@@ -104,6 +112,10 @@ qx.Class.define("osparc.widget.Renamer", {
       this.add(nodeLabelEditor);
     },
 
+    __applyMaxChars: function(value) {
+      this.__addSubtitle(this.tr("%1 characters max", value));
+    },
+
     __addSubtitle: function(subtitleLabel) {
       if (subtitleLabel) {
         const subtitle = new qx.ui.basic.Label(subtitleLabel).set({