Skip to content

Commit 6c5ee1e

Browse files
committed
Code for step 4
1 parent 315c95c commit 6c5ee1e

File tree

3 files changed

+40
-14
lines changed

3 files changed

+40
-14
lines changed

lib/mjml_demo/accounts/user_notifier.ex

+1-14
Original file line numberDiff line numberDiff line change
@@ -15,20 +15,7 @@ defmodule MjmlDemo.Accounts.UserNotifier do
1515
Deliver instructions to confirm account.
1616
"""
1717
def deliver_confirmation_instructions(user, url) do
18-
deliver(user.email, """
19-
20-
==============================
21-
22-
Hi #{user.email},
23-
24-
You can confirm your account by visiting the URL below:
25-
26-
#{url}
27-
28-
If you didn't create an account with us, please ignore this.
29-
30-
==============================
31-
""")
18+
MjmlDemo.Emails.confirmation_instructions(user, url)
3219
end
3320

3421
@doc """
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
defmodule MjmlDemo.Emails.ConfirmationInstructions do
2+
@template_path Path.join([__DIR__, "confirmation_instructions.mjml"])
3+
@external_resource @template_path
4+
5+
require EEx
6+
7+
alias MjmlDemo.Emails
8+
9+
rendered_mjml = Emails.generate_template(@template_path)
10+
EEx.function_from_string(:def, :render, rendered_mjml, [:assigns])
11+
end
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<mjml>
2+
<mj-body background-color="#ffffff">
3+
<mj-section background-color="#ffffff" padding-bottom="0px" padding-top="0">
4+
<mj-column vertical-align="top" width="100%">
5+
<mj-image src="https://images.unsplash.com/photo-1527247043589-98e6ac08f56c?width=600&crop=fit" align="center" border="none" width="600px" padding-left="0px" padding-right="0px" padding-bottom="0px" padding-top="0"></mj-image>
6+
</mj-column>
7+
</mj-section>
8+
<mj-section background-color="#009FE3" padding-bottom="0px" padding-top="0">
9+
<mj-column vertical-align="top" width="100%">
10+
<mj-text align="left" color="#ffffff" font-size="36px" font-weight="bold" font-family="open Sans Helvetica, Arial, sans-serif" padding-left="25px" padding-right="25px" padding-bottom="10px" padding-top="50px">Welcome to SaaS-Central!</mj-text>
11+
</mj-column>
12+
</mj-section>
13+
<mj-section background-color="#009fe3" padding-bottom="20px" padding-top="20px">
14+
<mj-column vertical-align="middle" width="100%">
15+
<mj-text align="left" color="#ffffff" font-size="22px" font-family="open Sans Helvetica, Arial, sans-serif" padding-left="25px" padding-right="25px">
16+
<span style="color:#FEEB35">Dear {{ first_name }} {{ last_name }}</span>
17+
</mj-text>
18+
19+
<mj-text align="left" color="#ffffff" font-size="20px" font-family="open Sans Helvetica, Arial, sans-serif" padding-left="25px" padding-right="25px" padding-top="20px">
20+
Thank you for signing up for a {{ tier }} plan! We're glad to have you onboard. Please click the button below to confirm your account!
21+
</mj-text>
22+
<mj-button align="center" font-size="22px" padding-top="25px" href="{{ confirmation_url }}" font-weight="bold" background-color="#ffffff" border-radius="10px" color="#1AA0E1" font-family="open Sans Helvetica, Arial, sans-serif">
23+
Confirm Account
24+
</mj-button>
25+
</mj-column>
26+
</mj-section>
27+
</mj-body>
28+
</mjml>

0 commit comments

Comments
 (0)