[TECH] Corrige le code pour suivre la règle de lint no-builtin-form-components.

[frinyvonnick]

🦄 Problème

Suite à la PR #9270 qui met en place la configuration pour les fichiers gjs sur PixAdmin, il y a deux nouvelles règles de lint que notre code ne respectent pas.

🤖 Proposition

Dans cette PR, on traite la règle no-builtin-form-components en remplaçant les composants builtin par des composants PixUI.

🌈 Remarques

Il y a de nombreuses régressions visuelles suite à ces changements. Nous aurions besoin que toutes les teams concernées participent à l'effort pour les corriger.

J'ai appliqué le code décrit ici pour migrer : https://github.com/ember-template-lint/ember-template-lint/blob/master/docs/rule/no-builtin-form-components.md#migration

💯 Pour tester

Vérifier les écrans impactés par les changements. Nous ne pouvons pas faire confiance seulement à la couverture de test puisqu'il y a des changements graphiques.

Test Accès (RA de Pix Admin)

Formulaire mise à jour détail utilisateur

• Cliquer sur l'onglet Utlisateurs
• Faire une recherche avec un prénom (ex: Ayame) puis aller sur la page de détail correspondante
• Cliquer sur le bouton modifier
• Vérifier que les validations se font bien et que l'erreur est bien affichée en cas de problème de saisie :
  • pour les champs prénom / nom / identifiant / adresse email, champs non vide
  • pour le prénom / nom / identifiant (limite de 255 caractères)
  • pour l'adresse email, le format de l'adresse
• Vérifier que, lorsqu'on sélectionne une locale (ex: nl-BE), l'option sélectionnée est bien affichée.
• Enfin, tester la mise à jour de chaque champ. Rafraîchir la page ensuite et constater qu'il n'y a pas de régressions dessus.

Formulaire mise à jour d'une organisation

• Cliquer sur l'onglet Organisations
• Aller sur la page de détail de l'organisation Lycée Joséphine Baker
• Cliquer sur le bouton modifier
• Vérifier que les validations se font bien et que l'erreur est bien affichée en cas de problème de saisie :
  • Pour tous les champs input texte, la limite de 255 caractères
  • Pour le champ nom, non vide
  • Pour le champ crédits, un nombre positif
  • Pour le champ lien de la documentation format de l'url
  • Pour les champs Adresse e-mail du DPO + Adresse e-mail d'activation SCO , le format de l'adresse email
• Enfin, tester la mise à jour de chaque champ. Rafraîchir la page ensuite et constater qu'il n'y a pas de régressions dessus.

[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

[yannbertrand]

OK DevComp

[aceol]

Je ne connaissais pas cette syntaxe, interessant!
{{on "input" (pick "target.value" (set this "form.email"))}}

[AndreiaPena]

@matthiasferraina Les placeholders sont pas franchement nécessaire, si ? 😅

[AndreiaPena]

Ok pour certif :)

[machestla]

Ok pour Prescription

[igorissen]