SuggestedQuestion

Author: odeimaiz

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

@@ -103,13 +103,23 @@ qx.Class.define("osparc.support.Conversation", {
     },
 
     __applyConversationId: function(conversationId) {
+      this.__reloadMessages(true);
+
       const supportSuggestion = this.getChildControl("support-suggestion");
-      if (conversationId) {
-        supportSuggestion.exclude();
-        this.__reloadMessages(true);
-      } else {
-        // new conversation, collect context data
+      supportSuggestion.exclude();
+      if (conversationId === null && osparc.store.Store.getInstance().getCurrentStudy()) {
         supportSuggestion.show();
+        const suggestedQuestion = new osparc.support.SuggestedQuestion();
+        const answers = [
+          { label: this.tr("No"), key: "no" },
+          { label: this.tr("Yes"), key: "yes" },
+        ];
+        suggestedQuestion.isProjectRelated(answers);
+        suggestedQuestion.addListener("questionAnswered", e => {
+          const answer = e.getData();
+          console.log(answer);
+        });
+        supportSuggestion.add(suggestedQuestion);
       }
     },
 

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

@@ -0,0 +1,68 @@
+/* ************************************************************************
+
+   osparc - the simcore frontend
+
+   https://osparc.io
+
+   Copyright:
+     2025 IT'IS Foundation, https://itis.swiss
+
+   License:
+     MIT: https://opensource.org/licenses/MIT
+
+   Authors:
+     * Odei Maiz (odeimaiz)
+
+************************************************************************ */
+
+
+qx.Class.define("osparc.support.SuggestedQuestion", {
+  extend: qx.ui.core.Widget,
+
+  construct: function() {
+    this.base(arguments);
+
+    const layout = new qx.ui.layout.Grid(12, 4);
+    layout.setColumnFlex(1, 1); // content
+    this._setLayout(layout);
+    this.setPadding(5);
+  },
+
+  events: {
+    "questionAnswered": "qx.event.type.Data",
+  },
+
+  members: {
+    isProjectRelated: function(answers) {
+      this._removeAll();
+
+      const thumbnail = osparc.utils.Utils.createThumbnail(32).set({
+        source: osparc.product.Utils.getIconUrl(),
+      });
+      this._add(thumbnail, {
+        row: 0,
+        column: 0,
+      });
+
+      const question = new qx.ui.basic.Label(this.tr("Is your question related to this project?"));
+      this._add(question, {
+        row: 0,
+        column: 1,
+      });
+
+      const answersContainer = new qx.ui.container.Composite(new qx.ui.layout.HBox(10));
+      answers.forEach(answer => {
+        const button = new qx.ui.form.Button(answer.label).set({
+          appearance: "strong-button",
+          allowGrowX: false,
+        });
+        button.addListener("execute", () => this.fireDataEvent("questionAnswered", answer.key));
+        answersContainer.add(button);
+      });
+      this._add(answersContainer, {
+        row: 1,
+        column: 1,
+      });
+    },
+  }
+});