__loginAnnouncements

Author: odeimaiz

services/static-webserver/client/source/class/osparc/announcement/AnnouncementUIFactory.js

@@ -19,14 +19,8 @@ qx.Class.define("osparc.announcement.AnnouncementUIFactory", {
   extend: qx.core.Object,
   type: "singleton",
 
-  properties: {
-    announcement: {
-      check: "osparc.announcement.Announcement",
-      init: null,
-      nullable: false,
-      event: "changeAnnouncement",
-      apply: "__applyAnnouncement"
-    }
+  events: {
+    "changeAnnouncements": "qx.event.type.Event",
   },
 
   statics: {
@@ -87,6 +81,7 @@ qx.Class.define("osparc.announcement.AnnouncementUIFactory", {
         const announcement = new osparc.announcement.Announcement(announcementData);
         this.__announcements.push(announcement);
       });
+      this.fireEvent("changeAnnouncements");
     },
 
     __applyAnnouncement: function() {

services/static-webserver/client/source/class/osparc/auth/ui/LoginView.js

@@ -37,17 +37,23 @@ qx.Class.define("osparc.auth.ui.LoginView", {
 
   members: {
     __loginBtn: null,
+    __loginAnnouncements: null,
 
     // overrides base
     _buildPage: function() {
       const announcementUIFactory = osparc.announcement.AnnouncementUIFactory.getInstance();
+      const showAnnouncement = () => {
+        if (this.__loginAnnouncements) {
+          this.remove(this.__loginAnnouncements);
+        }
+        this.__loginAnnouncements = announcementUIFactory.createLoginAnnouncements();
+        this.addAt(this.__loginAnnouncements, 0);
+      };
       if (announcementUIFactory.hasLoginAnnouncement()) {
-        this.addAt(announcementUIFactory.createLoginAnnouncements(), 0);
+        showAnnouncement();
       } else {
-        announcementUIFactory.addListenerOnce("changeAnnouncement", e => {
-          if (announcementUIFactory.hasLoginAnnouncement()) {
-            this.addAt(announcementUIFactory.createLoginAnnouncements(), 0);
-          }
+        announcementUIFactory.addListenerOnce("changeAnnouncements", () => {
+          showAnnouncement();
         });
       }