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,70 +1,74 @@
{#[Framadate][Réservé à l'auteur] Sondage: TESSSSSSSSSST#} {#[Framadate][Réservé à l'auteur] Sondage: TESSSSSSSSSST#}
<h2> {% extends 'email-base.html.twig' %}
{% block content %}
Voici la liste des {{ polls|length }} sondages <h2>
<a href="{{ BASE_URL }}">
Framadate
</a>
que vous avez créé.
</h2>
<div>
Si vous n'avez pas demandé à recevoir cet email, veuillez en informer les administrateurs du site Framadate.
</div>
<hr>
<ul>
{% for p in polls %}
<li>
<strong> Voici la liste des {{ polls|length }} sondages
{{ p.title }} <a href="{{ BASE_URL }}">
</strong> Framadate
</a>
que vous avez créé.
</h2>
<div>
Si vous n'avez pas demandé à recevoir cet email, veuillez en informer les administrateurs du site Framadate.
</div>
<hr>
<ul style="list-style-type: none">
{% for p in polls %}
<li class="poll-element" style="border: solid 1px #ccc; padding: 1em; margin-top: 1em;">
<strong>
{{ p.title }}
</strong>
<br> <br>
<div class="creation"> <div class="creation">
créé le {{ p.creationDate| date('Y m d ') }} créé le {{ p.creationDate| date('Y m d ') }}
</div> </div>
<div class="creation"> <div class="creation">
expirera le {{ p.expiracyDate| date('Y m d ') }} expirera le {{ p.expiracyDate| date('Y m d ') }}
</div> </div>
<span class="votes-count"> <span class="votes-count">
{{ p.stacksOfVotes |length }} votes {{ p.stacksOfVotes |length }} votes
</span> </span>
<span class="votes-count"> <span class="votes-count">
{{ p.comments |length }} commentaires {{ p.comments |length }} commentaires
</span> </span>
{% if p.password |length %} {% if p.password |length %}
(accès avec mot de passe) (accès avec mot de passe)
{% else %} {% else %}
{% endif %} {% endif %}
<br> <br>
<div class="public"> <div class="public">
<span> <span>
lien à donner aux votants: lien à donner aux votants:
</span> </span>
{% if p.customUrl |length %} {% if p.customUrl |length %}
<a href="{{ BASE_URL }}/poll/{{ p.customUrl }}"> <a href="{{ BASE_URL }}/poll/{{ p.customUrl }}">
{{ BASE_URL }}/poll/{{ p.customUrl }} {{ BASE_URL }}/poll/{{ p.customUrl }}
</a> </a>
{% else %} {% else %}
<a href="{{ BASE_URL }}/poll/{{ p.customUrl }}"> <a href="{{ BASE_URL }}/poll/{{ p.customUrl }}">
{{ BASE_URL }}/poll/{{ p.id }} {{ BASE_URL }}/poll/{{ p.id }}
</a> </a>
{% endif %} {% endif %}
</div> </div>
<div class="admin"> <div class="admin">
<span> <span>
administration: administration:
</span> </span>
<a href="{{ BASE_URL }}/poll/{{ p.id }}/admin/{{ p.adminKey }}">{{ BASE_URL }} <a href="{{ BASE_URL }}/poll/{{ p.id }}/admin/{{ p.adminKey }}">{{ BASE_URL }}
/admin/{{ p.adminKey }}</a> /admin/{{ p.adminKey }}</a>
</div> </div>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
{% include 'footer.html.twig' %}
{% endblock %}