"icons-layout"

Author: odeimaiz

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

@@ -50,16 +50,13 @@ qx.Class.define("osparc.dashboard.ListButtonBase", {
       SPACER: 3,
       PROGRESS: 4,
       TAGS: 5,
-      UPDATES: 6,
-      UI_MODE: 7,
-      STATUS: 8,
-      PERMISSION: 9,
-      TSR: 10,
-      OWNER: 11,
-      SHARED: 12,
-      LAST_CHANGE: 13,
-      HITS: 14,
-      OPTIONS: 15
+      ICONS_LAYOUT: 6,
+      TSR: 7,
+      OWNER: 8,
+      SHARED: 9,
+      LAST_CHANGE: 10,
+      HITS: 11,
+      OPTIONS: 12
     }
   },
 
@@ -114,17 +111,23 @@ qx.Class.define("osparc.dashboard.ListButtonBase", {
             column: osparc.dashboard.ListButtonBase.POS.OWNER
           });
           break;
+        case "icons-layout":
+          control = new qx.ui.container.Composite(new qx.ui.layout.HBox(10).set({
+            alignY: "middle"
+          }))
+          this._add(control, {
+            row: 0,
+            column: osparc.dashboard.ListButtonBase.POS.ICONS_LAYOUT
+          });
+          break;
         case "project-status":
           control = new qx.ui.basic.Image().set({
             alignY: "middle",
             textColor: "status_icon",
             height: 12,
             width: 12
           });
-          this._add(control, {
-            row: 0,
-            column: osparc.dashboard.ListButtonBase.POS.STATUS
-          });
+          this.getChildControl("icons-layout").add(control);
           break;
       }
       return control || this.base(arguments, id);

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

@@ -49,15 +49,6 @@ qx.Class.define("osparc.dashboard.ListButtonItem", {
             column: osparc.dashboard.ListButtonBase.POS.LOCK_STATUS
           });
           break;
-        case "permission-icon":
-          control = new qx.ui.basic.Image(osparc.dashboard.CardBase.PERM_READ).set({
-            alignY: "middle",
-          });
-          this._add(control, {
-            row: 0,
-            column: osparc.dashboard.ListButtonBase.POS.PERMISSION
-          });
-          break;
         case "tags":
           control = new qx.ui.container.Composite(new qx.ui.layout.HBox(3).set({
             alignY: "middle"
@@ -100,35 +91,25 @@ qx.Class.define("osparc.dashboard.ListButtonItem", {
             column: osparc.dashboard.ListButtonBase.POS.TSR
           });
           break;
+        case "permission-icon":
+          control = new qx.ui.basic.Image(osparc.dashboard.CardBase.PERM_READ).set({
+            alignY: "middle",
+          });
+          this.getChildControl("icons-layout").add(control);
+          break;
         case "workbench-mode":
           control = new qx.ui.basic.Image().set({
             alignY: "middle"
           });
-          this._add(control, {
-            row: 0,
-            column: osparc.dashboard.ListButtonBase.POS.UI_MODE
-          });
+          this.getChildControl("icons-layout").add(control);
           break;
         case "empty-workbench":
           control = this._getEmptyWorkbenchIcon();
           control.set({
             alignY: "middle",
             alignX: "center"
           });
-          this._add(control, {
-            row: 0,
-            column: osparc.dashboard.ListButtonBase.POS.UPDATES
-          });
-          break;
-        case "hits-service":
-          control = new qx.ui.basic.Label().set({
-            alignY: "middle",
-            toolTipText: this.tr("Number of times you instantiated it")
-          });
-          this._add(control, {
-            row: 0,
-            column: osparc.dashboard.ListButtonBase.POS.HITS
-          });
+          this.getChildControl("icons-layout").add(control);
           break;
         case "update-study":
           control = new qx.ui.basic.Image().set({
@@ -137,9 +118,16 @@ qx.Class.define("osparc.dashboard.ListButtonItem", {
             visibility: "excluded"
           });
           osparc.utils.Utils.setIdToWidget(control, "updateStudyBtn");
+          this.getChildControl("icons-layout").add(control);
+          break;
+        case "hits-service":
+          control = new qx.ui.basic.Label().set({
+            alignY: "middle",
+            toolTipText: this.tr("Number of times you instantiated it")
+          });
           this._add(control, {
             row: 0,
-            column: osparc.dashboard.ListButtonBase.POS.UPDATES
+            column: osparc.dashboard.ListButtonBase.POS.HITS
           });
           break;
         case "menu-selection-stack":