tech: dynamic banners poc

api/server.js

@@ -34,6 +34,7 @@ import { targetProfileRoutes } from './src/prescription/target-profile/routes.js
 import { profileRoutes } from './src/profile/routes.js';
 import { questRoutes } from './src/quest/routes.js';
 import { schoolRoutes } from './src/school/routes.js';
+import { bannerRoutes } from './src/banner/routes.js';
 import { config } from './src/shared/config.js';
 import { monitoringTools } from './src/shared/infrastructure/monitoring-tools.js';
 import { plugins } from './src/shared/infrastructure/plugins/index.js';
@@ -243,6 +244,7 @@ const setupRoutesAndPlugins = async function (server) {
     ...certificationRoutes,
     ...prescriptionRoutes,
     ...parcoursupRoutes,
+    bannerRoutes,
     {
       name: 'root',
       register: async function (server) {

api/src/banner/application/banner-controller.js

@@ -0,0 +1,38 @@
+import { Serializer } from 'jsonapi-serializer';
+
+import { config } from '../../shared/config.js';
+import { RedisClient } from '../../shared/infrastructure/utils/RedisClient.js';
+
+const getInformationBanner = async function (request) {
+  const target = request.path.target;
+
+  const redisClient = new RedisClient(config.temporaryStorage.redisUrl, 'infrastructure');
+  const rawBanners = await redisClient.get(`information-banner:${target}`);
+  const banners = JSON.parse(rawBanners);
+
+  banners?.forEach((banner, index) => {
+    banner.id = index + 1;
+  });
+
+  const informationBanners = {
+    id: target,
+    banners,
+  };
+
+  await redisClient.quit();
+
+  return new Serializer('information-banners', {
+    attributes: ['banners'],
+    banners: {
+      included: true,
+      ref: 'id',
+      attributes: ['severity', 'message'],
+    },
+  }).serialize(informationBanners);
+};
+
+const bannerController = {
+  getInformationBanner,
+};
+
+export { bannerController };

api/src/banner/application/banner-route.js

@@ -0,0 +1,17 @@
+import { bannerController } from './banner-controller.js';
+
+const register = async function (server) {
+  server.route([
+    {
+      method: 'GET',
+      path: '/api/information-banners/{target}',
+      config: {
+        auth: false,
+        handler: bannerController.getInformationBanner,
+      },
+    },
+  ]);
+};
+
+const name = 'src-banners-api';
+export { name, register };

api/src/banner/routes.js

@@ -0,0 +1,3 @@
+import * as bannerRoute from './application/banner-route.js';
+
+export const bannerRoutes = [bannerRoute];

api/src/monitoring/infrastructure/metrics.js

@@ -77,5 +77,6 @@ export class Metrics {
       this.#addMetricPointWithoutRegistration(zero);
     });
     await metrics.flush();
+    console.log('FLUSH DONE !');
   }
 }

certif/app/models/banner.js

@@ -0,0 +1,6 @@
+import Model, { attr } from '@ember-data/model';
+
+export default class InformationBanner extends Model {
+  @attr() severity;
+  @attr() message;
+}

certif/app/models/information-banner.js

@@ -0,0 +1,5 @@
+import Model, { hasMany } from '@ember-data/model';
+
+export default class InformationBanner extends Model {
+  @hasMany('banners', { async: false, inverse: null }) banners;
+}

certif/app/routes/application.js

@@ -1,11 +1,15 @@
+import { action } from '@ember/object';
 import Route from '@ember/routing/route';
 import { service } from '@ember/service';
+import ENV from 'pix-certif/config/environment';
+import RSVP from 'rsvp';
 
 export default class ApplicationRoute extends Route {
   @service featureToggles;
   @service currentDomain;
   @service currentUser;
   @service session;
+  @service store;
 
   async beforeModel(transition) {
     await this.session.setup();
@@ -17,10 +21,39 @@ export default class ApplicationRoute extends Route {
     await this.session.handleLocale({ isFranceDomain, localeFromQueryParam, userLocale });
   }
 
-  model() {
-    return {
+  async model() {
+    const informationBanner = this.store.findRecord('information-banner', `${ENV.APP.APPLICATION_NAME}`);
+    return RSVP.hash({
       title: this.currentDomain.isFranceDomain ? 'Pix Certif (France)' : 'Pix Certif (hors France)',
       headElement: document.querySelector('head'),
-    };
+      informationBanner,
+    });
+  }
+
+  afterModel() {
+    this.poller = setInterval(async () => {
+      try {
+        this.store.findRecord('information-banner', `${ENV.APP.APPLICATION_NAME}`);
+      } catch (response) {
+        this.#stopPolling();
+      }
+    }, 2000);
+  }
+
+  deactivate() {
+    this.#stopPolling();
+  }
+
+  @action
+  error() {
+    this.#stopPolling();
+    return true;
+  }
+
+  #stopPolling() {
+    if (this.poller) {
+      clearInterval(this.poller);
+      this.poller = null;
+    }
   }
 }

certif/app/templates/application.hbs

@@ -6,6 +6,12 @@
 
 <CommunicationBanner />
 
+{{#each @model.informationBanner.banners as |banner|}}
+  <PixBannerAlert @type={{banner.severity}} @canCloseBanner={{false}}>
+    {{text-with-multiple-lang banner.message}}
+  </PixBannerAlert>
+{{/each}}
+
 {{outlet}}
 
 <PixToastContainer @closeButtonAriaLabel={{t "common.notifications.close-button.extra-information"}} />

certif/config/environment.js

@@ -36,6 +36,7 @@ module.exports = function (environment) {
 
     APP: {
       API_HOST: process.env.API_HOST || '',
+      APPLICATION_NAME: process.env.APP || 'pix-certif-local',
       BANNER: {
         CONTENT: process.env.BANNER_CONTENT || '',
         TYPE: process.env.BANNER_TYPE || '',

certif/mirage/config.js

@@ -388,6 +388,10 @@ function routes() {
 
   _configureCertificationCenterInvitationRoutes(this);
   _configureCertificationCenterMemberRoutes(this);
+
+  this.get('/information-banners', (schema) => {
+    return schema.informationBanners.find('pix-certif-test ');
+  });
 }
 
 function _configureCertificationCenterInvitationRoutes(context) {

certif/mirage/factories/information-banner.js

@@ -0,0 +1,7 @@
+import { Factory } from 'miragejs';
+
+export default Factory.extend({
+  banners() {
+    return [];
+  },
+});

certif/tests/acceptance/terms-of-service-test.js

@@ -11,7 +11,7 @@ import {
   createCertificationPointOfContactWithTermsOfServiceNotAccepted,
 } from '../helpers/test-init';
 
-module('Acceptance | terms-of-service', function (hooks) {
+module.only('Acceptance | terms-of-service', function (hooks) {
   setupApplicationTest(hooks);
   setupMirage(hooks);