mirror of
https://github.com/Telecominfraproject/wlan-cloud-ucentralsec.git
synced 2025-10-28 17:32:29 +00:00
Signed-off-by: stephb9959 <stephane.bourque@gmail.com>
This commit is contained in:
stephb9959
@@ -60,6 +60,16 @@ if [[ "$TEMPLATE_CONFIG" = 'true' ]]; then
|
||||
STORAGE_TYPE_MYSQL_PASSWORD=${STORAGE_TYPE_MYSQL_PASSWORD:-"owsec"} \
|
||||
STORAGE_TYPE_MYSQL_DATABASE=${STORAGE_TYPE_MYSQL_DATABASE:-"owsec"} \
|
||||
STORAGE_TYPE_MYSQL_PORT=${STORAGE_TYPE_MYSQL_PORT:-"3306"} \
|
||||
USER_HELPER_EMAIL=${USER_HELPER_EMAIL:-"openwifi@telecominfraproject.com"} \
|
||||
SUB_HELPER_EMAIL=${SUB_HELPER_EMAIL:-"openwifi@telecominfraproject.com"} \
|
||||
GLOBAL_USER_HELPER_EMAIL=${GLOBAL_USER_HELPER_EMAIL:-"openwifi@telecominfraproject.com"} \
|
||||
GLOBAL_SUB_HELPER_EMAIL=${GLOBAL_SUB_HELPER_EMAIL:-"openwifi@telecominfraproject.com"} \
|
||||
USER_HELPER_SITE=${USER_HELPER_SITE:-"https://openwifi.telecominfraproject.com"} \
|
||||
SUB_HELPER_SITE=${SUB_HELPER_SITE:-"https://openwifi.telecominfraproject.com"} \
|
||||
USER_SYSTEM_LOGIN=${USER_SYSTEM_LOGIN:-"https://openwifi.telecominfraproject.com"} \
|
||||
SUB_SYSTEM_LOGIN=${SUB_SYSTEM_LOGIN:-"https://openwifi.telecominfraproject.com"} \
|
||||
USER_SIGNATURE=${USER_SIGNATURE:-"Telecom Infra Project"} \
|
||||
SUB_SIGNATURE=${SUB_SIGNATURE:-"Telecom Infra Project"} \
|
||||
envsubst < /owsec.properties.tmpl > $OWSEC_CONFIG/owsec.properties
|
||||
fi
|
||||
|
||||
|
||||
@@ -34,8 +34,8 @@ authentication.default.username = tip@ucentral.com
|
||||
authentication.default.password = 13268b7daa751240369d125e79c873bd8dd3bef7981bdfd38ea03dbb1fbe7dcf
|
||||
openwifi.system.data = $OWSEC_ROOT/data
|
||||
openwifi.system.uri.private = https://localhost:17001
|
||||
openwifi.system.uri.public = https://local.dpaas.arilia.com:16001
|
||||
openwifi.system.uri.ui = https://ucentral-ui.arilia.com
|
||||
openwifi.system.uri.public = https://main.server.com:16001
|
||||
openwifi.system.uri.ui = https://ucentral-ui.main.server.com
|
||||
openwifi.security.restapi.disable = false
|
||||
openwifi.system.commandchannel = /tmp/app.ucentralsec
|
||||
openwifi.service.key = $OWSEC_ROOT/certs/restapi-key.pem
|
||||
@@ -64,9 +64,19 @@ mailer.loginmethod = login
|
||||
mailer.port = 587
|
||||
mailer.templates = $OWSEC_ROOT/templates
|
||||
|
||||
helper.user.email = openwifi@telecominfraproject.com
|
||||
helper.sub.email = openwifi@telecominfraproject.com
|
||||
helper.user.global.email = openwifi@telecominfraproject.com
|
||||
helper.sub.global.email = openwifi@telecominfraproject.com
|
||||
helper.user.site = https://openwifi.telecominfraproject.com
|
||||
helper.sub.site = https://openwifi.telecominfraproject.com
|
||||
helper.user.login = https://openwifi.telecominfraproject.com
|
||||
helper.sub.login = https://openwifi.telecominfraproject.com
|
||||
helper.user.signature = Telecom Infra Project
|
||||
helper.sub.signature = Telecom Infra Project
|
||||
|
||||
#############################
|
||||
# Generic information for all micro services
|
||||
# Generic information for all micro-services
|
||||
#############################
|
||||
#
|
||||
# NLB Support
|
||||
@@ -80,7 +90,7 @@ alb.port = 16101
|
||||
openwifi.kafka.group.id = security
|
||||
openwifi.kafka.client.id = security1
|
||||
openwifi.kafka.enable = true
|
||||
openwifi.kafka.brokerlist = a1.arilia.com:9092
|
||||
openwifi.kafka.brokerlist = kafka:9092
|
||||
openwifi.kafka.auto.commit = false
|
||||
openwifi.kafka.queue.buffering.max.ms = 50
|
||||
openwifi.kafka.ssl.ca.location =
|
||||
@@ -110,18 +120,18 @@ storage.type.sqlite.maxsessions = 128
|
||||
storage.type.postgresql.maxsessions = 64
|
||||
storage.type.postgresql.idletime = 60
|
||||
storage.type.postgresql.host = localhost
|
||||
storage.type.postgresql.username = stephb
|
||||
storage.type.postgresql.password = snoopy99
|
||||
storage.type.postgresql.database = ucentral
|
||||
storage.type.postgresql.username = owsec
|
||||
storage.type.postgresql.password = owsec
|
||||
storage.type.postgresql.database = owsec
|
||||
storage.type.postgresql.port = 5432
|
||||
storage.type.postgresql.connectiontimeout = 60
|
||||
|
||||
storage.type.mysql.maxsessions = 64
|
||||
storage.type.mysql.idletime = 60
|
||||
storage.type.mysql.host = localhost
|
||||
storage.type.mysql.username = stephb
|
||||
storage.type.mysql.password = snoopy99
|
||||
storage.type.mysql.database = ucentral
|
||||
storage.type.mysql.username = owsec
|
||||
storage.type.mysql.password = owsec
|
||||
storage.type.mysql.database = owsec
|
||||
storage.type.mysql.port = 3306
|
||||
storage.type.mysql.connectiontimeout = 60
|
||||
|
||||
|
||||
@@ -64,6 +64,16 @@ mailer.loginmethod = login
|
||||
mailer.port = ${MAILER_PORT}
|
||||
mailer.templates = ${MAILER_TEMPLATES}
|
||||
|
||||
helper.user.email = ${USER_HELPER_EMAIL}
|
||||
helper.sub.email = ${SUB_HELPER_EMAIL}
|
||||
helper.user.global.email = ${GLOBAL_USER_HELPER_EMAIL}
|
||||
helper.sub.global.email = ${GLOBAL_SUB_HELPER_EMAIL}
|
||||
helper.user.site = ${USER_HELPER_SITE}
|
||||
helper.sub.site = ${SUB_HELPER_SITE}
|
||||
helper.user.login = ${USER_SYSTEM_LOGIN}
|
||||
helper.sub.login = ${SUB_SYSTEM_LOGIN}
|
||||
helper.user.signature = ${USER_SIGNATURE}
|
||||
helper.sub.signature = ${SUB_SIGNATURE}
|
||||
|
||||
#############################
|
||||
# Generic information for all micro services
|
||||
|
||||
@@ -435,18 +435,18 @@
|
||||
regarding this application,
|
||||
please contact us at
|
||||
<a
|
||||
href="mailto:tip-keys@arilia.com"
|
||||
href="mailto:${USER_HELPER_EMAIL}"
|
||||
target="_blank"
|
||||
>
|
||||
tip-keys@arilia.com
|
||||
${USER_HELPER_EMAIL}
|
||||
</a>
|
||||
. For question regarding the
|
||||
Telecom Infra Project,
|
||||
please contact us at
|
||||
<a
|
||||
href="mailto:info@telecominfraproject.com"
|
||||
href="mailto:${GLOBAL_USER_HELPER_EMAIL}"
|
||||
>
|
||||
info@telecominfraproject.com
|
||||
${GLOBAL_USER_HELPER_EMAIL}
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
@@ -456,7 +456,7 @@
|
||||
<tr>
|
||||
<td>
|
||||
<p>Thank You!</p>
|
||||
<p>Arilia Wireless Inc.</p>
|
||||
<p>${USER_SIGNATURE}</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -502,13 +502,13 @@
|
||||
<tr>
|
||||
<p class="align-center">
|
||||
Copyright 2023
|
||||
Arilia Wireless Inc,
|
||||
${USER_SIGNATURE},
|
||||
All rights reserved.
|
||||
</p>
|
||||
<a
|
||||
href="https://arilia.com"
|
||||
href="https://${USER_HELPER_SITE}"
|
||||
target="_blank"
|
||||
>www.arilia.com</a
|
||||
>${USER_HELPER_SITE}</a
|
||||
>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
@@ -431,18 +431,18 @@
|
||||
regarding this application,
|
||||
please contact us at
|
||||
<a
|
||||
href="mailto:tip-keys@arilia.com"
|
||||
target="_blank"
|
||||
href="mailto:${USER_HELPER_EMAIL}"
|
||||
target="_blank"
|
||||
>
|
||||
tip-keys@arilia.com
|
||||
${USER_HELPER_EMAIL}
|
||||
</a>
|
||||
. For question regarding the
|
||||
Telecom Infra Project,
|
||||
please contact us at
|
||||
<a
|
||||
href="mailto:info@telecominfraproject.com"
|
||||
href="mailto:${GLOBAL_USER_HELPER_EMAIL}"
|
||||
>
|
||||
info@telecominfraproject.com
|
||||
${GLOBAL_USER_HELPER_EMAIL}
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
@@ -452,7 +452,7 @@
|
||||
<tr>
|
||||
<td>
|
||||
<p>Thank You!</p>
|
||||
<p>Arilia Wireless Inc.</p>
|
||||
<p>${USER_SIGNATURE}</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -494,19 +494,19 @@
|
||||
style="min-width: 100%"
|
||||
>
|
||||
<tbody>
|
||||
<tr></tr>
|
||||
<tr>
|
||||
<p class="align-center">
|
||||
Copyright 2023
|
||||
Arilia Wireless Inc,
|
||||
All rights reserved.
|
||||
</p>
|
||||
<a
|
||||
href="https://arilia.com"
|
||||
<tr></tr>
|
||||
<tr>
|
||||
<p class="align-center">
|
||||
Copyright 2023
|
||||
${USER_SIGNATURE},
|
||||
All rights reserved.
|
||||
</p>
|
||||
<a
|
||||
href="https://${USER_HELPER_SITE}"
|
||||
target="_blank"
|
||||
>www.arilia.com</a
|
||||
>
|
||||
</tr>
|
||||
>${USER_HELPER_SITE}</a
|
||||
>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
|
||||
@@ -435,18 +435,18 @@
|
||||
regarding this application,
|
||||
please contact us at
|
||||
<a
|
||||
href="mailto:tip-keys@arilia.com"
|
||||
target="_blank"
|
||||
href="mailto:${USER_HELPER_EMAIL}"
|
||||
target="_blank"
|
||||
>
|
||||
tip-keys@arilia.com
|
||||
${USER_HELPER_EMAIL}
|
||||
</a>
|
||||
. For question regarding the
|
||||
Telecom Infra Project,
|
||||
please contact us at
|
||||
<a
|
||||
href="mailto:info@telecominfraproject.com"
|
||||
href="mailto:${GLOBAL_USER_HELPER_EMAIL}"
|
||||
>
|
||||
info@telecominfraproject.com
|
||||
${GLOBAL_USER_HELPER_EMAIL}
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
@@ -456,7 +456,7 @@
|
||||
<tr>
|
||||
<td>
|
||||
<p>Thank You!</p>
|
||||
<p>Arilia Wireless Inc.</p>
|
||||
<p>${USER_SIGNATURE}</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -498,19 +498,19 @@
|
||||
style="min-width: 100%"
|
||||
>
|
||||
<tbody>
|
||||
<tr></tr>
|
||||
<tr>
|
||||
<p class="align-center">
|
||||
Copyright 2023
|
||||
Arilia Wireless Inc,
|
||||
All rights reserved.
|
||||
</p>
|
||||
<a
|
||||
href="https://arilia.com"
|
||||
<tr></tr>
|
||||
<tr>
|
||||
<p class="align-center">
|
||||
Copyright 2023
|
||||
${USER_SIGNATURE},
|
||||
All rights reserved.
|
||||
</p>
|
||||
<a
|
||||
href="https://${USER_HELPER_SITE}"
|
||||
target="_blank"
|
||||
>www.arilia.com</a
|
||||
>
|
||||
</tr>
|
||||
>${USER_HELPER_SITE}</a
|
||||
>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
|
||||
@@ -0,0 +1,527 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Email Confirmation</title>
|
||||
<style>
|
||||
img {
|
||||
border: none;
|
||||
-ms-interpolation-mode: bicubic;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #414141;
|
||||
background-color: #f6f6f6;
|
||||
font-family: sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-size: 14px;
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: separate;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table td {
|
||||
font-family: sans-serif;
|
||||
font-size: 14px;
|
||||
color: #414141;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.body {
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: block;
|
||||
margin: 0 auto !important;
|
||||
max-width: 580px;
|
||||
padding: 10px;
|
||||
width: 580px;
|
||||
}
|
||||
|
||||
.content {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
max-width: 580px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.main {
|
||||
background: #ffffff;
|
||||
border-radius: 0px;
|
||||
width: 600px;
|
||||
max-width: 100%;
|
||||
border: 1px solid #d4d4d4;
|
||||
padding-left: 45px;
|
||||
padding-right: 45px;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
box-sizing: border-box;
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
.content-block {
|
||||
padding-bottom: 10px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
clear: both;
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.footer td,
|
||||
.footer p,
|
||||
.footer span,
|
||||
.footer a {
|
||||
color: #999999;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
/* -------------------------------------
|
||||
TYPOGRAPHY
|
||||
------------------------------------- */
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
color: #414141;
|
||||
font-family: sans-serif;
|
||||
font-weight: 400;
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 35px;
|
||||
font-weight: 300;
|
||||
text-align: center;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
p,
|
||||
ul,
|
||||
ol {
|
||||
font-family: sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
color: #414141;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
p li,
|
||||
ul li,
|
||||
ol li {
|
||||
list-style-position: inside;
|
||||
margin-left: 5px;
|
||||
color: #414141;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #29818c !important;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid #d2d2d2;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: #999999 !important;
|
||||
}
|
||||
/* -------------------------------------
|
||||
BUTTONS
|
||||
------------------------------------- */
|
||||
|
||||
.btn {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
tbody {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.btn > tbody > tr > td {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.btn table {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.btn table td {
|
||||
background-color: #ffffff;
|
||||
border-radius: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn a {
|
||||
background-color: #ffffff;
|
||||
border: solid 1px #489e94;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
color: #29818c;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
padding: 12px 120px;
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.btn-primary a {
|
||||
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)
|
||||
0ms,
|
||||
box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
|
||||
border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
||||
margin: auto;
|
||||
background-color: #29818c;
|
||||
border-color: #29818c;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
/* -------------------------------------
|
||||
OTHER STYLES THAT MIGHT BE USEFUL
|
||||
------------------------------------- */
|
||||
|
||||
.align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.preheader {
|
||||
color: transparent;
|
||||
display: none;
|
||||
height: 0;
|
||||
max-height: 0;
|
||||
max-width: 0;
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-bottom: 1px solid #d4d4d4;
|
||||
}
|
||||
|
||||
.grayFont {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.bold {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
RESPONSIVE AND MOBILE FRIENDLY STYLES
|
||||
------------------------------------- */
|
||||
|
||||
@media only screen and (max-width: 620px) {
|
||||
table[class='body'] h1 {
|
||||
font-size: 28px !important;
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
table[class='body'] p,
|
||||
table[class='body'] ul,
|
||||
table[class='body'] ol,
|
||||
table[class='body'] td,
|
||||
table[class='body'] span,
|
||||
table[class='body'] a {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
table[class='body'] .wrapper,
|
||||
table[class='body'] .article {
|
||||
padding: 10px !important;
|
||||
}
|
||||
table[class='body'] .content {
|
||||
padding: 0 !important;
|
||||
}
|
||||
table[class='body'] .container {
|
||||
padding: 0 !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
table[class='body'] .main {
|
||||
border-left-width: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
border-right-width: 0 !important;
|
||||
}
|
||||
table[class='body'] .btn table {
|
||||
width: 100% !important;
|
||||
}
|
||||
table[class='body'] .btn a {
|
||||
width: 100% !important;
|
||||
}
|
||||
table[class='body'] .img-responsive {
|
||||
height: auto !important;
|
||||
max-width: 100% !important;
|
||||
width: auto !important;
|
||||
}
|
||||
}
|
||||
/* -------------------------------------
|
||||
PRESERVE THESE STYLES IN THE HEAD
|
||||
------------------------------------- */
|
||||
|
||||
@media all {
|
||||
.ExternalClass {
|
||||
width: 100%;
|
||||
}
|
||||
.ExternalClass,
|
||||
.ExternalClass p,
|
||||
.ExternalClass span,
|
||||
.ExternalClass font,
|
||||
.ExternalClass td,
|
||||
.ExternalClass div {
|
||||
line-height: 100%;
|
||||
}
|
||||
.apple-link a {
|
||||
color: inherit !important;
|
||||
font-family: inherit !important;
|
||||
font-size: inherit !important;
|
||||
font-weight: inherit !important;
|
||||
line-height: inherit !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
.btn-primary a:hover {
|
||||
background-color: rgb(50, 110, 103) !important;
|
||||
border-color: rgb(50, 110, 103) !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="">
|
||||
<span class="preheader"></span>
|
||||
<table
|
||||
d=""
|
||||
role="presentation"
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
class="body"
|
||||
>
|
||||
<tr>
|
||||
<td class="container">
|
||||
<div class="content">
|
||||
<!-- START CENTERED WHITE CONTAINER -->
|
||||
|
||||
<table
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
width="100%"
|
||||
style="min-width: 100%"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td valign="top" style="padding: 0px">
|
||||
<table
|
||||
align="center"
|
||||
style="text-align: center"
|
||||
width="100%"
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
style="min-width: 100%"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
valign="top"
|
||||
class="align-center"
|
||||
style="
|
||||
padding-right: 0px;
|
||||
padding-left: 48px;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
"
|
||||
>
|
||||
<img
|
||||
align="center"
|
||||
alt="OpenWifi"
|
||||
src="${LOGO}"
|
||||
style="
|
||||
max-width: 100%;
|
||||
padding-bottom: 0;
|
||||
display: inline !important;
|
||||
vertical-align: bottom;
|
||||
"
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table role="presentation" class="main">
|
||||
<!-- START MAIN CONTENT AREA -->
|
||||
<tr>
|
||||
<td class="wrapper">
|
||||
<table
|
||||
role="presentation"
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
>
|
||||
<tr>
|
||||
<td>
|
||||
<h2>
|
||||
Confirm Your Email Address
|
||||
to Get Started
|
||||
</h2>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<p>Dear ${RECIPIENT_EMAIL} ,</p>
|
||||
<p>
|
||||
Before you can access the
|
||||
system, you must validate
|
||||
your e-mail address. Please
|
||||
click on the button below to
|
||||
complete this task.
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td
|
||||
style="
|
||||
padding-top: 15px;
|
||||
padding-bottom: 40px;
|
||||
"
|
||||
class="btn btn-primary"
|
||||
>
|
||||
<a
|
||||
href="${ACTION_LINK}"
|
||||
target="_blank"
|
||||
>Confirm Email Address</a
|
||||
>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<hr
|
||||
style="
|
||||
margin-top: 0px;
|
||||
margin-bottom: 30px;
|
||||
"
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<p>
|
||||
For questions & support
|
||||
regarding this application,
|
||||
please contact us at
|
||||
<a
|
||||
href="mailto:${SUB_HELPER_EMAIL}"
|
||||
target="_blank"
|
||||
>
|
||||
${SUB_HELPER_EMAIL}
|
||||
</a>
|
||||
. For question regarding the
|
||||
Telecom Infra Project,
|
||||
please contact us at
|
||||
<a
|
||||
href="mailto:${GLOBAL_SUB_HELPER_EMAIL}"
|
||||
>
|
||||
${GLOBAL_SUB_HELPER_EMAIL}
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<p>Thank You!</p>
|
||||
<p>${SUB_SIGNATURE}</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<table
|
||||
role="presentation"
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
class="btn btn-primary"
|
||||
>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- END MAIN CONTENT AREA -->
|
||||
</table>
|
||||
|
||||
<!-- END CENTERED WHITE CONTAINER -->
|
||||
|
||||
<div class="footer">
|
||||
<table
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
width="100%"
|
||||
style="min-width: 100; margin-top: 30px"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td valign="top" style="padding: 0px">
|
||||
<table
|
||||
align="left"
|
||||
width="100%"
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
style="min-width: 100%"
|
||||
>
|
||||
<tbody>
|
||||
<tr></tr>
|
||||
<tr>
|
||||
<p class="align-center">
|
||||
Copyright 2023
|
||||
${SUB_SIGNATURE},
|
||||
All rights reserved.
|
||||
</p>
|
||||
<a
|
||||
href="https://${SUB_HELPER_SITE}"
|
||||
target="_blank"
|
||||
>${SUB_HELPER_SITE}</a
|
||||
>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,9 @@
|
||||
Dear ${RECIPIENT_EMAIL},
|
||||
|
||||
Before you can access the system, you must validate your e-mail address. Please click on the link below to complete this task.
|
||||
|
||||
${ACTION_LINK}
|
||||
|
||||
And follow the instructions.
|
||||
|
||||
Thank you!
|
||||
@@ -0,0 +1,523 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Password Reset</title>
|
||||
<style>
|
||||
img {
|
||||
border: none;
|
||||
-ms-interpolation-mode: bicubic;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #414141;
|
||||
background-color: #f6f6f6;
|
||||
font-family: sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-size: 14px;
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: separate;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table td {
|
||||
font-family: sans-serif;
|
||||
font-size: 14px;
|
||||
color: #414141;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.body {
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: block;
|
||||
margin: 0 auto !important;
|
||||
max-width: 580px;
|
||||
padding: 10px;
|
||||
width: 580px;
|
||||
}
|
||||
|
||||
.content {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
max-width: 580px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.main {
|
||||
background: #ffffff;
|
||||
border-radius: 0px;
|
||||
width: 600px;
|
||||
max-width: 100%;
|
||||
border: 1px solid #d4d4d4;
|
||||
padding-left: 45px;
|
||||
padding-right: 45px;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
box-sizing: border-box;
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
.content-block {
|
||||
padding-bottom: 10px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
clear: both;
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.footer td,
|
||||
.footer p,
|
||||
.footer span,
|
||||
.footer a {
|
||||
color: #999999;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
/* -------------------------------------
|
||||
TYPOGRAPHY
|
||||
------------------------------------- */
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
color: #414141;
|
||||
font-family: sans-serif;
|
||||
font-weight: 400;
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 35px;
|
||||
font-weight: 300;
|
||||
text-align: center;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
p,
|
||||
ul,
|
||||
ol {
|
||||
font-family: sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
color: #414141;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
p li,
|
||||
ul li,
|
||||
ol li {
|
||||
list-style-position: inside;
|
||||
margin-left: 5px;
|
||||
color: #414141;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #29818c !important;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid #d2d2d2;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: #999999 !important;
|
||||
}
|
||||
/* -------------------------------------
|
||||
BUTTONS
|
||||
------------------------------------- */
|
||||
|
||||
.btn {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
tbody {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.btn > tbody > tr > td {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.btn table {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.btn table td {
|
||||
background-color: #ffffff;
|
||||
border-radius: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn a {
|
||||
background-color: #ffffff;
|
||||
border: solid 1px #489e94;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
color: #29818c;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
padding: 12px 120px;
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.btn-primary a {
|
||||
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)
|
||||
0ms,
|
||||
box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
|
||||
border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
||||
margin: auto;
|
||||
background-color: #29818c;
|
||||
border-color: #29818c;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
/* -------------------------------------
|
||||
OTHER STYLES THAT MIGHT BE USEFUL
|
||||
------------------------------------- */
|
||||
|
||||
.align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.preheader {
|
||||
color: transparent;
|
||||
display: none;
|
||||
height: 0;
|
||||
max-height: 0;
|
||||
max-width: 0;
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-bottom: 1px solid #d4d4d4;
|
||||
}
|
||||
|
||||
.grayFont {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.bold {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
RESPONSIVE AND MOBILE FRIENDLY STYLES
|
||||
------------------------------------- */
|
||||
|
||||
@media only screen and (max-width: 620px) {
|
||||
table[class='body'] h1 {
|
||||
font-size: 28px !important;
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
table[class='body'] p,
|
||||
table[class='body'] ul,
|
||||
table[class='body'] ol,
|
||||
table[class='body'] td,
|
||||
table[class='body'] span,
|
||||
table[class='body'] a {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
table[class='body'] .wrapper,
|
||||
table[class='body'] .article {
|
||||
padding: 10px !important;
|
||||
}
|
||||
table[class='body'] .content {
|
||||
padding: 0 !important;
|
||||
}
|
||||
table[class='body'] .container {
|
||||
padding: 0 !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
table[class='body'] .main {
|
||||
border-left-width: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
border-right-width: 0 !important;
|
||||
}
|
||||
table[class='body'] .btn table {
|
||||
width: 100% !important;
|
||||
}
|
||||
table[class='body'] .btn a {
|
||||
width: 100% !important;
|
||||
}
|
||||
table[class='body'] .img-responsive {
|
||||
height: auto !important;
|
||||
max-width: 100% !important;
|
||||
width: auto !important;
|
||||
}
|
||||
}
|
||||
/* -------------------------------------
|
||||
PRESERVE THESE STYLES IN THE HEAD
|
||||
------------------------------------- */
|
||||
|
||||
@media all {
|
||||
.ExternalClass {
|
||||
width: 100%;
|
||||
}
|
||||
.ExternalClass,
|
||||
.ExternalClass p,
|
||||
.ExternalClass span,
|
||||
.ExternalClass font,
|
||||
.ExternalClass td,
|
||||
.ExternalClass div {
|
||||
line-height: 100%;
|
||||
}
|
||||
.apple-link a {
|
||||
color: inherit !important;
|
||||
font-family: inherit !important;
|
||||
font-size: inherit !important;
|
||||
font-weight: inherit !important;
|
||||
line-height: inherit !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
.btn-primary a:hover {
|
||||
background-color: rgb(50, 110, 103) !important;
|
||||
border-color: rgb(50, 110, 103) !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="">
|
||||
<span class="preheader"></span>
|
||||
<table
|
||||
d=""
|
||||
role="presentation"
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
class="body"
|
||||
>
|
||||
<tr>
|
||||
<td class="container">
|
||||
<div class="content">
|
||||
<!-- START CENTERED WHITE CONTAINER -->
|
||||
|
||||
<table
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
width="100%"
|
||||
style="min-width: 100%"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td valign="top" style="padding: 0px">
|
||||
<table
|
||||
align="center"
|
||||
style="text-align: center"
|
||||
width="100%"
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
style="min-width: 100%"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
valign="top"
|
||||
class="align-center"
|
||||
style="
|
||||
padding-right: 0px;
|
||||
padding-left: 48px;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
"
|
||||
>
|
||||
<img
|
||||
align="center"
|
||||
alt="OpenWifi"
|
||||
src="${LOGO}"
|
||||
style="
|
||||
max-width: 100%;
|
||||
padding-bottom: 0;
|
||||
display: inline !important;
|
||||
vertical-align: bottom;
|
||||
"
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table role="presentation" class="main">
|
||||
<!-- START MAIN CONTENT AREA -->
|
||||
<tr>
|
||||
<td class="wrapper">
|
||||
<table
|
||||
role="presentation"
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
>
|
||||
<tr>
|
||||
<td>
|
||||
<h2>Password Reset</h2>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<p>Dear ${RECIPIENT_EMAIL} ,</p>
|
||||
<p>
|
||||
You have requested us to
|
||||
reset your password. Please
|
||||
click on the link below and
|
||||
follow the instructions.
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td
|
||||
style="
|
||||
padding-top: 15px;
|
||||
padding-bottom: 40px;
|
||||
"
|
||||
class="btn btn-primary"
|
||||
>
|
||||
<a
|
||||
href="${ACTION_LINK}"
|
||||
target="_blank"
|
||||
>Reset Password</a
|
||||
>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<hr
|
||||
style="
|
||||
margin-top: 0px;
|
||||
margin-bottom: 30px;
|
||||
"
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<p>
|
||||
For questions & support
|
||||
regarding this application,
|
||||
please contact us at
|
||||
<a
|
||||
href="mailto:${SUB_HELPER_EMAIL}"
|
||||
target="_blank"
|
||||
>
|
||||
${SUB_HELPER_EMAIL}
|
||||
</a>
|
||||
. For question regarding the
|
||||
Telecom Infra Project,
|
||||
please contact us at
|
||||
<a
|
||||
href="mailto:${GLOBAL_SUB_HELPER_EMAIL}"
|
||||
>
|
||||
${GLOBAL_SUB_HELPER_EMAIL}
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<p>Thank You!</p>
|
||||
<p>${SUB_SIGNATURE}</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<table
|
||||
role="presentation"
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
class="btn btn-primary"
|
||||
>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- END MAIN CONTENT AREA -->
|
||||
</table>
|
||||
|
||||
<!-- END CENTERED WHITE CONTAINER -->
|
||||
|
||||
<div class="footer">
|
||||
<table
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
width="100%"
|
||||
style="min-width: 100; margin-top: 30px"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td valign="top" style="padding: 0px">
|
||||
<table
|
||||
align="left"
|
||||
width="100%"
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
style="min-width: 100%"
|
||||
>
|
||||
<tbody>
|
||||
<tr></tr>
|
||||
<tr>
|
||||
<p class="align-center">
|
||||
Copyright 2023
|
||||
${SUB_SIGNATURE},
|
||||
All rights reserved.
|
||||
</p>
|
||||
<a
|
||||
href="https://${SUB_HELPER_SITE}"
|
||||
target="_blank"
|
||||
>${SUB_HELPER_SITE}</a
|
||||
>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,9 @@
|
||||
Dear ${RECIPIENT_EMAIL},
|
||||
|
||||
You have requested us to reset your password. Please click on the link below
|
||||
|
||||
${ACTION_LINK}
|
||||
|
||||
And follow the instructions.
|
||||
|
||||
Thank you!
|
||||
@@ -0,0 +1,515 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Verification Code</title>
|
||||
<style>
|
||||
img {
|
||||
border: none;
|
||||
-ms-interpolation-mode: bicubic;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #414141;
|
||||
background-color: #f6f6f6;
|
||||
font-family: sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-size: 14px;
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: separate;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table td {
|
||||
font-family: sans-serif;
|
||||
font-size: 14px;
|
||||
color: #414141;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.body {
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: block;
|
||||
margin: 0 auto !important;
|
||||
max-width: 580px;
|
||||
padding: 10px;
|
||||
width: 580px;
|
||||
}
|
||||
|
||||
.content {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
max-width: 580px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.main {
|
||||
background: #ffffff;
|
||||
border-radius: 0px;
|
||||
width: 600px;
|
||||
max-width: 100%;
|
||||
border: 1px solid #d4d4d4;
|
||||
padding-left: 45px;
|
||||
padding-right: 45px;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
box-sizing: border-box;
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
.content-block {
|
||||
padding-bottom: 10px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
clear: both;
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.footer td,
|
||||
.footer p,
|
||||
.footer span,
|
||||
.footer a {
|
||||
color: #999999;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
/* -------------------------------------
|
||||
TYPOGRAPHY
|
||||
------------------------------------- */
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
color: #414141;
|
||||
font-family: sans-serif;
|
||||
font-weight: 400;
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 35px;
|
||||
font-weight: 300;
|
||||
text-align: center;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
p,
|
||||
ul,
|
||||
ol {
|
||||
font-family: sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
color: #414141;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
p li,
|
||||
ul li,
|
||||
ol li {
|
||||
list-style-position: inside;
|
||||
margin-left: 5px;
|
||||
color: #414141;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #29818c !important;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid #d2d2d2;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: #999999 !important;
|
||||
}
|
||||
/* -------------------------------------
|
||||
BUTTONS
|
||||
------------------------------------- */
|
||||
|
||||
.btn {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
tbody {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.btn > tbody > tr > td {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.btn table {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.btn table td {
|
||||
background-color: #ffffff;
|
||||
border-radius: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn a {
|
||||
background-color: #ffffff;
|
||||
border: solid 1px #489e94;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
color: #29818c;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
padding: 12px 120px;
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.btn-primary a {
|
||||
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)
|
||||
0ms,
|
||||
box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
|
||||
border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
||||
margin: auto;
|
||||
background-color: #29818c;
|
||||
border-color: #29818c;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
/* -------------------------------------
|
||||
OTHER STYLES THAT MIGHT BE USEFUL
|
||||
------------------------------------- */
|
||||
|
||||
.align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.preheader {
|
||||
color: transparent;
|
||||
display: none;
|
||||
height: 0;
|
||||
max-height: 0;
|
||||
max-width: 0;
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-bottom: 1px solid #d4d4d4;
|
||||
}
|
||||
|
||||
.grayFont {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.bold {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
RESPONSIVE AND MOBILE FRIENDLY STYLES
|
||||
------------------------------------- */
|
||||
|
||||
@media only screen and (max-width: 620px) {
|
||||
table[class='body'] h1 {
|
||||
font-size: 28px !important;
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
table[class='body'] p,
|
||||
table[class='body'] ul,
|
||||
table[class='body'] ol,
|
||||
table[class='body'] td,
|
||||
table[class='body'] span,
|
||||
table[class='body'] a {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
table[class='body'] .wrapper,
|
||||
table[class='body'] .article {
|
||||
padding: 10px !important;
|
||||
}
|
||||
table[class='body'] .content {
|
||||
padding: 0 !important;
|
||||
}
|
||||
table[class='body'] .container {
|
||||
padding: 0 !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
table[class='body'] .main {
|
||||
border-left-width: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
border-right-width: 0 !important;
|
||||
}
|
||||
table[class='body'] .btn table {
|
||||
width: 100% !important;
|
||||
}
|
||||
table[class='body'] .btn a {
|
||||
width: 100% !important;
|
||||
}
|
||||
table[class='body'] .img-responsive {
|
||||
height: auto !important;
|
||||
max-width: 100% !important;
|
||||
width: auto !important;
|
||||
}
|
||||
}
|
||||
/* -------------------------------------
|
||||
PRESERVE THESE STYLES IN THE HEAD
|
||||
------------------------------------- */
|
||||
|
||||
@media all {
|
||||
.ExternalClass {
|
||||
width: 100%;
|
||||
}
|
||||
.ExternalClass,
|
||||
.ExternalClass p,
|
||||
.ExternalClass span,
|
||||
.ExternalClass font,
|
||||
.ExternalClass td,
|
||||
.ExternalClass div {
|
||||
line-height: 100%;
|
||||
}
|
||||
.apple-link a {
|
||||
color: inherit !important;
|
||||
font-family: inherit !important;
|
||||
font-size: inherit !important;
|
||||
font-weight: inherit !important;
|
||||
line-height: inherit !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
.btn-primary a:hover {
|
||||
background-color: rgb(50, 110, 103) !important;
|
||||
border-color: rgb(50, 110, 103) !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="">
|
||||
<span class="preheader"></span>
|
||||
<table
|
||||
d=""
|
||||
role="presentation"
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
class="body"
|
||||
>
|
||||
<tr>
|
||||
<td class="container">
|
||||
<div class="content">
|
||||
<!-- START CENTERED WHITE CONTAINER -->
|
||||
|
||||
<table
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
width="100%"
|
||||
style="min-width: 100%"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td valign="top" style="padding: 0px">
|
||||
<table
|
||||
align="center"
|
||||
style="text-align: center"
|
||||
width="100%"
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
style="min-width: 100%"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
valign="top"
|
||||
class="align-center"
|
||||
style="
|
||||
padding-right: 0px;
|
||||
padding-left: 48px;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
"
|
||||
>
|
||||
<img
|
||||
align="center"
|
||||
alt="OpenWifi"
|
||||
src="${LOGO}"
|
||||
style="
|
||||
max-width: 100%;
|
||||
padding-bottom: 0;
|
||||
display: inline !important;
|
||||
vertical-align: bottom;
|
||||
"
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table role="presentation" class="main">
|
||||
<!-- START MAIN CONTENT AREA -->
|
||||
<tr>
|
||||
<td class="wrapper">
|
||||
<table
|
||||
role="presentation"
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
>
|
||||
<tr>
|
||||
<td>
|
||||
<h2>Your Login Validation Code</h2>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<p>Dear ${RECIPIENT_EMAIL} ,</p>
|
||||
<p>
|
||||
You have requested your login validation. Please enter the following code on the login screen:
|
||||
</p>
|
||||
<p>
|
||||
<div style="text-align: center;">
|
||||
<h3 style="margin-bottom: 0px; font-weight: bold;">${CHALLENGE_CODE}</h3>
|
||||
</div>
|
||||
</p>
|
||||
<p>
|
||||
If you are not trying to login, please login and change your password. Someone may be trying to
|
||||
access your account illegally.
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<hr
|
||||
style="
|
||||
margin-top: 0px;
|
||||
margin-bottom: 30px;
|
||||
"
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<p>
|
||||
For questions & support
|
||||
regarding this application,
|
||||
please contact us at
|
||||
<a
|
||||
href="mailto:${SUB_HELPER_EMAIL}"
|
||||
target="_blank"
|
||||
>
|
||||
${SUB_HELPER_EMAIL}
|
||||
</a>
|
||||
. For question regarding the
|
||||
Telecom Infra Project,
|
||||
please contact us at
|
||||
<a
|
||||
href="mailto:${GLOBAL_SUB_HELPER_EMAIL}"
|
||||
>
|
||||
${GLOBAL_SUB_HELPER_EMAIL}
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<p>Thank You!</p>
|
||||
<p>${SUB_SIGNATURE}</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<table
|
||||
role="presentation"
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
class="btn btn-primary"
|
||||
>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- END MAIN CONTENT AREA -->
|
||||
</table>
|
||||
|
||||
<!-- END CENTERED WHITE CONTAINER -->
|
||||
|
||||
<div class="footer">
|
||||
<table
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
width="100%"
|
||||
style="min-width: 100; margin-top: 30px"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td valign="top" style="padding: 0px">
|
||||
<table
|
||||
align="left"
|
||||
width="100%"
|
||||
border="0"
|
||||
cellpadding="0"
|
||||
cellspacing="0"
|
||||
style="min-width: 100%"
|
||||
>
|
||||
<tbody>
|
||||
<tr></tr>
|
||||
<tr>
|
||||
<p class="align-center">
|
||||
Copyright 2023
|
||||
${SUB_SIGNATURE},
|
||||
All rights reserved.
|
||||
</p>
|
||||
<a
|
||||
href="https://${SUB_HELPER_SITE}"
|
||||
target="_blank"
|
||||
>${SUB_HELPER_SITE}</a
|
||||
>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,10 @@
|
||||
Dear ${RECIPIENT_EMAIL},
|
||||
|
||||
You have requested your login validation. Please enter the following code on the login screen:
|
||||
|
||||
${CHALLENGE_CODE}
|
||||
|
||||
If you are not trying to login, please login and change your password. Someone may be trying to
|
||||
access your account illegally.
|
||||
|
||||
Thank you!
|
||||
@@ -423,18 +423,18 @@
|
||||
regarding this application,
|
||||
please contact us at
|
||||
<a
|
||||
href="mailto:tip-keys@arilia.com"
|
||||
target="_blank"
|
||||
href="mailto:${USER_HELPER_EMAIL}"
|
||||
target="_blank"
|
||||
>
|
||||
tip-keys@arilia.com
|
||||
${USER_HELPER_EMAIL}
|
||||
</a>
|
||||
. For question regarding the
|
||||
Telecom Infra Project,
|
||||
please contact us at
|
||||
<a
|
||||
href="mailto:info@telecominfraproject.com"
|
||||
href="mailto:${GLOBAL_USER_HELPER_EMAIL}"
|
||||
>
|
||||
info@telecominfraproject.com
|
||||
${GLOBAL_USER_HELPER_EMAIL}
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
@@ -444,7 +444,7 @@
|
||||
<tr>
|
||||
<td>
|
||||
<p>Thank You!</p>
|
||||
<p>Arilia Wireless Inc.</p>
|
||||
<p>${USER_SIGNATURE}</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -490,13 +490,13 @@
|
||||
<tr>
|
||||
<p class="align-center">
|
||||
Copyright 2023
|
||||
Arilia Wireless Inc,
|
||||
${USER_SIGNATURE},
|
||||
All rights reserved.
|
||||
</p>
|
||||
<a
|
||||
href="https://arilia.com"
|
||||
target="_blank"
|
||||
>www.arilia.com</a
|
||||
href="https://${USER_HELPER_SITE}"
|
||||
target="_blank"
|
||||
>${USER_HELPER_SITE}</a
|
||||
>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
@@ -2,10 +2,10 @@
|
||||
<div class="footer">
|
||||
<p>
|
||||
For questions & support regarding this application, please contact us at
|
||||
<a href="mailto:tip-keys@arilia.com" target="_blank">tip-keys@arilia.com</a>.
|
||||
<a href="mailto:${USER_HELPER_EMAIL}" target="_blank">${USER_HELPER_EMAIL}</a>.
|
||||
For question regarding the Telecom Infra Project, please contact us at
|
||||
<a href="mailto:info@telecominfraproject.com">
|
||||
info@telecominfraproject.com
|
||||
<a href="mailto:${GLOBAL_USER_HELPER_EMAIL}">
|
||||
${GLOBAL_USER_HELPER_EMAIL}
|
||||
</a>.
|
||||
</p>
|
||||
</div>
|
||||
171
wwwassets/sub_common.css
Normal file
171
wwwassets/sub_common.css
Normal file
@@ -0,0 +1,171 @@
|
||||
body {font-family: Arial, Helvetica, sans-serif;}
|
||||
|
||||
input[type=text], input[type=password] {
|
||||
width: 100%;
|
||||
padding: 12px 20px;
|
||||
margin: 8px 0;
|
||||
display: inline-block;
|
||||
border: 1px solid #ccc;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: #04AA6D;
|
||||
color: white;
|
||||
padding: 14px 20px;
|
||||
margin: 8px 0;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.logo-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 20% 60% 20%;
|
||||
margin-top: calc(10vh)
|
||||
}
|
||||
|
||||
.logo-grid > div > img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
max-height: 200px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
|
||||
.info-card {
|
||||
padding: 30px;
|
||||
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
|
||||
display: block;
|
||||
width: 50%;
|
||||
min-width: 400px;
|
||||
border: 1em;
|
||||
background-color: white;
|
||||
width: 40%;
|
||||
height: auto;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: auto;
|
||||
margin-top: 50px;
|
||||
position: relative;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.info-list {
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
.info-title {
|
||||
margin-left: 5%;
|
||||
color: #63B3ED;
|
||||
}
|
||||
|
||||
.flex-box {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: left;
|
||||
align-items: center;
|
||||
margin-left: 5%;
|
||||
margin-top: 6px;
|
||||
margin-bottom: 6px;
|
||||
min-height: 30px
|
||||
}
|
||||
|
||||
.flex-box > h3 {
|
||||
margin-right: 4px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
span.password1 {
|
||||
float: right;
|
||||
padding-top: 16px;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #ebedef;
|
||||
}
|
||||
|
||||
/* Change styles for span and cancel button on extra small screens */
|
||||
@media screen and (max-width: 300px) {
|
||||
span.password1 {
|
||||
display: block;
|
||||
float: none;
|
||||
}
|
||||
.cancelbtn {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.form-container {
|
||||
border: 0px;
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
.form-label {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.form-input {
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.form-submit-btn {
|
||||
display: inline-flex;
|
||||
appearance: none;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-user-select: none;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
outline-color: transparent;
|
||||
outline-style: solid;
|
||||
outline-width: 2px;
|
||||
outline-offset: 2px;
|
||||
line-height: 1.2;
|
||||
border-top-left-radius: 15px;
|
||||
border-top-right-radius: 15px;
|
||||
border-bottom-right-radius: 15px;
|
||||
border-bottom-left-radius: 15px;
|
||||
height: 45px;
|
||||
background-color:#4299E1;
|
||||
font-size: 15px;
|
||||
padding-inline-start: 16px;
|
||||
padding-inline-end: 16px;
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
color: white;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.footer{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: left;
|
||||
align-items: center;
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
hr.rounded {
|
||||
margin-top: 40px;
|
||||
margin-bottom: 0px;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
border-top: 1px solid #bbb;
|
||||
border-radius: 5px;
|
||||
}
|
||||
@@ -2,10 +2,10 @@
|
||||
<div class="footer">
|
||||
<p>
|
||||
For questions & support regarding this application, please contact us at
|
||||
<a href="mailto:tip-keys@arilia.com" target="_blank">tip-keys@arilia.com</a>.
|
||||
<a href="mailto:${SUB_HELPER_EMAIL}" target="_blank">${SUB_HELPER_EMAIL}</a>.
|
||||
For question regarding the Telecom Infra Project, please contact us at
|
||||
<a href="mailto:info@telecominfraproject.com">
|
||||
info@telecominfraproject.com
|
||||
<a href="mailto:${GLOBAL_SUB_HELPER_EMAIL}">
|
||||
${GLOBAL_SUB_HELPER_EMAIL}
|
||||
</a>.
|
||||
</p>
|
||||
</div>
|
||||
Reference in New Issue
Block a user