Skip to content

Commit

Permalink
Merge pull request #1 from Ilhasoft/feature/email
Browse files Browse the repository at this point in the history 
Feature/email
  • Loading branch information
@dyohan9
dyohan9 authored Jan 22, 2021
2 parents 8b0c442 + 250c3ca commit 4435bf0
Show file tree
Hide file tree
Showing 23 changed files with 454 additions and 2 deletions.
4 changes: 2 additions & 2 deletions docker-compose.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,8 @@ services:
dockerfile: Dockerfile
ports:
- "8080:8080"
# volumes:
# - ./themes/ilhasoft/:/opt/jboss/keycloak/themes/ilhasoft/
volumes:
- ./themes/ilhasoft/:/opt/jboss/keycloak/themes/ilhasoft/
# - ./standalone.xml:/opt/jboss/keycloak/standalone/configuration/standalone.xml
environment:
KEYCLOAK_USER: "admin"
Expand Down
Binary file modified themes/ilhasoft/account/resources/img/favicon.ico
View file
Binary file not shown.
40 changes: 40 additions & 0 deletions themes/ilhasoft/email/html/email-test.ftl
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>
<div>
<div style="width: 670px; min-height: 724px;">
<header style="width: 670px; height: 52px; border-bottom: 1px solid #E2E6ED;">
<img src="https://weni-media-sp.s3-sa-east-1.amazonaws.com/logo/Logo.png" alt="Weni-Logo" style="margin-left: 24px; margin-top: 10px;"/>
</header>
<section style="width: 574px; min-height: 280px; margin: 50px auto;">
<div style="font-family: Lato; font-weight: bold; font-size: 20px; line-height: 28px; color: #262626; margin-top: 24px;">
${msg("emailTestBodyHtml",realmName)?no_esc}
</div>
</section>

<footer style="width: 670px;height: 150px; border-top: 1px solid #E2E6ED; border-bottom: 8px solid #262626;margin: auto; text-align: center;">

<img src="https://weni-media-sp.s3-sa-east-1.amazonaws.com/logo/Logo-small.png" alt="Weni-Logo" style="margin: 15px 0;"/>


<div style="width: 450px; font-size: 12px;line-height: 20px;margin: auto;">
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Visite o nosso site</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Facebook</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Instagram</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Twitter</a>
</div>

${msg("emailCopyright")?no_esc}

${msg("emailFooterText")?no_esc}
</footer>
</div>
</div>
</body>
</html>
51 changes: 51 additions & 0 deletions themes/ilhasoft/email/html/email-verification.ftl
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>
<div>
<div style="width: 670px; min-height: 724px;">
<header style="width: 670px; height: 52px; border-bottom: 1px solid #E2E6ED;">
<img src="https://weni-media-sp.s3-sa-east-1.amazonaws.com/logo/Logo.png" alt="Weni-Logo" style="margin-left: 24px; margin-top: 10px;"/>
</header>
<section style="width: 574px; min-height: 280px; margin: 50px auto;">
<div style="font-family: Lato; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #808080;"> ${msg("emailVerificationWelcome",user.firstName)?no_esc}</div>

<div style="font-family: Lato; font-weight: bold; font-size: 20px; line-height: 28px; color: #262626; margin-top: 24px;">
${msg("emailVerificationConfirmation")?no_esc}
</div>

${msg("emailVerificationText", linkExpiration)?no_esc}

<div style="cursor:pointer; margin: auto; width: 400px; text-align: center;background: #3B414D;color: #FFFFFF;font-size: 16px;
font-family: Lato;margin-top:20px;border-radius: 4px; padding: 1px 0; margin-bottom: 14px;">
${msg("emailVerificationConfirmationButton", link)?no_esc}
</div>

<div style="text-align: center; cursor:pointer; color: #9CACCC; font-family: Lato;font-style: normal;font-weight: normal;font-size: 12px;line-height: 20px; text-align: center;max-width:574px; word-break: break-all;">${link}</div>
</section>

<footer style="width: 670px;height: 150px; border-top: 1px solid #E2E6ED; border-bottom: 8px solid #262626;margin: auto; text-align: center;">

<img src="https://weni-media-sp.s3-sa-east-1.amazonaws.com/logo/Logo-small.png" alt="Weni-Logo" style="margin: 15px 0;"/>


<div style="width: 450px; font-size: 12px;line-height: 20px;margin: auto;">
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">${msg("emailAccessOurSite")?no_esc}</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Facebook</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Instagram</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Twitter</a>
</div>

${msg("emailCopyright")?no_esc}

${msg("emailFooterText")?no_esc}
</footer>
</div>
</div>
</body>
</html>
41 changes: 41 additions & 0 deletions themes/ilhasoft/email/html/event-login_error.ftl
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>
<div>
<div style="width: 670px; min-height: 724px;">
<header style="width: 670px; height: 52px; border-bottom: 1px solid #E2E6ED;">
<img src="https://weni-media-sp.s3-sa-east-1.amazonaws.com/logo/Logo.png" alt="Weni-Logo" style="margin-left: 24px; margin-top: 10px;"/>
</header>
<section style="width: 574px; min-height: 280px; margin: 50px auto;">
<div style="font-family: Lato; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #808080;"> Hi, <span style="font-family: Lato;color: #262626; font-size: 20px; font-weight: bold; font-style: normal;">${user.firstName}!</span></div>

<div style="font-family: Lato; font-weight: bold; font-size: 20px; line-height: 28px; color: #262626; margin-top: 24px;">
${msg("eventLoginErrorBodyHtml",event.date,event.ipAddress)?no_esc}
</div>

</section>

<footer style="width: 670px;height: 150px; border-top: 1px solid #E2E6ED; border-bottom: 8px solid #262626;margin: auto; text-align: center;">

<img src="https://weni-media-sp.s3-sa-east-1.amazonaws.com/logo/Logo-small.png" alt="Weni-Logo" style="margin: 15px 0;"/>


<div style="width: 450px; font-size: 12px;line-height: 20px;margin: auto;">
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">${msg("emailAccessOurSite")?no_esc}</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Facebook</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Instagram</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Twitter</a>
</div>

${msg("emailCopyright")?no_esc}
</footer>
</div>
</div>
</body>
</html>
41 changes: 41 additions & 0 deletions themes/ilhasoft/email/html/event-remove_totp.ftl
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>
<div>
<div style="width: 670px; min-height: 724px;">
<header style="width: 670px; height: 52px; border-bottom: 1px solid #E2E6ED;">
<img src="https://weni-media-sp.s3-sa-east-1.amazonaws.com/logo/Logo.png" alt="Weni-Logo" style="margin-left: 24px; margin-top: 10px;"/>
</header>
<section style="width: 574px; min-height: 280px; margin: 50px auto;">
<div style="font-family: Lato; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #808080;"> ${msg("emailVerificationWelcome",user.firstName)?no_esc}</div>

<div style="font-family: Lato; font-weight: bold; font-size: 20px; line-height: 28px; color: #262626; margin-top: 24px;">
${msg("eventRemoveTotpBodyHtml",event.date, event.ipAddress)?no_esc}
</div>

</section>

<footer style="width: 670px;height: 150px; border-top: 1px solid #E2E6ED; border-bottom: 8px solid #262626;margin: auto; text-align: center;">

<img src="https://weni-media-sp.s3-sa-east-1.amazonaws.com/logo/Logo-small.png" alt="Weni-Logo" style="margin: 15px 0;"/>


<div style="width: 450px; font-size: 12px;line-height: 20px;margin: auto;">
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">${msg("emailAccessOurSite")?no_esc}</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Facebook</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Instagram</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Twitter</a>
</div>

${msg("emailCopyright")?no_esc}
</footer>
</div>
</div>
</body>
</html>
41 changes: 41 additions & 0 deletions themes/ilhasoft/email/html/event-update_password.ftl
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>
<div>
<div style="width: 670px; min-height: 724px;">
<header style="width: 670px; height: 52px; border-bottom: 1px solid #E2E6ED;">
<img src="https://weni-media-sp.s3-sa-east-1.amazonaws.com/logo/Logo.png" alt="Weni-Logo" style="margin-left: 24px; margin-top: 10px;"/>
</header>
<section style="width: 574px; min-height: 280px; margin: 50px auto;">
<div style="font-family: Lato; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #808080;"> ${msg("emailVerificationWelcome",user.firstName)?no_esc}</div>

<div style="font-family: Lato; font-weight: bold; font-size: 20px; line-height: 28px; color: #262626; margin-top: 24px;">
${msg("eventUpdatePasswordBodyHtml",event.date, event.ipAddress)?no_esc}
</div>

</section>

<footer style="width: 670px;height: 150px; border-top: 1px solid #E2E6ED; border-bottom: 8px solid #262626;margin: auto; text-align: center;">

<img src="https://weni-media-sp.s3-sa-east-1.amazonaws.com/logo/Logo-small.png" alt="Weni-Logo" style="margin: 15px 0;"/>


<div style="width: 450px; font-size: 12px;line-height: 20px;margin: auto;">
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">${msg("emailAccessOurSite")?no_esc}</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Facebook</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Instagram</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Twitter</a>
</div>

${msg("emailCopyright")?no_esc}
</footer>
</div>
</div>
</body>
</html>
41 changes: 41 additions & 0 deletions themes/ilhasoft/email/html/event-update_totp.ftl
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>
<div>
<div style="width: 670px; min-height: 724px;">
<header style="width: 670px; height: 52px; border-bottom: 1px solid #E2E6ED;">
<img src="https://weni-media-sp.s3-sa-east-1.amazonaws.com/logo/Logo.png" alt="Weni-Logo" style="margin-left: 24px; margin-top: 10px;"/>
</header>
<section style="width: 574px; min-height: 280px; margin: 50px auto;">
<div style="font-family: Lato; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #808080;"> ${msg("emailVerificationWelcome",user.firstName)?no_esc}</div>

<div style="font-family: Lato; font-weight: bold; font-size: 20px; line-height: 28px; color: #262626; margin-top: 24px;">
${msg("eventUpdateTotpBodyHtml",event.date, event.ipAddress)?no_esc}
</div>

</section>

<footer style="width: 670px;height: 150px; border-top: 1px solid #E2E6ED; border-bottom: 8px solid #262626;margin: auto; text-align: center;">

<img src="https://weni-media-sp.s3-sa-east-1.amazonaws.com/logo/Logo-small.png" alt="Weni-Logo" style="margin: 15px 0;"/>


<div style="width: 450px; font-size: 12px;line-height: 20px;margin: auto;">
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">${msg("emailAccessOurSite")?no_esc}</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Facebook</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Instagram</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Twitter</a>
</div>

${msg("emailCopyright")?no_esc}
</footer>
</div>
</div>
</body>
</html>
44 changes: 44 additions & 0 deletions themes/ilhasoft/email/html/executeActions.ftl
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
<#outputformat "plainText">
<#assign requiredActionsText><#if requiredActions??><#list requiredActions><#items as reqActionItem>${msg("requiredAction.${reqActionItem}")}<#sep>, </#sep></#items></#list></#if></#assign>
</#outputformat>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>
<div>
<div style="width: 670px; min-height: 724px;">
<header style="width: 670px; height: 52px; border-bottom: 1px solid #E2E6ED;">
<img src="https://weni-media-sp.s3-sa-east-1.amazonaws.com/logo/Logo.png" alt="Weni-Logo" style="margin-left: 24px; margin-top: 10px;"/>
</header>
<section style="width: 574px; min-height: 280px; margin: 50px auto;">
<div style="font-family: Lato; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #808080;"> ${msg("emailVerificationWelcome",user.firstName)?no_esc}</div>

<div style="font-family: Lato; font-weight: bold; font-size: 20px; line-height: 28px; color: #262626; margin-top: 24px;">
${msg("executeActionsBodyHtml",link, linkExpiration, realmName, requiredActionsText)?no_esc}
</div>

</section>

<footer style="width: 670px;height: 150px; border-top: 1px solid #E2E6ED; border-bottom: 8px solid #262626;margin: auto; text-align: center;">

<img src="https://weni-media-sp.s3-sa-east-1.amazonaws.com/logo/Logo-small.png" alt="Weni-Logo" style="margin: 15px 0;"/>


<div style="width: 450px; font-size: 12px;line-height: 20px;margin: auto;">
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">${msg("emailAccessOurSite")?no_esc}</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Facebook</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Instagram</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Twitter</a>
</div>

${msg("emailCopyright")?no_esc}
</footer>
</div>
</div>
</body>
</html>
41 changes: 41 additions & 0 deletions themes/ilhasoft/email/html/identity-provider-link.ftl
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>
<div>
<div style="width: 670px; min-height: 724px;">
<header style="width: 670px; height: 52px; border-bottom: 1px solid #E2E6ED;">
<img src="https://weni-media-sp.s3-sa-east-1.amazonaws.com/logo/Logo.png" alt="Weni-Logo" style="margin-left: 24px; margin-top: 10px;"/>
</header>
<section style="width: 574px; min-height: 280px; margin: 50px auto;">
<div style="font-family: Lato; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #808080;"> ${msg("emailVerificationWelcome",user.firstName)?no_esc}</div>

<div style="font-family: Lato; font-weight: bold; font-size: 20px; line-height: 28px; color: #262626; margin-top: 24px;">
${msg("identityProviderLinkBodyHtml", identityProviderAlias, realmName, identityProviderContext.username, link, linkExpiration)?no_esc}
</div>

</section>

<footer style="width: 670px;height: 150px; border-top: 1px solid #E2E6ED; border-bottom: 8px solid #262626;margin: auto; text-align: center;">

<img src="https://weni-media-sp.s3-sa-east-1.amazonaws.com/logo/Logo-small.png" alt="Weni-Logo" style="margin: 15px 0;"/>


<div style="width: 450px; font-size: 12px;line-height: 20px;margin: auto;">
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">${msg("emailAccessOurSite")?no_esc}</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Facebook</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Instagram</a>
<a style="cursor: pointer;margin-right: 10px;color: #9CACCC;">Twitter</a>
</div>

${msg("emailCopyright")?no_esc}
</footer>
</div>
</div>
</body>
</html>
Loading

0 comments on commit 4435bf0

Please sign in to comment.