x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<iframe id="emailIframe" width="100%" scrolling="no" style="border: none;" onload="setHeight()" srcdoc="<!DOCTYPE html><html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" lang="en"><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><!--[if mso]><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch><o:AllowPNG/></o:OfficeDocumentSettings></xml><![endif]--><style>*{box-sizing:border-box}body{margin:0;padding:0}a[x-apple-data-detectors]{color:inherit!important;text-decoration:inherit!important}#MessageViewBody a{color:inherit;text-decoration:none}p{line-height:inherit}.desktop_hide,.desktop_hide table{mso-hide:all;display:none;max-height:0;overflow:hidden}.image_block img+div{display:none}sub,sup{font-size:75%;line-height:0} @media (max-width:520px){.mobile_hide{display:none}.row-content{width:100%!important}.stack .column{width:100%;display:block}.mobile_hide{min-height:0;max-height:0;max-width:0;overflow:hidden;font-size:0}.desktop_hide,.desktop_hide table{display:table!important;max-height:none!important}}</style><!--[if mso ]><style>sup, sub { font-size: 100% !important; } sup { mso-text-raise:10% } sub { mso-text-raise:-10% }</style> <![endif]--></head><body class="body" style="background-color:#fff;margin:0;padding:0;-webkit-text-size-adjust:none;text-size-adjust:none"><table class="nl-container" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;background-color:#fff"><tbody><tr><td><table class="row row-1" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0"><tbody><tr><td><table class="row-content stack" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;color:#000;width:500px;margin:0 auto" width="500"><tbody><tr><td class="column column-1" width="100%" style="mso-table-lspace:0;mso-table-rspace:0;font-weight:400;text-align:left;border-bottom:0 solid transparent;border-left:0 solid transparent;border-right:0 solid transparent;border-top:0 solid transparent;padding-bottom:5px;padding-top:5px;vertical-align:top"><table class="paragraph_block block-1" width="100%" border="0" cellpadding="10" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;word-break:break-word"><tbody><tr><td class="pad"><div style="color:#000;direction:ltr;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:120%;text-align:left;mso-line-height-alt:16.8px"><p style="margin:0;margin-bottom:16px">Dear Users,</p><p style="margin:0;margin-bottom:16px">This is the list of <strong>AppInstances </strong>that are down or which URLs cannot be resolved (problems with ingress).</p><p style="margin:0;margin-bottom:16px"><strong>AppInstances Down:</strong></p><p style="margin:0;margin-bottom:16px"></p><ul><li>Partner: DevOps<br>App: core - ID: 128<br>URL: <a href="https://r.mailer.theloop.pt/tr/cl/pYnSAttqLJxYs9M9NtlBI2Pt5sUMkAfGB2AWFimlh1da6fh9mPQv5V5FE9TPJ-Sh-WP8HzX78CSOtNvTmOBKw0m_yX2y-rESqb5vb-P9Kx_EEx4Sy4vrbFe5HGzp74aabEtSRHutMVWALs59tCzN31nbIzldbZd4tM2reND3E9hNb9hHl_5tIp1m-kVK-54hCxrbzTnzPfLCHPV4Tz93BbiFh6mBijaeCFp6eVdmsvkYTIniRCmY3k8G0d-doSG6owePqpJGlidS4RpG6-kElXV65b6cWyS2kFJwpVorPKVbRGR6Kw">https://core.devops.loop-os-2.devlocal.theloop.tech</a></li></ul><p></p><p style="margin:0;margin-bottom:16px"> </p><p style="margin:0;margin-bottom:16px"><strong>AppInstances with ingress with problems:</strong></p><p style="margin:0"></p><ul></ul><p></p></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><!-- End --></body></html>" ></iframe><script> function setHeight() { var child = document.getElementById('emailIframe'); child.style.height = child.contentWindow.document.body.scrollHeight + "px"; }</script>EmailPreview
The Email Preview component allows users to view and review an email, simulating the recipient’s experience.
Related components
-
Usage rules
-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<%= render LooposUi::EmailPreview.new(email_message: '<!DOCTYPE html><html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" lang="en"><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><!--[if mso]><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch><o:AllowPNG/></o:OfficeDocumentSettings></xml><![endif]--><style>*{box-sizing:border-box}body{margin:0;padding:0}a[x-apple-data-detectors]{color:inherit!important;text-decoration:inherit!important}#MessageViewBody a{color:inherit;text-decoration:none}p{line-height:inherit}.desktop_hide,.desktop_hide table{mso-hide:all;display:none;max-height:0;overflow:hidden}.image_block img+div{display:none}sub,sup{font-size:75%;line-height:0} @media (max-width:520px){.mobile_hide{display:none}.row-content{width:100%!important}.stack .column{width:100%;display:block}.mobile_hide{min-height:0;max-height:0;max-width:0;overflow:hidden;font-size:0}.desktop_hide,.desktop_hide table{display:table!important;max-height:none!important}}</style><!--[if mso ]><style>sup, sub { font-size: 100% !important; } sup { mso-text-raise:10% } sub { mso-text-raise:-10% }</style> <![endif]--></head><body class="body" style="background-color:#fff;margin:0;padding:0;-webkit-text-size-adjust:none;text-size-adjust:none"><table class="nl-container" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;background-color:#fff"><tbody><tr><td><table class="row row-1" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0"><tbody><tr><td><table class="row-content stack" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;color:#000;width:500px;margin:0 auto" width="500"><tbody><tr><td class="column column-1" width="100%" style="mso-table-lspace:0;mso-table-rspace:0;font-weight:400;text-align:left;border-bottom:0 solid transparent;border-left:0 solid transparent;border-right:0 solid transparent;border-top:0 solid transparent;padding-bottom:5px;padding-top:5px;vertical-align:top"><table class="paragraph_block block-1" width="100%" border="0" cellpadding="10" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;word-break:break-word"><tbody><tr><td class="pad"><div style="color:#000;direction:ltr;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:120%;text-align:left;mso-line-height-alt:16.8px"><p style="margin:0;margin-bottom:16px">Dear Users,</p><p style="margin:0;margin-bottom:16px">This is the list of <strong>AppInstances </strong>that are down or which URLs cannot be resolved (problems with ingress).</p><p style="margin:0;margin-bottom:16px"><strong>AppInstances Down:</strong></p><p style="margin:0;margin-bottom:16px"></p><ul><li>Partner: DevOps<br>App: core - ID: 128<br>URL: <a href="https://r.mailer.theloop.pt/tr/cl/pYnSAttqLJxYs9M9NtlBI2Pt5sUMkAfGB2AWFimlh1da6fh9mPQv5V5FE9TPJ-Sh-WP8HzX78CSOtNvTmOBKw0m_yX2y-rESqb5vb-P9Kx_EEx4Sy4vrbFe5HGzp74aabEtSRHutMVWALs59tCzN31nbIzldbZd4tM2reND3E9hNb9hHl_5tIp1m-kVK-54hCxrbzTnzPfLCHPV4Tz93BbiFh6mBijaeCFp6eVdmsvkYTIniRCmY3k8G0d-doSG6owePqpJGlidS4RpG6-kElXV65b6cWyS2kFJwpVorPKVbRGR6Kw">https://core.devops.loop-os-2.devlocal.theloop.tech</a></li></ul><p></p><p style="margin:0;margin-bottom:16px"> </p><p style="margin:0;margin-bottom:16px"><strong>AppInstances with ingress with problems:</strong></p><p style="margin:0"></p><ul></ul><p></p></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><!-- End --></body></html>') %>No notes provided.
No params configured.
Description
The Email Preview component allows users to view and review an email, simulating the recipient’s experience.
Arguments
| Property | Default | Description |
|---|---|---|
email_message |
- | Var with email content |