You are here

Home » API reference » Mailgun 8

mailgun--password-reset.html.twig in Mailgun 8

The default template file for e-mails.

Available variables:

  • subject: The subject.
  • body: The message content.
  • message: The $message array created and used in the mail building procedure. Its content varies between cases, but typically contains at least the following elements:

    • id: The message identifier.
    • module: The module that handles the building of the message.
    • key: The key of the message.
    • to: The recipient email address.
    • from: The email address of the sender.
    • langcode: The langcode to use to compose the e-mail.
    • params: The message parameters.

This template may be overriden by module and/or mail key, using any of the following template names:

  • mailgun.html.twig: global, used by default.
  • mailgun--mymodule.html.twig: only emails sent by the module "mymodule".
  • mailgun--mymodule--test.html.twig: only emails by the module "mymodule" with key "test".

See also

template_preprocess()

template_preprocess_mailgun()

File

modules/mailgun_email_templates_examples/templates/mailgun--password-reset.html.twig
View source 
  1. {#

  2. /**

  3.  * @file

  4.  * The default template file for e-mails.

  5.  *

  6.  * Available variables:

  7.  * - subject: The subject.

  8.  * - body: The message content.

  9.  * - message: The $message array created and used in the mail building

  10.  *   procedure. Its content varies between cases, but typically contains at

  11.  *   least the following elements:

  12.  *   - id: The message identifier.

  13.  *   - module: The module that handles the building of the message.

  14.  *   - key: The key of the message.

  15.  *   - to: The recipient email address.

  16.  *   - from: The email address of the sender.

  17.  *   - langcode: The langcode to use to compose the e-mail.

  18.  *   - params: The message parameters.

  19.  *

  20.  * This template may be overriden by module and/or mail key, using any of the

  21.  * following template names:

  22.  * - mailgun.html.twig: global, used by default.

  23.  * - mailgun--mymodule.html.twig: only emails sent by the module "mymodule".

  24.  * - mailgun--mymodule--test.html.twig: only emails by the module

  25.  *   "mymodule" with key "test".

  26.  *

  27.  * @see template_preprocess()

  28.  * @see template_preprocess_mailgun()

  29.  *

  30.  * @ingroup themeable

  31.  */

  32. #}

  33. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  34. <html xmlns="http://www.w3.org/1999/xhtml" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">

  35. <head>

  36.   <meta name="viewport" content="width=device-width" />

  37.   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

  38. 

  39.   <style type="text/css">

  40.     img {

  41.       max-width: 100%;

  42.     }

  43.     body {

  44.       -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em;

  45.     }

  46.     body {

  47.       background-color: #f6f6f6;

  48.     }

  49.     table table table tr td a {

  50.       text-decoration: none;

  51.       color: #fff !important;

  52.       background-color: #348eda;

  53.       border: 10px solid #348eda;

  54.       font-weight: bold;

  55.       text-align: center;

  56.       display: inline-block;

  57.       border-radius: 5px;

  58.       margin: 15px 10px;

  59.     }

  60.     @media only screen and (max-width: 640px) {

  61.       body {

  62.         padding: 0 !important;

  63.       }

  64.       h1 {

  65.         font-weight: 800 !important; margin: 20px 0 5px !important;

  66.       }

  67.       h2 {

  68.         font-weight: 800 !important; margin: 20px 0 5px !important;

  69.       }

  70.       h3 {

  71.         font-weight: 800 !important; margin: 20px 0 5px !important;

  72.       }

  73.       h4 {

  74.         font-weight: 800 !important; margin: 20px 0 5px !important;

  75.       }

  76.       h1 {

  77.         font-size: 22px !important;

  78.       }

  79.       h2 {

  80.         font-size: 18px !important;

  81.       }

  82.       h3 {

  83.         font-size: 16px !important;

  84.       }

  85.       .container {

  86.         padding: 0 !important; width: 100% !important;

  87.       }

  88.       .content {

  89.         padding: 0 !important;

  90.       }

  91.       .content-wrap {

  92.         padding: 10px !important;

  93.       }

  94.     }

  95.   </style>

  96. </head>

  97. 

  98. <body itemscope itemtype="http://schema.org/EmailMessage" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em; background-color: #f6f6f6; margin: 0;" bgcolor="#f6f6f6">

  99. 

  100. <table class="body-wrap" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; background-color: #f6f6f6; margin: 0;" bgcolor="#f6f6f6"><tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">

  101.     <td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;" valign="top"></td>

  102.     <td class="container" width="600" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto;" valign="top">

  103.       <div class="content" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; max-width: 600px; display: block; margin: 0 auto; padding: 20px;">

  104.         <table class="main" width="100%" cellpadding="0" cellspacing="0" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; border-radius: 3px; background-color: #fff; margin: 0; border: 1px solid #e9e9e9;" bgcolor="#fff">

  105.           <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">

  106.             <td class="alert alert-warning" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 16px; vertical-align: top; color: #000000; font-weight: 500; text-align: center; border-radius: 3px 3px 0 0; background-color: #ffb300; margin: 0; padding: 20px;" align="center" bgcolor="#FF9F00" valign="top">

  107.               <meta itemprop="name" content="Confirm Email"/>

  108.               {{ 'Warning: A request to reset the password for your account!'|t }}

  109.             </td>

  110.           </tr>

  111.           <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;"><td class="content-wrap" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 20px;" valign="top">

  112.               <table width="100%" cellpadding="0" cellspacing="0" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">

  113.                 <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">

  114.                   <td class="content-block" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;" valign="top">

  115.                     {{ body }}

  116.                   </td>

  117.                 </tr>

  118.               </table>

  119.             </td>

  120.           </tr>

  121.         </table>

  122.         <div class="footer" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; clear: both; color: #999; margin: 0; padding: 20px;">

  123.           <table width="100%" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">

  124.             <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">

  125.               <td class="aligncenter content-block" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; vertical-align: top; color: #999; text-align: center; margin: 0; padding: 0 0 20px;" align="center" valign="top">

  126.                 {{ 'Thanks for using'|t }} <a href="https://www.drupal.org/project/mailgun" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; color: #999; text-decoration: underline; margin: 0;">{{ 'Mailgun' }}</a>.

  127.               </td>

  128.             </tr>

  129.           </table>

  130.         </div>

  131.       </div>

  132.     </td>

  133.     <td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;" valign="top"></td>

  134.   </tr></table></body>

  135. </html>