[FEATURE] Afficher un simulateur dans Modulix (PIX-13092)

[reibecca]

🦄 Problème

Aujourd'hui, le référentiel Modulix peut contenir des embed sans complétion requise. L'API pouvant désormais les consommer, nous souhaitons pouvoir les afficher côté client.

🤖 Proposition

Implémenter un composant ModulixEmbed.
Ce composant ne prend pas en compte les messages envoyés par l'iframe qu'il contient.
Le composant contient un bouton "commencer" pour lancer l'embed, ainsi qu'un bouton "réinitialiser" afin de remettre l'embed à zéro.

• Ajouter un composant Embed.gjs
• Ajouter ce nouveau composant dans la gestion des éléments (switch/case)
• Afficher un embed dans un grain
• Ajouter un overlay sur l'embed avant qu'il ne soit lancer (iframe - blur)
• Ajouter un bouton Commencer + méthode pour commencer l'embed
• Ajouter un bouton Réinitialiser + méthode pour réinitialiser l'embed
• Rajouter la consigne côté API
• Rajouter la consigne côté front
• Utiliser un embed + récent

🌈 Remarques

Ajout de la consigne dans le modèle

Dans les tâches précédentes, nous avions oublié de prendre en compte le besoin de consignes dans les embed.
Il a donc fallu l'ajouter dans cette PR pour qu'elle soit fonctionnellement complète.
Étant donné que dans l'existant, les embed ne comportent pas toujours de consigne, nous l'avons considéré optionnel dans notre modèle métier.

Validation Joi

Dans la validation Joi, le htmlSchema était required par défaut. Mais étant donné que la consigne des embed est optionnelle, nous avons retiré le caractère requis du htmlSchema, et l'avons remonté spécifiquement dans la définition des schémas de QCU, QCM et QROCM.

💯 Pour tester

1. Se rendre sur le didacticiel
2. Passer tous les grains jusqu'à celui comportant le simulateur
3. Commencer le simulateur en cliquant sur le bouton "Commencer"
4. Cliquer sur l'icône "caméra" au sein du simulateur
5. Cliquer sur le bouton "Réinitialiser"
6. Constater que le simulateur a retrouvé son état initial
7. Répondre à la question qui accompagne le simulateur
8. Constater qu'un feedback s'affiche

[pix-bot-github]

Une fois les applications déployées, elles seront accessibles via les liens suivants :

• App (.fr)
• App (.org)
• Orga (.fr)
• Orga (.org)
• Certif (.fr)
• Certif (.org)
• Junior
• Admin
• API
• Audit Logger

Les variables d'environnement seront accessibles via les liens suivants :

• scalingo front
• scalingo api
• scalingo audit-logger

[AnaisAllamand]

OK pour moi en desktop et mobile !

[yannbertrand]

Question : est-ce qu'on veut vraiment permettre d'ajouter une consigne ? Est-ce qu'un élément texte avant l'embed n'est pas suffisant ?

[dlahaye]

Question : est-ce qu'on veut vraiment permettre d'ajouter une consigne ? Est-ce qu'un élément texte avant l'embed n'est pas suffisant ?

@yannbertrand on en a parlé et on en a conclu que si les questions répondables possèdent leur consigne de manière intrinsèque, on pouvait le faire aussi pour les embed. Qu'en dis-tu ?

[yannbertrand]

Question : est-ce qu'on veut vraiment permettre d'ajouter une consigne ? Est-ce qu'un élément texte avant l'embed n'est pas suffisant ?

@yannbertrand on en a parlé et on en a conclu que si les questions répondables possèdent leur consigne de manière intrinsèque, on pouvait le faire aussi pour les embed. Qu'en dis-tu ?

Ça a du sens, merci pour la réponse !

[yannbertrand]

Ah curieux de savoir l'histoire de ce modifier, on a une montée de version bloquée sur le même genre de sujet.

[dlahaye]

@yannbertrand c'est expliqué dans cette PR #9455 ;)