A minimalistic spinning wheel

Author: odeimaiz

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

@@ -29,22 +29,21 @@ qx.Class.define("osparc.dashboard.GridButtonLoadMore", {
 
     this._applyFetching(false);
 
+    // A minimalistic spinning wheel
+    this.getChildControl("header").exclude();
     this.getChildControl("footer").exclude();
+    this.set({
+      backgroundColor: "transparent"
+    });
   },
 
   members: {
     _applyFetching: function(value) {
-      const title = this.getChildControl("title");
-      const desc = this.getChildControl("subtitle-text");
       this.setIcon(osparc.dashboard.CardBase.LOADING_ICON);
       if (value) {
-        title.setValue(this.tr("Loading..."));
-        desc.setValue("");
         this.getChildControl("icon").getChildControl("image").getContentElement()
           .addClass("rotate");
       } else {
-        title.setValue(this.tr("Load More"));
-        desc.setValue(this.tr("Click to load more").toString());
         this.getChildControl("icon").getChildControl("image").getContentElement()
           .removeClass("rotate");
       }

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

@@ -30,22 +30,19 @@ qx.Class.define("osparc.dashboard.ListButtonLoadMore", {
     this.setPriority(osparc.dashboard.CardBase.CARD_PRIORITY.LOADER);
 
     this._applyFetching(false);
+
+    this.set({
+      backgroundColor: "transparent"
+    });
   },
 
   members: {
     _applyFetching: function(value) {
-      const title = this.getChildControl("title");
-      const desc = this.getChildControl("description");
+      this.setIcon(osparc.dashboard.CardBase.LOADING_ICON);
       if (value) {
-        title.setValue(this.tr("Loading..."));
-        desc.setValue("");
-        this.setIcon(osparc.dashboard.CardBase.LOADING_ICON);
         this.getChildControl("icon").getChildControl("image").getContentElement()
           .addClass("rotate");
       } else {
-        title.setValue(this.tr("Load More"));
-        desc.setValue(this.tr("Click to load more").toString());
-        this.setIcon("@FontAwesome5Solid/paw/");
         this.getChildControl("icon").getChildControl("image").getContentElement()
           .removeClass("rotate");
       }