init text

Author: odeimaiz

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

@@ -337,7 +337,8 @@ qx.Class.define("osparc.dashboard.SearchBarFilter", {
     // this widget pops up a larger widget with all filters visible
     // and lets users search between projects, templates, public projects and, eventually, files
     popUpSearchBarFilter: function() {
-      const searchBarFilterExtended = new osparc.dashboard.SearchBarFilterExtended(this, this.__resourceType);
+      const initFilterData = this.getFilterData();
+      const searchBarFilterExtended = new osparc.dashboard.SearchBarFilterExtended(this, this.__resourceType, initFilterData);
       const bounds = osparc.utils.Utils.getBounds(this);
       searchBarFilterExtended.setLayoutProperties({
         left: bounds.left,

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

@@ -18,10 +18,7 @@
 qx.Class.define("osparc.dashboard.SearchBarFilterExtended", {
   extend: qx.ui.core.Widget,
 
-  construct: function(sourceSearchBarFilter, resourceType) {
-    this.__sourceSearchBarFilter = sourceSearchBarFilter;
-    this.__resourceType = resourceType;
-
+  construct: function(sourceSearchBarFilter, resourceType, initFilterData = {}) {
     this.base(arguments, "searchBarFilter-"+resourceType, "searchBarFilter");
 
     this._setLayout(new qx.ui.layout.VBox(10));
@@ -32,6 +29,10 @@ qx.Class.define("osparc.dashboard.SearchBarFilterExtended", {
       decorator: "rounded",
     });
 
+    this.__sourceSearchBarFilter = sourceSearchBarFilter;
+    this.__resourceType = resourceType;
+    this.__initFilterData = initFilterData;
+
     this.__buildLayout();
 
     // defaults to "My Projects"
@@ -75,14 +76,19 @@ qx.Class.define("osparc.dashboard.SearchBarFilterExtended", {
     _createChildControlImpl: function(id) {
       let control;
       switch (id) {
-        case "search-bar-filter":
+        case "search-bar-filter": {
           control = new osparc.dashboard.SearchBarFilter(this.__resourceType);
-          control.getChildControl("text-field").addListener("appear", () => {
-            control.getChildControl("text-field").focus();
-            control.getChildControl("text-field").activate();
+          const textField = control.getChildControl("text-field");
+          if ("text" in this.__initFilterData) {
+            textField.setValue(this.__initFilterData["text"]);
+          }
+          textField.addListener("appear", () => {
+            textField.focus();
+            textField.activate();
           });
           this._add(control);
           break;
+        }
         case "context-buttons":
           control = new qx.ui.toolbar.ToolBar().set({
             spacing: 0,