js-republic / banner-handler Goto Github PK

Some new environment variables are missing in readme explanations. It could be nice to have there new ones.

J'aimerais en tant qu'utilisateur voir mon nom ainsi que mon avatar affiché en haut à droite dans la barre d'outils quand je suis connecté.

Test d'acceptance :

• Je me rend sur /login
• Je me connecte via Google (et accepte le cas échéant l'autorisation Google)
• J'arrive sur /main
• Je dois voir en haut à droite mon avatar en forme ronde avec mon nom écrit à sa droite

Note technique :
Une route auth/user renvoie déjà les informations de l'utilisateur actuel, et est invoquée par le AuthGuard grâce au service AuthService à chaque tentative de se rendre sur /main. Il faut donc partager l'information récupérée par ce service pour la rendre accessible au composant qui gère la toolbar.

Le trie étant déjà implémenté sur les colonnes de début et de fin. Il faut juste ajouter des flèches et gérer leur direction en fonction de si le trie est ascendant ou descendant.

ETQ dév, je veux persister le fichier banners.json ainsi que toutes les images sur un stockage S3 connecté à mon instance Elastic BeanStalk afin de ne pas réécraser ces fichiers à chaque re-déploiement, et de garantir la haute disponibilité des images.

Test d'acceptance :

• Une fois authentifié, je me rend sur /main
• Je clique sur le plus d'ajout
• Je remplie le formulaire, je valide
• A ce moment là, le backend doit envoyé l'image sur S3 et modifié la configuration dans banners.json
• Quand je me rend sur /banners/random, je dois être redirigé vers une url S3 d'une bannière.

ETQ dév, je veux que l'image soit uploader sur le serveur seulement à partir du moment ou le formulaire a été validé par l'utilisateur

Test d'acceptance :

• Une fois authentifié, je me rend sur /main
• Je clique sur le plus d'ajout
• Je remplie le formulaire dont l'image
• Un aperçu de la bannière est visible (https://stackoverflow.com/questions/14069421/show-an-image-preview-before-upload)
• Enfin quand je clique sur valider, l'image est uploader, puis si tout c'est bien passé elle est ajoutée dans la "base de donnée". Pendant la durée de cette opération une barre de chargement est affichée à l'utilisateur et à la fin il aperçoit sa bannière dans la liste des bannières.

See https://github.com/js-republic/banner-handler/pull/10#discussion_r154884904

ETQU je veux que le formulaire d'ajout de bannière soit valider afin d'empêcher sa validation si celui est incorrecte ou incomplet.

Règles de validité de formulaire :

• Si la bannière n'est pas affiché tout le temps, les deux champs date doivent être remplie au bon format
• La date de début doit être inférieur à la date de fin
• Au moins une entreprise doit être sélectionné
• Une image doit être choisie

Test d'acceptance :

• Une fois authentifié, je me rend sur /main
• Je clique sur le plus d'ajout
• Je remplie le formulaire de façon incomplète ou incorrect
• Quand je clique sur valider, des messages d'erreur apparaissent et je dois corriger les erreurs pour terminer l'ajout.