Projet

Général

Profil

0001-templates-add-a-modern-layout-to-authentic-emails-14.patch

Frédéric Péters, 30 janvier 2017 15:36

Télécharger (10 ko)

Voir les différences: 

Subject: [PATCH] templates: add a modern layout to authentic emails (#14814)


 .../api_user_create_registration_email_body.html   |   6 +-
 .../authentic2/change_email_notification_body.html |   5 +-
 .../authentic2/password_reset_email_body.html      |   7 +-
 templates/emails/body_base.html                    | 163 +++++++++++++++++++--
 templates/emails/button-link.html                  |  11 ++
 templates/registration/activation_email.html       |   7 +-
 6 files changed, 177 insertions(+), 22 deletions(-)
 create mode 100644 templates/emails/button-link.html
templates/authentic2/api_user_create_registration_email_body.html
14 14 

  		




  15
  15
  
    
<p>

  		




  16
  16
  
    
Pour choisir un mot de passe et accéder à votre compte, veuillez cliquer

  		




  17
  
  
    
sur le lien suivant : <a href="{{ reset_url }}">{{ reset_url }}</a>.

  		




  
  17
  
    
sur le bouton suivant :

  		




  18
  18
  
    
</p>

  		




  19
  19
  
    

  		




  
  20
  
    
{% include "emails/button-link.html" with url=reset_url label="Accéder au compte" %}

  		




  
  21
  
    

  		




  20
  22
  
    
<p>

  		




  21
  
  
    
Attention, ce lien ne sera valide que durant {{expiration_days}} jours.

  		




  
  23
  
    
Attention, ce bouton ne sera valide que durant {{expiration_days}} jours.

  		




  22
  24
  
    
</p>

  		




  23
  25
  
    
{% endblock %}

  		












  

    
      templates/authentic2/change_email_notification_body.html
    
  





  8
  8
  
    
</p>

  		




  9
  9
  
    

  		




  10
  10
  
    
<p>

  		




  11
  
  
    
Pour valider ce changement, veuillez cliquer sur le lien suivant :

  		




  12
  
  
    
<a href="{{ link }}">{{ link }}</a>.

  		




  
  11
  
    
Pour valider ce changement, veuillez cliquer sur le bouton suivant :

  		




  13
  12
  
    
</p>

  		




  14
  13
  
    

  		




  
  14
  
    
{% include "emails/button-link.html" with url=link label="Valider le changement" %}

  		




  
  15
  
    

  		




  15
  16
  
    
{% endblock %}

  		












  

    
      templates/authentic2/password_reset_email_body.html
    
  





  9
  9
  
    
</p>

  		




  10
  10
  
    

  		




  11
  11
  
    
<p>

  		




  12
  
  
    
Pour réinitialiser le mot de passe, veuillez cliquer sur le lien suivant :

  		




  13
  
  
    
<a href="{{reset_url}}">{{reset_url}}</a>.

  		




  
  12
  
    
Pour réinitialiser le mot de passe, veuillez cliquer sur le bouton suivant :

  		




  14
  13
  
    
</p>

  		




  15
  14
  
    

  		




  
  15
  
    
{% include "emails/button-link.html" with url=reset_url label="Réinitialiser le mot de passe" %}

  		




  
  16
  
    

  		




  16
  17
  
    
<p>

  		




  17
  
  
    
Attention, ce lien ne sera valide que durant {{expiration_days}} jours.

  		




  
  18
  
    
Attention, ce bouton ne sera valide que durant {{expiration_days}} jours.

  		




  18
  19
  
    
</p>

  		




  19
  20
  
    
{% endblock %}

  		












  

    
      templates/emails/body_base.html
    
  





  1
  
  
    
<html>

  		




  2
  
  
    
 <head>

  		




  3
  
  
    
  <meta charset="utf-8">

  		




  4
  
  
    
 </head>

  		




  5
  
  
    
 <body>

  		




  6
  
  
    
  <div style="max-width: 60ex;">

  		




  7
  
  
    
   <div class="content">

  		




  
  1
  
    
<!DOCTYPE html>

  		




  
  2
  
    
<html xmlns="http://www.w3.org/1999/xhtml">

  		




  
  3
  
    
<head>

  		




  
  4
  
    
    <meta charset="utf-8">

  		




  
  5
  
    
    <meta name="viewport" content="width=device-width">

  		




  
  6
  
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

  		




  
  7
  
    
    <meta name="x-apple-disable-message-reformatting">

  		




  
  8
  
    
    <title></title>

  		




  
  9
  
    
    <style>

  		




  
  10
  
    
        html,

  		




  
  11
  
    
        body {

  		




  
  12
  
    
            margin: 0 auto !important;

  		




  
  13
  
    
            padding: 0 !important;

  		




  
  14
  
    
            height: 100% !important;

  		




  
  15
  
    
            width: 100% !important;

  		




  
  16
  
    
        }

  		




  
  17
  
    

  		




  
  18
  
    
        * {

  		




  
  19
  
    
            -ms-text-size-adjust: 100%;

  		




  
  20
  
    
            -webkit-text-size-adjust: 100%;

  		




  
  21
  
    
        }

  		




  
  22
  
    

  		




  
  23
  
    
        div[style*="margin: 16px 0"] {

  		




  
  24
  
    
            margin:0 !important;

  		




  
  25
  
    
        }

  		




  
  26
  
    

  		




  
  27
  
    
        table,

  		




  
  28
  
    
        td {

  		




  
  29
  
    
            mso-table-lspace: 0pt !important;

  		




  
  30
  
    
            mso-table-rspace: 0pt !important;

  		




  
  31
  
    
        }

  		




  
  32
  
    

  		




  
  33
  
    
        table {

  		




  
  34
  
    
            border-spacing: 0 !important;

  		




  
  35
  
    
            border-collapse: collapse !important;

  		




  
  36
  
    
            table-layout: fixed !important;

  		




  
  37
  
    
            margin: 0 auto !important;

  		




  
  38
  
    
        }

  		




  
  39
  
    
        table table table {

  		




  
  40
  
    
            table-layout: auto;

  		




  
  41
  
    
        }

  		




  
  42
  
    

  		




  
  43
  
    
        img {

  		




  
  44
  
    
            -ms-interpolation-mode:bicubic;

  		




  
  45
  
    
        }

  		




  
  46
  
    

  		




  
  47
  
    
        *[x-apple-data-detectors] {

  		




  
  48
  
    
            color: inherit !important;

  		




  
  49
  
    
            text-decoration: none !important;

  		




  
  50
  
    
        }

  		




  
  51
  
    

  		




  
  52
  
    
        .x-gmail-data-detectors,

  		




  
  53
  
    
        .x-gmail-data-detectors *,

  		




  
  54
  
    
        .aBn {

  		




  
  55
  
    
            border-bottom: 0 !important;

  		




  
  56
  
    
            cursor: default !important;

  		




  
  57
  
    
        }

  		




  
  58
  
    

  		




  
  59
  
    

  		




  
  60
  
    
        .button-link {

  		




  
  61
  
    
            text-decoration: none !important;

  		




  
  62
  
    
        }

  		




  
  63
  
    

  		




  
  64
  
    
        @media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6+ */

  		




  
  65
  
    
            .email-container {

  		




  
  66
  
    
                min-width: 375px !important;

  		




  
  67
  
    
            }

  		




  
  68
  
    
        }

  		




  
  69
  
    

  		




  
  70
  
    
    </style>

  		




  
  71
  
    

  		




  
  72
  
    
    <style>

  		




  
  73
  
    
        .button-td,

  		




  
  74
  
    
        .button-a {

  		




  
  75
  
    
            transition: all 100ms ease-in;

  		




  
  76
  
    
        }

  		




  
  77
  
    
        .button-td:hover,

  		




  
  78
  
    
        .button-a:hover {

  		




  
  79
  
    
            background: #555555 !important;

  		




  
  80
  
    
            border-color: #555555 !important;

  		




  
  81
  
    
        }

  		




  
  82
  
    
    </style>

  		




  
  83
  
    

  		




  
  84
  
    
</head>

  		




  
  85
  
    
<body width="100%" bgcolor="#F2F2F2" style="margin: 0; mso-line-height-rule: exactly;">

  		




  
  86
  
    
    <center style="width: 100%; background: #F2F2F2;">

  		




  
  87
  
    

  		




  
  88
  
    
        <div style="max-width: 600px; margin: auto;" class="email-container">

  		




  
  89
  
    
            <!--[if mso]>

  		




  
  90
  
    
            <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="600" align="center">

  		




  
  91
  
    
            <tr>

  		




  
  92
  
    
            <td>

  		




  
  93
  
    
            <![endif]-->

  		




  
  94
  
    

  		




  
  95
  
    
            <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="100%" style="max-width: 600px;">

  		




  
  96
  
    
                <tr>

  		




  
  97
  
    
                    <td style="padding: 20px 0; text-align: center; font-family: sans-serif;">

  		




  
  98
  
    
                        <span style="font-size: 15px; line-height: 20px;">{% firstof global_title site_name site "Compte Citoyen" %}</span>

  		




  
  99
  
    
                    </td>

  		




  
  100
  
    
                </tr>

  		




  
  101
  
    
            </table>

  		




  
  102
  
    

  		




  
  103
  
    
            <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="100%" style="max-width: 600px;">

  		




  
  104
  
    

  		




  
  105
  
    
                <tr>

  		




  
  106
  
    
                    <td bgcolor="{% if theme_color %}{{theme_color}}{% else %}#ffffff{% endif %}">

  		




  
  107
  
    
                            &nbsp;

  		




  
  108
  
    
                    </td>

  		




  
  109
  
    
                </tr>

  		




  
  110
  
    

  		




  
  111
  
    
                <tr>

  		




  
  112
  
    
                    <td bgcolor="#ffffff">

  		




  
  113
  
    
                        <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">

  		




  
  114
  
    
                            <tr>

  		




  
  115
  
    
                                <td style="padding: 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;">

  		




  
  116
  
    

  		




  8
  117
  
    
     {% block content %}

  		




  9
  118
  
    
     {% endblock %}

  		




  10
  
  
    
   </div>

  		




  
  119
  
    
                                </td>

  		




  
  120
  
    
                                </tr>

  		




  
  121
  
    
                        </table>

  		




  
  122
  
    
                    </td>

  		




  
  123
  
    
                </tr>

  		




  
  124
  
    

  		




  
  125
  
    
                <tr>

  		




  
  126
  
    
                    <td bgcolor="{% if theme_color %}{{theme_color}}{% else %}#ffffff{% endif %}">

  		




  
  127
  
    
                            &nbsp;

  		




  
  128
  
    
                    </td>

  		




  
  129
  
    
                </tr>

  		




  
  130
  
    

  		




  
  131
  
    
                <tr>

  		




  
  132
  
    
                    <td height="40" style="font-size: 0; line-height: 0;">

  		




  
  133
  
    
                        &nbsp;

  		




  
  134
  
    
                    </td>

  		




  
  135
  
    
                </tr>

  		




  
  136
  
    

  		




  
  137
  
    
            </table>

  		




  
  138
  
    

  		




  
  139
  
    
            <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="100%" style="max-width: 680px;">

  		




  
  140
  
    
                <tr>

  		




  
  141
  
    
                    <td style="padding: 40px 10px;width: 100%;font-size: 12px; font-family: sans-serif; line-height:18px; text-align: center; color: #888888;" class="x-gmail-data-detectors">

  		




  11
  142
  
    
   {% block footer %}

  		




  12
  143
  
    
   {% if email_signature %}

  		




  13
  
  
    
   <div style="font-size: smaller; font-color: #888; margin-top: 2em;">

  		




  14
  144
  
    
   {{ email_signature }}

  		




  15
  
  
    
   </div>

  		




  16
  145
  
    
   {% endif %}

  		




  17
  146
  
    
   {% endblock %}

  		




  18
  
  
    
  </div>

  		




  19
  
  
    
 </body>

  		




  
  147
  
    
                    </td>

  		




  
  148
  
    
                </tr>

  		




  
  149
  
    
            </table>

  		




  
  150
  
    
            <!--[if mso]>

  		




  
  151
  
    
            </td>

  		




  
  152
  
    
            </tr>

  		




  
  153
  
    
            </table>

  		




  
  154
  
    
            <![endif]-->

  		




  
  155
  
    
        </div>

  		




  
  156
  
    
    </center>

  		




  
  157
  
    
    <!-- adapted from http://tedgoas.github.io/Cerberus templates -->

  		




  
  158
  
    
</body>

  		




  20
  159
  
    
</html>

  		












  

    
      templates/emails/button-link.html
    
  





  
  1
  
    
<br>

  		




  
  2
  
    
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" style="margin: auto;">

  		




  
  3
  
    
<tr>

  		




  
  4
  
    
  <td style="border-radius: 3px; background: #7D7D7D; text-align: center;" class="button-td">

  		




  
  5
  
    
    <a href="{{url}}" style="background: #7D7D7D; border: 15px solid #7D7D7D; font-family: sans-serif; font-size: 13px; line-height: 1.1; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: bold;" class="button-a">

  		




  
  6
  
    
      <span style="color:#ffffff;" class="button-link">{{label}}</span>

  		




  
  7
  
    
    </a>

  		




  
  8
  
    
  </td>

  		




  
  9
  
    
</tr>

  		




  
  10
  
    
</table>

  		




  
  11
  
    
<br>

  		












  

    
      templates/registration/activation_email.html
    
  





  9
  9
  
    
</p>

  		




  10
  10
  
    

  		




  11
  11
  
    
<p>

  		




  12
  
  
    
Pour activer votre compte, veuillez cliquer sur le lien suivant :

  		




  13
  
  
    
<a href="{{registration_url}}">{{registration_url}}</a>.

  		




  
  12
  
    
Pour activer votre compte, veuillez cliquer sur le bouton suivant :

  		




  14
  13
  
    
</p>

  		




  15
  14
  
    

  		




  
  15
  
    
{% include "emails/button-link.html" with url=registration_url label="Finaliser l'inscription" %}

  		




  
  16
  
    

  		




  16
  17
  
    
<p>

  		




  17
  
  
    
Attention, ce lien ne sera valide que durant {{expiration_days}} jours.

  		




  
  18
  
    
Attention, ce bouton ne sera valide que durant {{expiration_days}} jours.

  		




  18
  19
  
    
</p>

  		




  19
  20
  
    
{% endblock %}

  		




  20
  
  
    
-