lfk/mailer
3
0
Fork 0
Code Issues Pull Requests Actions Projects Releases 3 Wiki Activity

Added language keys for test mails

Browse Source
This commit is contained in:
Nicolai Ort 2021-03-01 18:00:26 +01:00
parent 0926f31fac
commit 8ab80fd7ed
3 changed files with 153 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/locales/en.json
View File

@ -1,3 +1,10 @@
{ {
"subject_reset": "{{copyright_owner}} password reset" "subject_reset": "{{copyright_owner}} password reset",
"lfk-mail-test": "LfK! - Mail test",
"test-mail": "Test mail",
"this-is-a-test-mail-triggered-by-an-admin-in-the-lfk-backend": "This is a test mail triggered by an admin in the LfK! backend.",
"all-rights-reserved": "All rights reserved.",
"imprint": "Imprint",
"privacy": "Privacy",
"this-mail-was-sent-to-recipient_mail-because-someone-request-a-mail-test-for-this-mail-address": "This mail was sent to {{recipient_mail}} because someone request a mail test for this mail address."
} }

157
src/templates/test.html
View File

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="de" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml"> <html lang="de" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:v="urn:schemas-microsoft-com:vml">
<head> <head>
<title>LfK! - Mail test</title> <!-- The title tag shows in email notifications, like Android 4.4. --> <title>LfK! - Mail test</title> <!-- The title tag shows in email notifications, like Android 4.4. -->
<meta charset="utf-8"> <!-- utf-8 works for most cases --> <meta charset="utf-8"> <!-- utf-8 works for most cases -->
@ -8,7 +9,8 @@
<meta name="viewport" content="width=device-width"> <!-- Forcing initial-scale shouldn't be necessary --> <meta name="viewport" content="width=device-width"> <!-- Forcing initial-scale shouldn't be necessary -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Use the latest (edge) version of IE rendering engine --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Use the latest (edge) version of IE rendering engine -->
<meta name="x-apple-disable-message-reformatting"> <!-- Disable auto-scale in iOS 10 Mail entirely --> <meta name="x-apple-disable-message-reformatting"> <!-- Disable auto-scale in iOS 10 Mail entirely -->
<meta name="format-detection" content="telephone=no,address=no,email=no,date=no,url=no"> <!-- Tell iOS not to automatically link certain text strings. --> <meta name="format-detection" content="telephone=no,address=no,email=no,date=no,url=no">
<!-- Tell iOS not to automatically link certain text strings. -->
<!-- CSS Reset : BEGIN --> <!-- CSS Reset : BEGIN -->
<style> <style>
@ -77,8 +79,12 @@
font-weight: inherit !important; font-weight: inherit !important;
line-height: inherit !important; line-height: inherit !important;
} }
u + #body a, /* Gmail */
#MessageViewBody a /* Samsung Mail */ u+#body a,
/* Gmail */
#MessageViewBody a
/* Samsung Mail */
{ {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
@ -98,6 +104,7 @@
display: none !important; display: none !important;
opacity: 0.01 !important; opacity: 0.01 !important;
} }
/* If the above doesn't work, add a .g-img class to any image in question. */ /* If the above doesn't work, add a .g-img class to any image in question. */
img.g-img+div { img.g-img+div {
display: none !important; display: none !important;
@ -112,12 +119,14 @@
min-width: 320px !important; min-width: 320px !important;
} }
} }
/* iPhone 6, 6S, 7, 8, and X */ /* iPhone 6, 6S, 7, 8, and X */
@media only screen and (min-device-width: 375px) and (max-device-width: 413px) { @media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
u~div .email-container { u~div .email-container {
min-width: 375px !important; min-width: 375px !important;
} }
} }
/* iPhone 6+, 7+, and 8+ */ /* iPhone 6+, 7+, and 8+ */
@media only screen and (min-device-width: 414px) { @media only screen and (min-device-width: 414px) {
u~div .email-container { u~div .email-container {
@ -144,14 +153,17 @@
background: #0077CC !important; background: #0077CC !important;
border-color: #0077CC !important; border-color: #0077CC !important;
} }
.s-btn__white:hover { .s-btn__white:hover {
background: #EFF0F1 !important; background: #EFF0F1 !important;
border-color: #EFF0F1 !important; border-color: #EFF0F1 !important;
} }
.s-btn__outlined:hover { .s-btn__outlined:hover {
background: rgba(0, 119, 204, .05) !important; background: rgba(0, 119, 204, .05) !important;
color: #005999 !important; color: #005999 !important;
} }
.s-tag:hover, .s-tag:hover,
.post-tag:hover { .post-tag:hover {
border-color: #cee0ed !important; border-color: #cee0ed !important;
@ -174,6 +186,7 @@
line-height: inherit; line-height: inherit;
font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, sans-serif; font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, sans-serif;
} }
pre { pre {
margin: 0 0 15px; margin: 0 0 15px;
line-height: 17px; line-height: 17px;
@ -182,6 +195,7 @@
border-radius: 3px; border-radius: 3px;
overflow-x: auto; overflow-x: auto;
} }
pre code { pre code {
margin: 0 0 15px; margin: 0 0 15px;
padding: 0; padding: 0;
@ -196,6 +210,7 @@
background-color: #FFF8DC; background-color: #FFF8DC;
border-left: 2px solid #ffeb8e; border-left: 2px solid #ffeb8e;
} }
blockquote p { blockquote p {
padding: 4px 0; padding: 4px 0;
margin: 0; margin: 0;
@ -206,16 +221,19 @@
.bar { .bar {
border-radius: 5px; border-radius: 5px;
} }
.btr { .btr {
border-top-left-radius: 5px; border-top-left-radius: 5px;
border-top-right-radius: 5px; border-top-right-radius: 5px;
} }
.bbr { .bbr {
border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
} }
@media screen and (max-width: 680px) { @media screen and (max-width: 680px) {
/* What it does: Forces table cells into full-width rows. */ /* What it does: Forces table cells into full-width rows. */
.stack-column, .stack-column,
.stack-column-center { .stack-column-center {
@ -224,6 +242,7 @@
max-width: 100% !important; max-width: 100% !important;
direction: ltr !important; direction: ltr !important;
} }
/* And center justify these ones. */ /* And center justify these ones. */
.stack-column-center { .stack-column-center {
text-align: center !important; text-align: center !important;
@ -238,22 +257,69 @@
} }
/* What it does: Utility classes to reduce spacing for smaller viewports. */ /* What it does: Utility classes to reduce spacing for smaller viewports. */
.sm-p-none {padding: 0 !important;} .sm-p-none {
.sm-pt-none {padding-top: 0 !important;} padding: 0 !important;
.sm-pb-none {padding-bottom: 0 !important;} }
.sm-pr-none {padding-right: 0 !important;}
.sm-pl-none {padding-left: 0 !important;}
.sm-px-none {padding-left: 0 !important; padding-right: 0 !important;}
.sm-py-none {padding-top: 0 !important; padding-bottom: 0 !important;}
.sm-p {padding: 20px !important;} .sm-pt-none {
.sm-pt {padding-top: 20px !important;} padding-top: 0 !important;
.sm-pb {padding-bottom: 20px !important;} }
.sm-pr {padding-right: 20px !important;}
.sm-pl {padding-left: 20px !important;} .sm-pb-none {
.sm-px {padding-left: 20px !important; padding-right: 20px !important;} padding-bottom: 0 !important;
.sm-py {padding-top: 20px !important; padding-bottom: 20px !important;} }
.sm-mb {margin-bottom: 20px !important;}
.sm-pr-none {
padding-right: 0 !important;
}
.sm-pl-none {
padding-left: 0 !important;
}
.sm-px-none {
padding-left: 0 !important;
padding-right: 0 !important;
}
.sm-py-none {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.sm-p {
padding: 20px !important;
}
.sm-pt {
padding-top: 20px !important;
}
.sm-pb {
padding-bottom: 20px !important;
}
.sm-pr {
padding-right: 20px !important;
}
.sm-pl {
padding-left: 20px !important;
}
.sm-px {
padding-left: 20px !important;
padding-right: 20px !important;
}
.sm-py {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.sm-mb {
margin-bottom: 20px !important;
}
/* What it does: Utility classes to kill border radius for smaller viewports. Used mainly on the email's main container(s). */ /* What it does: Utility classes to kill border radius for smaller viewports. Used mainly on the email's main container(s). */
.bar, .bar,
@ -275,6 +341,7 @@
2. center tag: for Gmail and Inbox mobile apps and web versions of Gmail, GSuite, Inbox, Yahoo, AOL, Libero, Comcast, freenet, Mail.ru, Orange.fr 2. center tag: for Gmail and Inbox mobile apps and web versions of Gmail, GSuite, Inbox, Yahoo, AOL, Libero, Comcast, freenet, Mail.ru, Orange.fr
3. mso conditional: For Windows 10 Mail 3. mso conditional: For Windows 10 Mail
--> -->
<body width="100%" style="margin: 0; padding: 0 !important; background: #f3f3f5; mso-line-height-rule: exactly;"> <body width="100%" style="margin: 0; padding: 0 !important; background: #f3f3f5; mso-line-height-rule: exactly;">
<center style="width: 100%; background: #f3f3f5;"> <center style="width: 100%; background: #f3f3f5;">
<!--[if mso | IE]> <!--[if mso | IE]>
@ -284,8 +351,9 @@
<![endif]--> <![endif]-->
<!-- Visually Hidden Preview Text : BEGIN --> <!-- Visually Hidden Preview Text : BEGIN -->
<div style="display: none; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: sans-serif;"> <div
LfK! - Mail test style="display: none; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: sans-serif;">
{{__ "lfk-mail-test"}}
</div> </div>
<!-- Visually Hidden Preview Text : END --> <!-- Visually Hidden Preview Text : END -->
@ -300,14 +368,21 @@
<td style="padding: 30px; background-color: #ffffff;" class="sm-p bar"> <td style="padding: 30px; background-color: #ffffff;" class="sm-p bar">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
<tr> <tr>
<td style="padding-bottom: 15px; font-family: arial, sans-serif; font-size: 15px; line-height: 21px; color: #3C3F44; text-align: left;"> <td
<h1 style="font-weight: bold; font-size: 27px; line-height: 27px; color: #0C0D0E; margin: 0 0 15px 0;">LfK!</h1> style="padding-bottom: 15px; font-family: arial, sans-serif; font-size: 15px; line-height: 21px; color: #3C3F44; text-align: left;">
<h1
style="font-weight: bold; font-size: 27px; line-height: 27px; color: #0C0D0E; margin: 0 0 15px 0;">
LfK!</h1>
</td> </td>
</tr> </tr>
<tr> <tr>
<td style="padding-bottom: 15px; font-family: arial, sans-serif; font-size: 15px; line-height: 21px; color: #3C3F44; text-align: left;"> <td
<h1 style="font-weight: bold; font-size: 21px; line-height: 21px; color: #0C0D0E; margin: 0 0 15px 0;">Test mail</h1> style="padding-bottom: 15px; font-family: arial, sans-serif; font-size: 15px; line-height: 21px; color: #3C3F44; text-align: left;">
<p style="margin: 0 0 15px;" class="has-markdown">This is a test mail triggered by an admin in the LfK! backend.</p> <h1
style="font-weight: bold; font-size: 21px; line-height: 21px; color: #0C0D0E; margin: 0 0 15px 0;">
{{__ "test-mail"}}</h1>
<p style="margin: 0 0 15px;" class="has-markdown">{{__
"this-is-a-test-mail-triggered-by-an-admin-in-the-lfk-backend"}}</p>
</td> </td>
</tr> </tr>
</table> </table>
@ -326,31 +401,40 @@
<table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"> <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<!-- Subscription Info : BEGIN --> <!-- Subscription Info : BEGIN -->
<tr> <tr>
<td style="padding-bottom: 10px; font-size: 12px; line-height: 15px; font-family: arial, sans-serif; color: #9199A1; text-align: left;"> <td
Copyright © {{copyright_owner}}. All rights reserved. style="padding-bottom: 10px; font-size: 12px; line-height: 15px; font-family: arial, sans-serif; color: #9199A1; text-align: left;">
Copyright © {{copyright_owner}}. {{__ "all-rights-reserved"}}
</td> </td>
</tr> </tr>
<tr> <tr>
<td style="font-size: 12px; line-height: 15px; font-family: arial, sans-serif; color: #9199A1; text-align: left;"> <td
<a href="{{link_imprint}}" style="font-size: 12px; line-height: 15px; font-family: arial, sans-serif; color: #9199A1; text-align: left;">
style="color: #9199A1; text-decoration: underline;">Imprint</a>&nbsp;&nbsp;&nbsp;&nbsp; <a href="{{link_imprint}}" style="color: #9199A1; text-decoration: underline;">{{__
<a href="{{link_privacy}}" style="color: #9199A1; text-decoration: underline;">Privacy</a> "imprint"}}</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="{{link_privacy}}" style="color: #9199A1; text-decoration: underline;">{{__
"privacy"}}</a>
</td> </td>
</tr> </tr>
<!-- Subscription Info : BEGIN --> <!-- Subscription Info : BEGIN -->
<!-- HR line : BEGIN --> <!-- HR line : BEGIN -->
<tr> <tr>
<td style="padding: 30px 0;" width="100%" class="sm-py"> <td style="padding: 30px 0;" width="100%" class="sm-py">
<table aria-hidden="true" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%"> <table aria-hidden="true" border="0" cellpadding="0" cellspacing="0"
role="presentation" style="width:100%">
<tr> <tr>
<td height="1" width="100%" style="font-size: 0; line-height: 0; border-top: 1px solid #D6D8DB;">&nbsp;</td> <td height="1" width="100%"
style="font-size: 0; line-height: 0; border-top: 1px solid #D6D8DB;">
&nbsp;</td>
</tr> </tr>
</table> </table>
</td> </td>
</tr> </tr>
<!-- HR line : END --> <!-- HR line : END -->
<tr> <tr>
<td style="padding-bottom: 5px; font-size: 12px; line-height: 15px; font-family: arial, sans-serif; color: #9199A1; text-align: left;">This mail was sent to <strong>{{recipient_mail}}</strong> because someone request a mail test for this mail address.</td> <td
style="padding-bottom: 5px; font-size: 12px; line-height: 15px; font-family: arial, sans-serif; color: #9199A1; text-align: left;">
{{__
"this-mail-was-sent-to-recipient_mail-because-someone-request-a-mail-test-for-this-mail-address"}}
</tr> </tr>
<!-- Sender Info : END --> <!-- Sender Info : END -->
</table> </table>
@ -366,4 +450,5 @@
<![endif]--> <![endif]-->
</center> </center>
</body> </body>
</html> </html>

11
src/templates/test.txt
View File

@ -1,8 +1,7 @@
LfK! - Mail test. {{__ "lfk-mail-test"}}.
This is a test mail triggered by an admin in the LfK! backend. {{__ "this-is-a-test-mail-triggered-by-an-admin-in-the-lfk-backend"}}
Copyright © {{copyright_owner}}. {{__ "all-rights-reserved"}}.
Copyright © {{copyright_owner}}. All rights reserved. {{__ "imprint"}}: {{link_imprint}} | {{__ "privacy"}}: {{link_privacy}}
Imprint: {{link_imprint}} | Privacy: {{link_privacy}} {{__ "this-mail-was-sent-to-recipient_mail-because-someone-request-a-mail-test-for-this-mail-address"}}
This mail was sent to {{recipient_mail}} because someone requested a mail test for this mail address.