parti-renaissance / espace-adherent

Le site principal du parti Renaissance

Powered by :

Le projet En Marche s'efforce de respecter les meilleures pratiques en matière de développement de logiciels open source:

Type	Status
CI / CD
CodeQL
Code Factor
Codacy

An English ReadMe is available after the French one.

Comment puis-je aider ?

A En Marche !, nous avons fait le choix de l'open-source car cela s'accorde avec notre idée d'un mouvement qui n'existe que par ses membres. Nous serions donc bien évidemment ravis que vous songiez à contribuer au projet.

• Pour commencer à contribuer, suivez le guide de contribution.
• Pour installer le projet en local, suivez la documentation.
• Regardez la liste de nos projets pour trouver quelque chose qui vous intéresse.

Remerciez la communauté open-source PHP, qui a rendu ce projet possible, en lancant composer thanks à la racine du projet, une fois téléchargé.

---

This repository is the Symfony application powering the en-marche.fr platform.

En Marche ! is the political movement created by Emmanuel Macron in April 2016.

How can I help?

At En Marche !, we chose Open-Source as it corresponds to our idea of creating a democratic movement ran by its members. Thus we would be glad to help you contribute!

• The first step to contribute is to read the contribution guide (French).
• To install the project locally, follow the developer documentation (French).
• Look at our current projects to find something that interests you

Questions? Need help? Say hello in GitHub Discussions.

Give thanks to the open-source PHP community, which made this project possible, by running composer thanks in the project root once downloaded!

espace-adherent's Issues

Ecrire une documentation utilisateur pour utiliser l'application

• Donner au mouvement
• S'inscrire et se connecter à la plateforme
• Mon compte adhérant
• Créer un comité
• Suivre un nouveau comité
• Trouver les événéments proches de chez moi
• Trouver les événéments qui auront lieu bientôt
• S'inscrire à un événement
• (toute autre idée intéressante)

Possibilité de s'inspirer du travail de @arnaudknobloch :
https://docs.google.com/document/d/17o7GLNq2Zqjum-IfDbJUuHGjZmdZsMpnmOJszCmGFi4/edit

Fix Mailjet delivery success listener for messages sent to multiple recipients

In the following class:

<?php

namespace AppBundle\Mailjet\EventSubscriber;

// ...
class MailjetEmailDoctrineBackupEventSubscriber implements EventSubscriberInterface
{
    private $manager;
    private $repository;

    public function __construct(ObjectManager $manager, MailjetEmailRepository $repository)
    {
        $this->manager = $manager;
        $this->repository = $repository;
    }

    // ...

    public function onMailjetDeliverySuccess(MailjetEvent $event)
    {
        $message = $event->getMessage();

        if (!$email = $this->repository->findByUuid($message->getUuid())) {
            return;
        }

        $email->delivered($event->getEmail()->getHttpResponsePayload());
        $this->manager->flush();
    }
}

The onMailjetDeliverySuccess method only marks the email sent to the main recipient as delivered. But it must do the same for emails sent in the same batch of multiple recipients.

Problème d'encoding lors de l'adhésion

Si tu utilises un caractère "'" dans une adresse lors de l'adhésion et que la page se recharger pour cause de mot de passe trop court (ou autre), alors l'apostrophe est mal encodé:

Par exemple:

12 Rue de l'été

devient

12 Rue de l'été

Implémenter l’auto-complétion d'information de l'adhésion grâce aux réseaux sociaux

Pour faciliter l'adhésion au mouvement, un visiteur devrait pouvoir auto-compléter le plus d'informations possibles du formulaire d'adhésion grâce aux réseaux sociaux. Ce système devra aussi permettre la connexion grâce à ces mêmes réseaux sociaux.

Implémenter la possibilité de télécharger un événement en iCal

Il serait très utile de pouvoir exporter une événement au format iCal afin de l'intégrer aisément dans n'importe quel agenda.

Ajouter la possibilité de changer de montant de don grâce à une navigation par tabulations

Sur la page de don (/don) et la home (/), il y a un petit module Javascript pour choisir le montant du don. Il serait plus accessible si il était possible de changer le montant de ce don avec ce module en utilisant uniquement le clavier (navigation par tabulation et choix par entrée).

A définir si c'est possible, et si oui, à faire :) .

Finir le design de la homepage

Done

• Ajouter les nouvelles polices Gillsans
• Fix newsletter layout bug on desktop
• bloc newsletter > comme on a + d'espace maintenant on peut écrire "Recevez la newsletter du mouvement"
• Module de dons
• on va changer le wording pour la ligne des réseaux sociaux "suivez en marche !" >> "suivez emmanuel macron !"
• entre le bouton "plus d'actualités" et le bloc "3 boucliers" il faudrait mettre + d'espace, genre 50px
• au niveau des 6 vignettes, il y a un espace trop grand entre la première rangée et la deuxième
• Fix button styles on iOS devices
• Le footer a trop de padding a droite et gauche
• Le texte du module de don en mobile sort de l'écran
• le bouclier module explose en mobile
• le text field de l'email a des rounded corners on iOS, et du drop shadow
• bouclier: centrer la photo pour qu'on puisse voir le personnage a tout moment
• Tablette: est-ce qu'on pourrait juste ajouter le bouton adhérer en plus ?
• Construire le menu mobile
• limited text broke
• iPad vertical square image for top story. Fix it to keep same ratio
• Ajouter le scroll sur les 3 cartes du mouvement
• Enlever les gradients sur les photos qui n'en ont pas besoin -- un petit refactor des news s'impose il me semble

Intégrer le design de la page d'accueil

• Créer le design fournit en pièce jointe (à venir) en SASS en tenant en compte de l'aspect responsive (en utilisant un framework SASS si besoin)
• Créer les éléments Javascript et CSS3 nécessaire pour les animations et dynamiques de la page
• Séparer la page en composants réutilisables en suivant les conventions BEM et OOCSS (http://www.alsacreations.com/article/lire/1641-bonnes-pratiques-en-css-bem-et-oocss.html)
• Ecrire la documentation liée à l'intégration de cette page (c'est la première page intégrée, il faut donc décrire comment utiliser les composants réutilisables)

Cette issue peut faire l'objet de plusieurs PR plus petites.

Ajouter/supprimer des animateurs

Est-il toujours prévu qu'on puisse ajouter/supprimer des animateurs sur la page "Gérer les adhérents" ?

Implémenter les Instant Articles Facebook pour les articles

Utiliser les outils Facebook pour implémenter le système d'Instant Articles à partir des articles du site internet (https://instantarticles.fb.com/).

ETQ que visiteur anonyme, je veux pouvoir m'abonner à la newsletter

• Créer une entité NewsletterSubscription (un champ email et un UUID v5 à partir de ce mail)
• Créer le formulaire (un champ email simple)
• Enregistrer l'inscription dans la BDD
• Enregistrer le contact dans le CRM
• Tests automatisés

Intégrer le design de la page d'article

Disable links to publish messages and events on a committee page when it's not yet approved

SEO - Améliorer et ajouter des données structurées partout où nécessaire

https://developers.google.com/search/docs/guides/intro-structured-data?visit_id=1-636230129315925179-663844858&hl=fr&rd=1

http://schema.org/

Formulaire d'inscription; champ date de naissance-> html5 datepicker ne fonctionne pas sous tous les navigateurs (safari..)

ETQ que visiteur anonyme, je veux pouvoir partager une page du site internet sur les réseaux sociaux

• Intégrer toutes les balises OpenGraph/Twitter/Facebook/... nécessaires sur toutes les pages et adaptées par type de contenu
• Intégrer les liens de partages sociaux aux endroits importants

Absence d'email de notification quand un adhérent suit un comité

Ces derniers jours, depuis le lancement de la nouvelle plateforme, j'ai constaté que 3 nouvelles personnes ont décidé de suivre mon comité, mais je n'ai reçu aucun email de notification.

En revanche, je reçois bien les autres emails, par exemple lorsque j'envoie un message aux adhérents du comité.

ETQ que visiteur anonyme, je veux pouvoir me renseigner sur les propositions et les initiatives du mouvement

Nécessite #10.

Une fois fait, reprendre les mêmes concepts pour pouvoir créer aisément des pages statiques.

ETQ que visiteur anonyme, je veux avoir de la documentation sur comment donner au mouvement

Point 1 de l'issue #7 (documentation utilisateur).

Escape the animator message sent to the committee followers

I don't know if this is needed but the user story have not provided a behaviour about that.

As a committee animator, when I send a mail message thru the contact form to some followers of my committee, I can put HTML syntax. Also, the content is not nl2br.

ETQ que visiteur anonyme, je veux pouvoir inviter par e-mail à adhérer au mouvement

• Formulaire de message d'invitation (nom/prénom envoyeur, email destinataire, message d'invitation)
• Envoyer un mail d'invitation stylisé aux couleurs d'En Marche à partir du formulaire

Mettre en place les outils de CI

• Travis
• StyleCI
• SensioLabsInsight

Implémenter des notifications Web pour être informé des nouveaux articles sur le site

Soit avec un système manuel, soit avec un outil externe, il serait intéressant de pouvoir être alerté des nouveaux articles sur le site grâce à des notifications Web.

SEO - Mettre en place https://www.google.com/webmasters/tools/home?hl=fr

See #350

Implémenter des pages AMP pour les articles

https://support.google.com/webmasters/answer/6340290

https://support.google.com/webmasters/answer/6328309

Améliorer le SEO et l'accessibilité

Il y a un gros travail d'accessibilité et de SEO à réaliser. Les points urgents sont:

• Créer un sitemap dynamique
• Ajouter des attributs lang sur le HTML
• Ajouter des alt sur toutes les images
• Mettre en place https://www.google.com/webmasters/tools/home?hl=fr
• Il y a plusieurs balises H1 sur plusieurs pages, il faut supprimer ce duplicata
• (ajouter tout ce qui peut améliorer le SEO)

Pb d'affichage de l'heure d'un évènement

Exemple : un évènement qui a lieu à 20h mais qui est affiché pour 8h

https://en-marche.fr/evenements/6807b962-ae6c-5558-81a5-29f80dee2749/reunion-publique-vers-l-egalite-reelle-femmes-hommes

Indiquer à un animateur qui envoie un email à ses membrer qu'il recevra une copie de son email

Sur la page "Gérer les adhérents" de mon comité, j'ai sélectionné un adhérent, puis j'ai cliqué sur "Contacter" afin d'envoyer un email à cet adhérent.

La page sur laquelle je rédige mon message indique bien "Votre message sera envoyé par e-mail à 1 adhérent de votre comité".

Je rédige mon message, puis je clique sur "Envoyer".

Etrangement, quelques instants plus tard, j'ai reçu le message en question sur mon adresse email, ce qui est inattendu.

J'ai fait quelques essais en créant un deuxième compte pour adhérer à mon propre comité, et il semble que la plateforme envoie automatiquement une copie du message à l'animateur. Si cela est confirmé, il serait utile de l'indiquer dans l'interface utilisateur :-)

Adresser l'accessibilité de la homepage

• alternative text for images
• labels for forms
• add content to empty links
• buttons: add aria-label
• for buttons that aren't <button> add role="button"

Documenter l'architecture du projet

• Dossiers du projet
• Organsiation back/front
• Librairies et bundles externes utilisés

ETQ visiteur, je ne veux pas attendre 10 min le temps que les grandes images chargent

Je me demande si on pourrait faire un truc comme cela.
https://jmperezperez.com/medium-image-progressive-loading-placeholder/
https://css-tricks.com/the-blur-up-technique-for-loading-background-images/

Serait-il possible d'obtenir de plus petites images du server @tgalopin?
J'ai trouvé ca pour re-dimensionner les images: https://github.com/liip/LiipImagineBundle.

Implémenter un système de recherche dans le site

Ajouter un système de recherche, probablement basé sur Elasticsearch (peut-être envisager https://www.algolia.com ?), afin de permettre une recherche fulltext sur tous les contenus du site.

ETQ que visiteur anonyme, je veux pouvoir donner au mouvement

• Créer un formulaire de don avec des boutons de montants par défaut (à définir avec Alexandre)
• Créer un petit composant React pour calculer le coût réel du don après réduction d'impots (cout réel = 33% du don) et l'afficher à l'utilisateur au moment du choix de montant
• Implémenter le tunnel de paiement avec Paybox (infos à demander : gentilé, nom, prénom, adresse postale, CP, ville, pays, email, téléphone)
• Tests automatisés

ETQ adhérent / animateur local, je peux proposer des modifications simples du site Internet

Les animateurs / trices locaux, ainsi que les membres de leur comité (adhérents), peuvent faire remonter des améliorations, concernant l'outil qu'ils utilisent, tant pour se renseigner sur le mouvement, que pour participer au débat (adhésion / voir ET rejoindre un comité / voir ET rejoindre un événement).

Voici l'image de la page suggérée (à mettre en lien avec github), accessible depuis le menu du site :
Menu actuel :

Menu modifié :

Page des contributions (à créer et à mettre en lien avec github) :

Ajustements de design homepage

• Lead stories: les deux stories devraient avoir des sous-titres identiques (roboto, letter-spacing, 14px)
• Lead stories: accorder l'espace entre leur headline et leur sous-titre
• Logo: letter-spacing devrait être à -0.7px
• Le Movement: increase letter-spacing to 2.5px
• Le Movement: add bottom spacing before the quote
• Navigation: remonter la loupe
• 3 boucliers: l'ombre gradient missing entre la photo et le text (pour faciliter la lecture)
• Footer: wrap row on tablet
• News: re-élargir a 1200px, et de ce fait, agrandir les cards
• News: En mode tablet, deux stories par ligne, toutes à la meme taille
• Movement modules shouldn't spread
• "3 boucliers pour proteger..." la hauteur change à 350px avec une largeur à 1200px, pas full-weight

SEO - Créer un sitemap dynamique

See #350

ETQ que visiteur anonyme, je veux pouvoir accéder à une Foire aux questions

• Créer les pages statiques de foire aux questions
• Utiliser le même principe que #10 pour récupérer les questions et les réponses de la foire aux questions depuis un dossier en dev / un bucket Google Storage en prod

Créer les pages statiques

• Emmanuel Macron
• Le mouvement
• Les propositions

Mettre en place du Continous Delivery

Travis tests > Travis build Docker > Push Google Container Registry

SEO - Ajouter un attribut alt sur toutes les images

See #350

ETQ qu'administrateur, je veux être tenu informé des abandons afin de pouvoir effectuer des relances

A définir

Fignoler la home

• Boutons de partage sur la home
• Refactor les gradients en mixins
• Le petit espace sous la newsletter
• Ajuster les donate boutons dans certaines situations responsives
• Centrer le footer en responsive
• Add smoother horizontal scrolling for le mouvement
• Animer la bande de donation
• Implementer le fixed header

ETQ que visiteur anonyme, je veux pouvoir voir les nouveautés du mouvement En Marche

• Mettre en place le système de parsing de Markdown
• Mettre en place le filesystem (https://flysystem.thephpleague.com/) basé sur un dossier en dev / un bucket Google Storage en prod
• Tests automatisés
• Affichage

ETQ que non-adhérent, lors de mon inscription je souhaite être informé directement d'une erreur entre le mdp et sa confirmation

Etapes inversées dans la doc d'install

Dans la doc d'installation l'étape 2.a doit avoir été réalisée avant de lancer la commande php bin/symfony_requirements de l'étape 1.b sans quoi une erreur fatale est affichée:

php bin/symfony_requirements

Symfony Requirements Checker
~~~~~~~~~~~~~~~~~~~~~~~~~~~~

> PHP is using the following php.ini file:
  /usr/local/etc/php/7.0/php.ini

> Checking Symfony requirements:
  ..E.........................WW......


 [ERROR]
 Your system is not ready to run Symfony projects

Documenter le processus de développement projet

Coding styles:

• PHP : PSR-2 et convention Symfony (http://www.php-fig.org/psr/psr-2/)
• JSX : convention AirBnB (https://github.com/airbnb/javascript/tree/master/react)
• SASS : conventions BEM et OOCSS (http://www.alsacreations.com/article/lire/1641-bonnes-pratiques-en-css-bem-et-oocss.html) avec organisation en un fichier par composant React

Processus des tests

Sur page de confirmation d'adhésion, détecter le domaine e-mail et ajouter un bouton si connu

Sur la page de confirmation, si le domaine de l'e-mail enregistré est connu (Gmail, Outlook, Yahoo, etc.), il serait pratique d'ajouter un bouton pour ouvrir dans un nouvel onglet sa messagerie directement.

Corriger le CSS des listes à puces (<ul> et <li>)

Le CSS des listes à puces (éléments HTML UL et LI) est remis à zéro.

Par conséquent, les listes à puces sont "invisibles".

Exemple sur cet événement : https://en-marche.fr/evenements/d1c94ea8-dbed-4f24-b9c9-b71c9832da88/2017-03-09-environnement-et-democratie-le-programme-d-emmanuel-macron

La description "A propos" contient une liste à puces qui apparaît comme de simples retours à la ligne.

ETQ animateur, voir/exporter la liste des inscrits à un événement

La version précédente de la plateforme permettait aux animateurs de voir/exporter la liste des inscrits à un événement. Cela n'est plus possible avec la nouvelle plateforme. Or cela était très utile. Est-il prévu de réimplémenter cette fonctionnalité ?

En tant qu'animateur je veux pourvoir envoyer un mail aux adhérents habitant différentes villes (Codes Postaux)

La plateforme actuelle force a envoyer un mail pour chaque code postal, je veux pouvoir sélectionner plusieurs codes postaux pour envoyer un seul et unique batch d'emails

Issue remontée par plusieurs ALs (59)