ufkc7e3d
/
budibase
forked from tsai/budibase
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

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

gh-pages
mike12345567 6 years ago
parent
02031ce8c9
commit
02dafebe38
4 changed files with 143 additions and 177 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 25
      packages/worker/src/constants/templates/base.hbs
  2. 107
      packages/worker/src/constants/templates/invitation.hbs
  3. 97
      packages/worker/src/constants/templates/passwordRecovery.hbs
  4. 91
      packages/worker/src/constants/templates/welcome.hbs

25
packages/worker/src/constants/templates/base.hbs
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>

107
packages/worker/src/constants/templates/invitation.hbs
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 you’re 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 you’re 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>

97
packages/worker/src/constants/templates/passwordRecovery.hbs
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 you’re 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 you’re 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>

91
packages/worker/src/constants/templates/welcome.hbs
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]. We’ve 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>
Write Preview
Loading…
Cancel
Save