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 = [
'owner' => $founduser,
'polls' => $polls,
'title' => 'Mes sondages - '.$email,
];
$message = ( new Swift_Message( 'Framadate - mes sondages' ) )

View File

@ -2,7 +2,7 @@
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}Welcome!{% endblock %}</title>
<title>{% block title %}Framdate{% endblock %}</title>
{% block stylesheets %}{% endblock %}
</head>
<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#}
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 :
<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.
Framadate
{% endif %}

View File

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

View File

@ -1,11 +1,11 @@
{#[Framadate][Pour diffusion aux sondés] Sondage: TESSSSSSSSSST#}
Ceci est le message qui doit être envoyé aux sondés.
Vous pouvez maintenant transmettre ce message à toutes les personnes susceptibles de participer au vote.
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.<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#}
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
Merci de votre confiance.
Framadate
<a href="{{ url }}">{{ url }}</a>

View File

@ -1,4 +1,20 @@
Merci de votre confiance.
<a href="{{ BASE_URL }}">
Framadate
</a>
<div class="footer-content" style="text-align:center; padding: 1em;">
Framadate est un logiciel libre, tout le monde peut
<a href="https://framateam.org/ux-framatrucs/channels/framadate">
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#}
Quelqu'un vient de modifier votre sondage accessible au lien suivant https://framadate.org/NGutN7jB9vtoGOEjCfUJWBwr/admin.
Merci de votre confiance.
Framadate
Quelqu'un vient de modifier votre sondage accessible au lien suivant:
<br>
<a href="{{ url }}">{{ url }}</a>

View File

@ -1,70 +1,74 @@
{#[Framadate][Réservé à l'auteur] Sondage: TESSSSSSSSSST#}
<h2>
{% extends 'email-base.html.twig' %}
{% block content %}
Voici la liste des {{ polls|length }} sondages
<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>
<h2>
<strong>
{{ p.title }}
</strong>
Voici la liste des {{ polls|length }} sondages
<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 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>
<div class="creation">
créé le {{ p.creationDate| date('Y m d ') }}
</div>
<div class="creation">
expirera le {{ p.expiracyDate| date('Y m d ') }}
</div>
<span class="votes-count">
<br>
<div class="creation">
créé le {{ p.creationDate| date('Y m d ') }}
</div>
<div class="creation">
expirera le {{ p.expiracyDate| date('Y m d ') }}
</div>
<span class="votes-count">
{{ p.stacksOfVotes |length }} votes
</span>
<span class="votes-count">
<span class="votes-count">
{{ p.comments |length }} commentaires
</span>
{% if p.password |length %}
(accès avec mot de passe)
{% else %}
{% endif %}
{% if p.password |length %}
(accès avec mot de passe)
{% else %}
{% endif %}
<br>
<br>
<div class="public">
<div class="public">
<span>
lien à donner aux votants:
</span>
{% if p.customUrl |length %}
<a href="{{ BASE_URL }}/poll/{{ p.customUrl }}">
{{ BASE_URL }}/poll/{{ p.customUrl }}
</a>
{% else %}
<a href="{{ BASE_URL }}/poll/{{ p.customUrl }}">
{{ BASE_URL }}/poll/{{ p.id }}
</a>
{% endif %}
</div>
<div class="admin">
{% if p.customUrl |length %}
<a href="{{ BASE_URL }}/poll/{{ p.customUrl }}">
{{ BASE_URL }}/poll/{{ p.customUrl }}
</a>
{% else %}
<a href="{{ BASE_URL }}/poll/{{ p.customUrl }}">
{{ BASE_URL }}/poll/{{ p.id }}
</a>
{% endif %}
</div>
<div class="admin">
<span>
administration:
</span>
<a href="{{ BASE_URL }}/poll/{{ p.id }}/admin/{{ p.adminKey }}">{{ BASE_URL }}
/admin/{{ p.adminKey }}</a>
</div>
<a href="{{ BASE_URL }}/poll/{{ p.id }}/admin/{{ p.adminKey }}">{{ BASE_URL }}
/admin/{{ p.adminKey }}</a>
</div>
</li>
{% endfor %}
</ul>
</li>
{% endfor %}
</ul>
{% include 'footer.html.twig' %}
{% endblock %}