diff --git a/mon-pix/app/components/pages/campaigns/results-loader.gjs b/mon-pix/app/components/pages/campaigns/results-loader.gjs
index b4b556124f9..cc857835c42 100644
--- a/mon-pix/app/components/pages/campaigns/results-loader.gjs
+++ b/mon-pix/app/components/pages/campaigns/results-loader.gjs
@@ -2,10 +2,26 @@ import { on } from '@ember/modifier';
import { action } from '@ember/object';
import { service } from '@ember/service';
import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { gt } from 'ember-truth-helpers';
export default class ResultsLoader extends Component {
@service router;
+ @tracked steps = 1;
+ constructor(...args) {
+ super(...args);
+ const interval = setInterval(() => {
+ this.steps++;
+ if (this.steps === 3) {
+ clearInterval(interval);
+ }
+ }, 1200);
+ }
+
+ get isButtonDisabled() {
+ return this.steps < 3;
+ }
@action
onClick() {
this.router.replaceWith('campaigns.assessment.skill-review', this.args.code);
@@ -13,8 +29,37 @@ export default class ResultsLoader extends Component {
- Loading...
-
+
+ Calcul des scores par compétences...
+
+ {{#if (gt this.steps 1)}}
+
+ Identification des formations utiles...
+
+ {{/if}}
+ {{#if (gt this.steps 2)}}
+
+ Attribution des récompenses...
+
+ {{/if}}
+
+
}
+
+class Line extends Component {
+ @tracked isIconDisplayed = false;
+
+ constructor(...args) {
+ super(...args);
+ setTimeout(() => (this.isIconDisplayed = true), 300);
+ }
+
+
+ {{#if this.isIconDisplayed}}
+ O
+ {{/if}}
+ {{yield}}
+
+}