backgroundColor

Author: odeimaiz

services/static-webserver/client/source/class/osparc/vipStore/AnatomicalModelListItem.js

@@ -87,6 +87,7 @@ qx.Class.define("osparc.vipStore.AnatomicalModelListItem", {
       init: false,
       nullable: true,
       event: "changeLeased",
+      apply: "__applyLeased",
     },
   },
 
@@ -142,7 +143,11 @@ qx.Class.define("osparc.vipStore.AnatomicalModelListItem", {
       this.getChildControl("name").setValue(value);
     },
 
-    
+    __applyLeased: function(value) {
+      if (value) {
+        this.setBackgroundColor("strong-main");
+      }
+    },
 
     _onPointerOver: function() {
       this.addState("hovered");

services/static-webserver/client/source/class/osparc/vipStore/VIPStore.js

@@ -109,18 +109,6 @@ qx.Class.define("osparc.vipStore.VIPStore", {
         configureItem: item => {
           item.subscribeToFilterGroup("vipModels");
         },
-        group: model => {
-          return model.getLeased ? model.getLeased() : null;
-        },
-        createGroupItem() {
-          return new qx.ui.form.ListItem();
-        },
-        configureGroupItem: item =>  {
-          item.setBackgroundColor("strong-color");
-        },
-        bindGroupItem: (controller, item, id) => {
-          controller.bindProperty(null, "leased", null, item, id);
-        },
       });
 
       const loadingModel = {