Moving header/footer and presentational tables to the base hbs email template.

This commit is contained in:
mike12345567 2021-04-26 14:39:18 +01:00
parent b3933103a8
commit 65914d7cfa
4 changed files with 143 additions and 177 deletions

View File

@ -20,11 +20,28 @@
<![endif]--> <![endif]-->
</head> </head>
<body> <body>
{{ body }} <table class="email-wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation">
<table class="email-footer" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
<tr> <tr>
<td class="content-cell" align="center"> <td align="center">
<p class="f-fallback sub align-center">&copy; {{ currentYear }} {{ company }}. All rights reserved.</p> <table class="email-content" width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td class="email-masthead">
<a href="{{ platformUrl }}" class="f-fallback email-masthead_name">
{{ company }}
</a>
</td>
</tr>
{{ body }}
<tr>
<table class="email-footer" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td class="content-cell" align="center">
<p class="f-fallback sub align-center">&copy; {{ currentYear }} {{ company }}. All rights reserved.</p>
</td>
</tr>
</table>
</tr>
</table>
</td> </td>
</tr> </tr>
</table> </table>

View File

@ -1,67 +1,50 @@
<!-- Based on template: https://github.com/wildbit/postmark-templates/blob/master/templates/plain/user-invitation/content.html --> <!-- Based on template: https://github.com/wildbit/postmark-templates/blob/master/templates/plain/user-invitation/content.html -->
<span class="preheader">You've been invited to use {{ company }}'s Budibase platform!</span> <tr>
<table class="email-wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation"> <td class="email-body" width="570" cellpadding="0" cellspacing="0">
<tr> <table class="email-body_inner" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
<td align="center"> <!-- Body content -->
<table class="email-content" width="100%" cellpadding="0" cellspacing="0" role="presentation"> <tr>
<tr> <td class="content-cell">
<td class="email-masthead"> <div class="f-fallback">
<a href="{{ platformUrl }}" class="f-fallback email-masthead_name"> <h1>Hi, {{ email }}!</h1>
{{ company }} <p>
</a> {{#if request}}
</td> {{ request.inviter }} has invited you to use {{ company }}'s Budibase platform.<
</tr> {{else}}
<!-- Email Body --> You've been invited to use {{ company }}'s Budibase platform.
<tr> {{/if}}
<td class="email-body" width="570" cellpadding="0" cellspacing="0"> Use the button below to set up your account and get started:
<table class="email-body_inner" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation"> </p>
<!-- Body content --> <!-- Action -->
<table class="body-action" align="center" width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tr> <tr>
<td class="content-cell"> <td align="center">
<div class="f-fallback"> <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
<h1>Hi, {{ email }}!</h1> <tr>
<p> <td align="center">
{{#if request}} <a href="{{ registrationUrl }}" class="f-fallback button" target="_blank">Set up account</a>
{{ request.inviter }} has invited you to use {{ company }}'s Budibase platform.< </td>
{{else}} </tr>
You've been invited to use {{ company }}'s Budibase platform. </table>
{{/if}}
Use the button below to set up your account and get started:
</p>
<!-- Action -->
<table class="body-action" align="center" width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
<tr>
<td align="center">
<a href="{{ registrationUrl }}" class="f-fallback button" target="_blank">Set up account</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<p>If you have any questions contact your Budibase platform administrator.</p>
<p>Welcome aboard,
<br>The {{ company }} Team</p>
<p><strong>P.S.</strong> Need help getting started? Check out our <a href="{{ docsUrl }}">help documentation</a>.</p>
<!-- Sub copy -->
<table class="body-sub" role="presentation">
<tr>
<td>
<p class="f-fallback sub">If youre having trouble with the button above, copy and paste the URL below into your web browser.</p>
<p class="f-fallback sub">{{ registrationUrl }}</p>
</td>
</tr>
</table>
</div>
</td> </td>
</tr> </tr>
</table> </table>
</td> <p>If you have any questions contact your Budibase platform administrator.</p>
</tr> <p>Welcome aboard,
</table> <br>The {{ company }} Team</p>
</td> <p><strong>P.S.</strong> Need help getting started? Check out our <a href="{{ docsUrl }}">help documentation</a>.</p>
</tr> <!-- Sub copy -->
</table> <table class="body-sub" role="presentation">
<tr>
<td>
<p class="f-fallback sub">If youre having trouble with the button above, copy and paste the URL below into your web browser.</p>
<p class="f-fallback sub">{{ registrationUrl }}</p>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>

View File

@ -1,62 +1,45 @@
<!-- Based on template: https://github.com/wildbit/postmark-templates/blob/master/templates/plain/password-reset/content.html --> <!-- Based on template: https://github.com/wildbit/postmark-templates/blob/master/templates/plain/password-reset/content.html -->
<span class="preheader">Use this link to reset your password. The link is only valid for 24 hours.</span> <tr>
<table class="email-wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation"> <td class="email-body" width="570" cellpadding="0" cellspacing="0">
<tr> <table class="email-body_inner" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
<td align="center"> <!-- Body content -->
<table class="email-content" width="100%" cellpadding="0" cellspacing="0" role="presentation"> <tr>
<tr> <td class="content-cell">
<td class="email-masthead"> <div class="f-fallback">
<a href="{{ platformUrl }}" class="f-fallback email-masthead_name"> <h1>Hi {{ email }},</h1>
{{ company }} <p>You recently requested to reset your password for your {{ company }} account in your Budibase platform. Use the button below to reset it. <strong>This password reset is only valid for the next 24 hours.</strong></p>
</a> <!-- Action -->
</td> <table class="body-action" align="center" width="100%" cellpadding="0" cellspacing="0" role="presentation">
</tr>
<!-- Email Body -->
<tr>
<td class="email-body" width="570" cellpadding="0" cellspacing="0">
<table class="email-body_inner" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
<!-- Body content -->
<tr> <tr>
<td class="content-cell"> <td align="center">
<div class="f-fallback"> <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
<h1>Hi {{ email }},</h1> <tr>
<p>You recently requested to reset your password for your {{ company }} account in your Budibase platform. Use the button below to reset it. <strong>This password reset is only valid for the next 24 hours.</strong></p> <td align="center">
<!-- Action --> <a href="{{ resetUrl }}" class="f-fallback button button--green" target="_blank">Reset your password</a>
<table class="body-action" align="center" width="100%" cellpadding="0" cellspacing="0" role="presentation"> </td>
<tr> </tr>
<td align="center"> </table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
<tr>
<td align="center">
<a href="{{ resetUrl }}" class="f-fallback button button--green" target="_blank">Reset your password</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
{{#if request}}
<p>For security, this request was received from a {{ request.os }} device.</p>
{{/if}}
<p>If you did not request a password reset, please ignore this email or contact support if you have questions.</p>
<p>Thanks,
<br>The {{ company }} Team</p>
<!-- Sub copy -->
<table class="body-sub" role="presentation">
<tr>
<td>
<p class="f-fallback sub">If youre having trouble with the button above, copy and paste the URL below into your web browser.</p>
<p class="f-fallback sub">{{ resetUrl }}</p>
</td>
</tr>
</table>
</div>
</td> </td>
</tr> </tr>
</table> </table>
</td> {{#if request}}
</tr> <p>For security, this request was received from a {{ request.os }} device.</p>
</table> {{/if}}
</td> <p>If you did not request a password reset, please ignore this email or contact support if you have questions.</p>
</tr> <p>Thanks,
</table> <br>The {{ company }} Team</p>
<!-- Sub copy -->
<table class="body-sub" role="presentation">
<tr>
<td>
<p class="f-fallback sub">If youre having trouble with the button above, copy and paste the URL below into your web browser.</p>
<p class="f-fallback sub">{{ resetUrl }}</p>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>

View File

@ -1,62 +1,45 @@
<!-- Based on template: https://github.com/wildbit/postmark-templates/blob/master/templates/plain/welcome/content.html --> <!-- Based on template: https://github.com/wildbit/postmark-templates/blob/master/templates/plain/welcome/content.html -->
<span class="preheader">Thanks for trying out [Product Name]. Weve pulled together some information and resources to help you get started.</span> <tr>
<table class="email-wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation"> <td class="email-body" width="570" cellpadding="0" cellspacing="0">
<tr> <table class="email-body_inner" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
<td align="center"> <!-- Body content -->
<table class="email-content" width="100%" cellpadding="0" cellspacing="0" role="presentation"> <tr>
<tr> <td class="content-cell">
<td class="email-masthead"> <div class="f-fallback">
<a href="https://example.com" class="f-fallback email-masthead_name"> <h1>Welcome, {{ email }}!</h1>
{{ company }} <p>Thanks for getting started with {{ company }}'s Budibase platform.</p>
</a> <p>For reference, here's your login information:</p>
</td> <table class="attributes" width="100%" cellpadding="0" cellspacing="0" role="presentation">
</tr>
<!-- Email Body -->
<tr>
<td class="email-body" width="570" cellpadding="0" cellspacing="0">
<table class="email-body_inner" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
<!-- Body content -->
<tr> <tr>
<td class="content-cell"> <td class="attributes_content">
<div class="f-fallback"> <table width="100%" cellpadding="0" cellspacing="0" role="presentation">
<h1>Welcome, {{ email }}!</h1> <tr>
<p>Thanks for getting started with {{ company }}'s Budibase platform.</p> <td class="attributes_item">
<p>For reference, here's your login information:</p> <span class="f-fallback">
<table class="attributes" width="100%" cellpadding="0" cellspacing="0" role="presentation"> <strong>Login Page:</strong> <a href="{{ loginUrl }}">{{ loginUrl }}</a>
</span>
</td>
</tr>
{{#if request}}
<tr> <tr>
<td class="attributes_content"> <td class="attributes_item">
<table width="100%" cellpadding="0" cellspacing="0" role="presentation"> <span class="f-fallback">
<tr> <strong>Username:</strong> {{ request.loginUsername }}
<td class="attributes_item"> </span>
<span class="f-fallback">
<strong>Login Page:</strong> <a href="{{ loginUrl }}">{{ loginUrl }}</a>
</span>
</td>
</tr>
{{#if request}}
<tr>
<td class="attributes_item">
<span class="f-fallback">
<strong>Username:</strong> {{ request.loginUsername }}
</span>
</td>
</tr>
{{/if}}
</table>
</td> </td>
</tr> </tr>
</table> {{/if}}
<p>If you have any questions get in contact with your {{ company }}'s Budibase platform administration team.</p> </table>
<p>Thanks,
<br>The {{ company }} Team</p>
<p><strong>P.S.</strong> Need immediate help getting started? Check out our <a href="{{ docsUrl }}">help documentation</a>.</p>
</div>
</td> </td>
</tr> </tr>
</table> </table>
</td> <p>If you have any questions get in contact with your {{ company }}'s Budibase platform administration team.</p>
</tr> <p>Thanks,
</table> <br>The {{ company }} Team</p>
</td> <p><strong>P.S.</strong> Need immediate help getting started? Check out our <a href="{{ docsUrl }}">help documentation</a>.</p>
</tr> </div>
</table> </td>
</tr>
</table>
</td>
</tr>