refacto email designs

This commit is contained in:
Baptiste Lemoine 2020-04-10 17:19:18 +02:00
parent c2995e9799
commit 61cdafe3b8
10 changed files with 140 additions and 81 deletions

View File

@ -38,6 +38,7 @@ class DefaultController extends AbstractController {
$templateVars = [ $templateVars = [
'owner' => $founduser, 'owner' => $founduser,
'polls' => $polls, 'polls' => $polls,
'title' => 'Mes sondages - '.$email,
]; ];
$message = ( new Swift_Message( 'Framadate - mes sondages' ) ) $message = ( new Swift_Message( 'Framadate - mes sondages' ) )

View File

@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>{% block title %}Welcome!{% endblock %}</title> <title>{% block title %}Framdate{% endblock %}</title>
{% block stylesheets %}{% endblock %} {% block stylesheets %}{% endblock %}
</head> </head>
<body> <body>

View File

@ -0,0 +1,38 @@
<div class="email">
<style>
html, body, main, header, footer, div {
font-family: "Open Sans", "Helvetica Neue", sans-serif;
}
.email{
padding: 1em;
}
.footer-content{
background: #ccc;
}
ul {
border-left: 3px solid #ddd;
}
</style>
<header>
{% block title %}
{% if title is defined %}
<h1>{{ title }}</h1>
{% else %}
<h1>Framadate - email</h1>
{% endif %}
<hr>
{% endblock %}
</header>
<main>
{% block content %}
{% endblock %}
</main>
<footer>
{% block footer %}
{% include 'emails/footer.html.twig' %}
{% endblock %}
</footer>
</div>

View File

@ -1,9 +1,15 @@
{#[Framadate][Réservé à l'auteur] Sondage: TESSSSSSSSSST#} {#[Framadate][Réservé à l'auteur] Sondage: TESSSSSSSSSST#}
Ce message ne doit PAS être diffusé aux sondés. Il est réservé à l'auteur du sondage. Ce message ne doit PAS être diffusé aux sondés. Il est réservé à l'auteur du sondage.
<br>
Vous pouvez modifier ce sondage à l'adresse suivante : Vous pouvez modifier ce sondage à l'adresse suivante :
<br>
<a href="{{ url }}">{{ url }}</a>
<br>
Pour partager votre sondage aux participants, utilisez son lien d'accès public.
<br>
https://framadate.org/NGutN7jB9vtoGOEjCfUJWBwr/admin {% if is_password_protected %}
Ce sondage est protégé par un mot de passe, n'oubliez pas de le communiquer à vos participants.
{% else %}
Merci de votre confiance. {% endif %}
Framadate

View File

@ -1,6 +1,4 @@
{#[Framadate] Notification d'un sondage : TESSSSSSSSSST#} {#[Framadate] Notification d'un sondage : TESSSSSSSSSST#}
smoi vient de rédiger un commentaire. {{ pseudo }} vient de rédiger un commentaire.
Vous pouvez retrouver votre sondage avec le lien suivant : https://framadate.org/NGutN7jB9vtoGOEjCfUJWBwr/admin <br>
Vous pouvez retrouver votre sondage avec le lien suivant : {{ url }}
Merci de votre confiance.
Framadate

View File

@ -1,11 +1,11 @@
{#[Framadate][Pour diffusion aux sondés] Sondage: TESSSSSSSSSST#} {#[Framadate][Pour diffusion aux sondés] Sondage: TESSSSSSSSSST#}
Ceci est le message qui doit être envoyé aux sondés. Ceci est le message qui doit être envoyé aux sondés.<br>
Vous pouvez maintenant transmettre ce message à toutes les personnes susceptibles de participer au vote. Vous pouvez maintenant transmettre ce message à toutes les personnes susceptibles de participer au vote.<br>
<br>
hah vient de créer un sondage intitulé : "{{ title }}".<br>
Merci de bien vouloir participer au sondage à l'adresse suivante :<br>
<a href="{{ url }}">
{{ url }}
</a>
hah vient de créer un sondage intitulé : "TESSSSSSSSSST".
Merci de bien vouloir participer au sondage à l'adresse suivante :
https://framadate.org/heh-le-test
Merci de votre confiance.
Framadate

View File

@ -1,8 +1,5 @@
{#[Framadate][expiration] Sondage: TESSSSSSSSSST#} {#[Framadate][expiration] Sondage: TESSSSSSSSSST#}
Ce sondage va bientôt expirer dans 1 jour, il ne sera plus possible d'y voter. Ce sondage va bientôt expirer dans 1 jour, il ne sera plus possible d'y voter.
Dans 31 jours il sera supprimé. Vous pouvez exporter ses données àtotmoment en vous rendant à ce lien pour l'administrer. Dans 31 jours il sera supprimé. Vous pouvez exporter ses données à tout moment en vous rendant à ce lien pour l'administrer:
https://framadate.org/heh-le-test <a href="{{ url }}">{{ url }}</a>
Merci de votre confiance.
Framadate

View File

@ -1,4 +1,20 @@
Merci de votre confiance. <div class="footer-content" style="text-align:center; padding: 1em;">
<a href="{{ BASE_URL }}"> Framadate est un logiciel libre, tout le monde peut
Framadate <a href="https://framateam.org/ux-framatrucs/channels/framadate">
</a> l'améliorer.
</a>
<br>
Merci de votre confiance.
<br>
<a href="{{ BASE_URL }}">
Framadate {{ BASE_URL }}
</a>
<br>
<a href="https://framagit.org/framasoft/framadate/funky-framadate-front">
Sources du client Front end,
</a>
<a href="https://framagit.org/framasoft/framadate/framadate">
API back end.
</a>
</div>

View File

@ -1,5 +1,4 @@
{#[Framadate] Participation au sondage : TESSSSSSSSSST#} {#[Framadate] Participation au sondage : TESSSSSSSSSST#}
Quelqu'un vient de modifier votre sondage accessible au lien suivant https://framadate.org/NGutN7jB9vtoGOEjCfUJWBwr/admin. Quelqu'un vient de modifier votre sondage accessible au lien suivant:
<br>
Merci de votre confiance. <a href="{{ url }}">{{ url }}</a>
Framadate

View File

@ -1,19 +1,22 @@
{#[Framadate][Réservé à l'auteur] Sondage: TESSSSSSSSSST#} {#[Framadate][Réservé à l'auteur] Sondage: TESSSSSSSSSST#}
<h2> {% extends 'email-base.html.twig' %}
{% block content %}
<h2>
Voici la liste des {{ polls|length }} sondages Voici la liste des {{ polls|length }} sondages
<a href="{{ BASE_URL }}"> <a href="{{ BASE_URL }}">
Framadate Framadate
</a> </a>
que vous avez créé. que vous avez créé.
</h2> </h2>
<div> <div>
Si vous n'avez pas demandé à recevoir cet email, veuillez en informer les administrateurs du site Framadate. Si vous n'avez pas demandé à recevoir cet email, veuillez en informer les administrateurs du site Framadate.
</div> </div>
<hr> <hr>
<ul> <ul style="list-style-type: none">
{% for p in polls %} {% for p in polls %}
<li> <li class="poll-element" style="border: solid 1px #ccc; padding: 1em; margin-top: 1em;">
<strong> <strong>
{{ p.title }} {{ p.title }}
@ -65,6 +68,7 @@
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
{% include 'footer.html.twig' %}
{% endblock %}