| DIR:/opt/cpguard/app/resources/email_templates/backup/ |
| Current File : //opt/cpguard/app/resources/email_templates/backup/template.html |
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta content="yes" name="apple-touch-fullscreen" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1" />
<title>Backup Summary - cPGuard</title>
<style type="text/css">
.hideme {
display: none ! important;
mso-hide: all;
}
div,
p,
a,
li,
td {
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
}
body {
margin: 0 ! important;
padding: 0;
min-width: 100%;
}
table td {
border-collapse: collapse;
}
.ExternalClass {
width: 100%;
}
.ExternalClass * {
line-height: 110%;
}
.mobile_width_fix {
display: none;
}
img {
-ms-interpolation-mode: bicubic;
}
a[x-apple-data-detectors=true] {
color: inherit ! important;
text-decoration: none !important;
}
#MessageViewBody a {
color: inherit;
text-decoration: none;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
}
u+#body a {
color: inherit;
text-decoration: none;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
a[href^="tel"],
a[href^="sms"],
a {
color: inherit;
cursor: default;
text-decoration: none;
}
}
@media screen and (max-device-width: 600px),
screen and (max-width: 640px) {
*[class=to100pc] {
width: 100% !important;
height: auto !important;
}
*[class=to90pc] {
width: 90% !important;
height: auto !important;
}
*[class=nomob] {
display: none !important;
}
*[class=showmob] {
display: block !important;
}
*[class=nominwidth] {
min-width: 2px !important;
}
}
@media screen and (max-width: 550px) {
.mobile_padding {
padding: 0 30px !important;
}
.mobile_padding2 {
padding: 0 30px !important;
}
.mobile22 {
font-size: 24px !important;
line-height: 30px !important;
}
.mobile14 {
font-size: 16px !important;
line-height: 20px !important;
}
.mobile_width_fix {
display: block;
width: 100vw;
height: 0px;
}
}
</style>
</head>
<body id="body" bgcolor="#F4F5F8" marginleft="0" marginright="0" margintop="0"
style="min-width:100%; padding:0; margin:0; -webkit-text-size-adjust:none; background-color:#F4F5F8;font-family: Avenir, Helvetica, sans-serif;; font-size: 16px;">
<table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%"
style="margin: 0 auto;">
<tr>
<td align="center" bgcolor="#ffffff">
<!-- Spacer force width -->
<table class="nomob" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="nominwidth" style="min-width:600px" height="1" width="600"></td>
</tr>
</table>
<table class="nomob" bgcolor="#F4F5F8" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td height="10" width="100%"></td>
</tr>
</table>
<!-- Main Content -->
<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" bgcolor="#F4F5F8">
<!-- Logo Section -->
<table bgcolor="#F4F5F8" border="0" cellpadding="0" cellspacing="0" class="to100pc"
width="100%">
<tr>
<td align="center">
<table align="center" border="0" cellpadding="0" cellspacing="0" class="to100pc"
width="600">
<tr>
<td height="20" width="100%" style="line-height: 15px;">
<img alt="" height="20"
src="https://opsshield.com/assets/mail/space. gif"
style="display:block;" width="1" border="0" />
</td>
</tr>
<tr>
<td align="left">
<table width="100%">
<tr>
<td><a href="https://www. opsshield.com" name="Logo"
style="text-decoration:none;" target="_blank">
<img alt="cPGuard"
src="https://opsshield.com/assets/mail/logo_color.png"
style="font-size: 14px; font-weight: bold; font-family: Avenir, Helvetica, sans-serif; color: rgb(0, 200, 112); width: 40%; text-align: center;margin-left:10px;"
title="cPGuard Security" width="113"
border="0" />
</a></td>
<td valign="bottom" align="right"><a href="{{app_url}}"
style="text-decoration:none;color:#ccc;text-align: right;font-size: 16px; font-weight: 400; font-family: Avenir, Helvetica, sans-serif;margin-right: 10px;">{{hostname}}</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20" width="100%">
<img alt="" height="20"
src="https://opsshield.com/assets/mail/space.gif"
style="display:block;" width="1" border="0" />
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Summary Section -->
<table border="0" cellpadding="0" cellspacing="0" class="to100pc" width="100%">
<tr>
<td align="center">
<table align="center" bgcolor="white" border="0" cellpadding="0" cellspacing="0"
class="to100pc" width="600" style="max-width: 600px;">
<tr>
<td colspan="3" height="45">
<img alt="" height="45"
src="https://opsshield.com/assets/mail/space.gif"
style="display:block;" width="1" border="0" />
</td>
</tr>
<!-- Header Title -->
<tr>
<td colspan="3" align="center" style="padding: 0 80px;"
class="mobile_padding2">
<span
style="font-size:26px; line-height:32px; font-family:'Avenir Next', Avenir, Helvetica, sans-serif; color:#393A3D; font-weight: 600;"
class="mobile22">
Backup summary for<br />{{ date_string|date('F j, Y')
}}
</span>
</td>
</tr>
<tr>
<td colspan="3" align="center" style="padding: 20px 80px;"
class="mobile_padding2">
<span
style="font-size:22px; line-height:32px; font-family:'Avenir Next', Avenir, Helvetica, sans-serif; color:#393A3D;"
class="mobile22">
Here's a summary of website backup that was attempted on your
server
</span>
</td>
</tr>
<!-- Summary Stats Grid (2x2) -->
<tr>
<td colspan="3" align="center">
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" style="line-height:1px;">
<img style="display:block;"
src="https://opsshield. com/assets/mail/space. gif"
alt="" width="174" height="1" border="0" />
</td>
</tr>
<!-- Total Backups -->
<tr>
<td
style="line-height:.3; border-bottom:solid 1px #e6e6e6;padding:10px;">
<img style="display:block;"
src="https://opsshield.com/assets/mail/kb-icon.png"
alt="" width="32" height="32" border="0" />
</td>
<td
style="line-height:.3;border-bottom:solid 1px #e6e6e6;padding:10px;">
<h3 style="">Completed backups</h3>
<p style="font-size:14px;">Websites backed up locally
</p>
</td>
<td
style="line-height:.3;border-bottom:solid 1px #e6e6e6;padding:10px;">
{{ data.summary.completed|default(0) }}
</td>
</tr>
<tr>
<td
style="line-height:.3; border-bottom:solid 1px #e6e6e6;padding:10px;">
<img style="display:block;"
src="https://opsshield.com/assets/mail/alert-red-bell.png"
alt="" width="32" height="32" border="0" />
</td>
<td
style="line-height:.3;border-bottom:solid 1px #e6e6e6;padding:10px;">
<h3 style="">Failed backups</h3>
<p style="font-size:14px;">Websites that couldn't be
backed up</p>
</td>
<td
style="line-height:.3;border-bottom:solid 1px #e6e6e6;padding:10px;">
{{ data.summary.failed|default(0) }}
</td>
</tr>
<tr>
<td
style="line-height:.3; border-bottom:solid 1px #e6e6e6;padding:10px;">
<img style="display:block;"
src="https://opsshield.com/assets/mail/domain-icon.png"
alt="" width="32" height="32" border="0" />
</td>
<td
style="line-height:.3;border-bottom:solid 1px #e6e6e6;padding:10px;">
<h3 style="">Remote backup status</h3>
<p style="font-size:14px;">Sync local backup to remote
locations</p>
</td>
<td
style="line-height:.3;border-bottom:solid 1px #e6e6e6;padding:10px;">
{% if data.remote_status is same as(true) %}
<span
style="color:#0ca678; font-weight:600;">Success</span>
{% elseif data.remote_status is same as(NULL) %}
<span style="color:#b5b6b7; font-weight:600;">Not enabled</span>
{% else %}
<span
style="color:#d0021B; font-weight:600;">Failed</span>
{% endif %}
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" height="40">
<img alt="" height="40"
src="https://opsshield.com/assets/mail/space.gif"
style="display:block;" width="1" border="0" />
</td>
</tr>
<!-- CTA Button -->
<tr>
<td width="12%"> </td>
<td align="center" width="76%">
<table role="presentation" align="center" border="0" cellpadding="0"
cellspacing="0" style="border-collapse: collapse;">
<tbody>
<tr>
<td align="center" bgcolor="#ffffff" class="btn"
style="margin: 0; height: 31px; width: 135px;"
valign="middle">
<a href="{{app_url}}"
style="background-color: #4285F4; margin: 0; text-decoration: none; font-family: Roboto, Arial, sans-serif; font-weight: bold; font-size: 16px; color: #ffffff; display: inline-block; border-radius: 4px; box-shadow: 0px 2px 3px #b0b0b0;"
target="_blank">
<span class="blueBtn"
style="display: block; width: 158px; line-height: 40px;">View
Full Report</span>
</a>
</td>
</tr>
</tbody>
</table>
</td>
<td width="12%"> </td>
</tr>
<tr>
<td colspan="3" height="20">
<img alt="" height="20"
src="https://opsshield.com/assets/mail/space.gif"
style="display:block;" width="1" border="0" />
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Include Failed Backups Section -->
{% if data.failed|length > 0 %}
<table border="0" cellpadding="0" cellspacing="0" class="to100pc" width="100%"
style="page-break-before: always; margin-top: 10px;">
<tr>
<td align="center">
<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0"
width="100%">
<tr>
<td align="center" bgcolor="#F4F5F8">
<!-- Content -->
<table border="0" cellpadding="0" cellspacing="0" class="to100pc"
width="100%">
<tr>
<td align="center">
<table align="center" bgcolor="white" border="0"
cellpadding="0" cellspacing="0" class="to100pc"
width="600" style="max-width: 600px;">
<tr>
<td colspan="3" height="45">
<img alt="" height="45"
src="https://opsshield.com/assets/mail/space.gif"
style="display:block;" width="1"
border="0" />
</td>
</tr>
<tr>
<td colspan="3" align="center"
style="padding: 0 80px;"
class="mobile_padding2">
<span
style="font-size:18px; line-height:22px; font-family:'Avenir Next', Avenir, Helvetica, sans-serif; color:#BABEC5; font-weight: 500;">
FAILED BACKUPS
</span>
</td>
</tr>
<tr>
<td colspan="3" height="15"></td>
</tr>
<!-- Table -->
<tr>
<td colspan="3" align="center">
<table width="560" border="0"
style="border-collapse: collapse ! important;">
<tr>
<td width="400"
style="padding-left:15px; font-weight: 400;font-size: 14px;line-height: 26px;color: #9aa0a6;border-bottom: solid 1px #e3e5e6;padding-bottom: 10px;font-family: Roboto, sans-serif;">
Domain
</td>
<td width="100" align="right"
style="font-weight: 400;font-size: 14px;line-height: 26px;color: #9aa0a6;border-bottom: solid 1px #e3e5e6;padding:5px 15px 5px 0;font-family: Roboto, sans-serif;">
Status
</td>
</tr>
<tr>
<td height="10"></td>
<td></td>
</tr>
{% for item in data. failed %}
<tr>
<td
style="border-bottom:solid 1px #e6e6e6;padding:15px 0;line-height: 1.5;vertical-align: top;padding-left:15px;">
<h3
style="margin-top:0;font-size:14px;font-weight:600;word-break:break-all;">
{{ item.domain|e }}
</h3>
</td>
<td align="center"
style="border-bottom:solid 1px #e6e6e6;padding:15px 15px 15px 0;text-align:center;vertical-align: top;">
<small
style="color:#d0021B;display:block;margin-top:3px;">
{{ item.reason|e }}
</small>
</td>
</tr>
{% endfor %}
<tr>
<td colspan="2" height="10"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" height="46">
<img alt="" height="46"
src="https://opsshield.com/assets/mail/space.gif"
style="display:block;" width="1"
border="0" />
</td>
</tr>
<tr>
<td colspan="3" bgcolor="#F4F5F8"
style="line-height: 10px;">
<img alt="" height="10"
src="https://opsshield.com/assets/mail/space.gif"
style="display:block;" width="1"
border="0" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
{% endif %}
<!-- Include Remote Backup Status Section -->
{% if data.remote|length > 0 %}
<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" bgcolor="#F4F5F8">
<!-- Content -->
<table border="0" cellpadding="0" cellspacing="0" class="to100pc" width="100%">
<tr>
<td align="center">
<table align="center" bgcolor="white" border="0" cellpadding="0"
cellspacing="0" class="to100pc" width="600"
style="max-width: 600px;">
<tr>
<td colspan="3" height="45">
<img alt="" height="45"
src="https://opsshield. com/assets/mail/space. gif"
style="display:block;" width="1" border="0" />
</td>
</tr>
<tr>
<td colspan="3" align="center" style="padding: 0 80px;"
class="mobile_padding2">
<span
style="font-size:18px; line-height:22px; font-family:'Avenir Next', Avenir, Helvetica, sans-serif; color:#BABEC5; font-weight: 500;">
REMOTE BACKUP STATUS
</span>
</td>
</tr>
<tr>
<td colspan="3" height="15"></td>
</tr>
<!-- Table -->
<tr>
<td colspan="3" align="center">
<table width="560" border="0"
style="border-collapse: collapse !important;">
<tr>
<td width="300"
style="padding-left:15px; font-weight: 400;font-size: 14px;line-height: 26px;color: #9aa0a6;border-bottom: solid 1px #e3e5e6;padding-bottom: 10px;font-family: Roboto, sans-serif;">
Provider / Destination
</td>
<td width="150" align="center"
style="font-weight: 400;font-size: 14px;line-height: 26px;color: #9aa0a6;border-bottom: solid 1px #e3e5e6;padding:5px 15px 5px 0;font-family: Roboto, sans-serif;">
Status
</td>
</tr>
<tr>
<td height="10"></td>
<td></td>
</tr>
{% for remote in data.remote %}
{% if remote.status == 'failed' %}
{% set status_color = '#d0021B' %}
{% set status_bg = '#fee2e4' %}
{% set status_text = 'FAILED' %}
{% set title_color = '#d0021B' %}
{% elseif remote.status == 'success' %}
{% set status_color = '#0ca678' %}
{% set status_bg = '#f0fdf4' %}
{% set status_text = 'SUCCESS' %}
{% set title_color = '#0ca678' %}
{% else %}
{% set status_color = '#4285F4' %}
{% set status_bg = '#eff6ff' %}
{% set status_text = 'PENDING' %}
{% set title_color = '#4285F4' %}
{% endif %}
<tr>
<td
style="border-bottom:solid 1px #e6e6e6;padding:15px 0;line-height: 1.5;vertical-align: top;padding-left:15px;">
<h3
style="margin-top:0;color:{{ title_color }};font-size:14px;font-weight:600;word-break:break-all;">
{{ remote.type|upper|e }} - {{
remote.destination|e }}
</h3>
</td>
<td align="center"
style="border-bottom:solid 1px #e6e6e6;padding:15px 15px 15px 0;text-align:center;vertical-align: top;">
<span
style="display:inline-block;background-color:{{ status_bg }};color:{{ status_color }};font-weight:600;font-size:12px;border-radius:4px;padding:6px 10px;font-family: Roboto, sans-serif;">
{{ status_text }}
</span>
</td>
</tr>
{% endfor %}
<tr>
<td colspan="2" height="10"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" height="46">
<img alt="" height="46"
src="https://opsshield.com/assets/mail/space.gif"
style="display:block;" width="1" border="0" />
</td>
</tr>
<tr>
<td colspan="3" bgcolor="#F4F5F8"
style="line-height: 10px;">
<img alt="" height="10"
src="https://opsshield.com/assets/mail/space.gif"
style="display:block;" width="1" border="0" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
{% endif %}
<!-- Footer -->
<table border="0" cellpadding="0" cellspacing="0" class="to100pc" width="100%"
style="margin-top: 20px;">
<tr>
<td align="center">
<table border="0" cellpadding="0" cellspacing="0" class="to100pc" width="100%">
<tr>
<td align="center">
<table align="center" bgcolor="#F4F5F8" border="0" cellpadding="0"
cellspacing="0" class="to100pc" width="600">
<tr>
<td colspan="2" align="center" width="90%"
style="padding:10px;">
<span
style="font-size:12px; line-height:1.6; font-family:Avenir, Helvetica, sans-serif; color:#999999;">
You've received this email because you have cPGuard
security on your server - {{ hostname }}. <br />
You may turn off notification from <a
href="{{app_url}}"
style="color:#999999;font-weight:500;">cPGuard
settings</a>
on your server
<br /> <br />
</span>
</td>
</tr>
<tr>
<td
style="padding-left:10px; vertical-align: top; text-align: left;">
<a href="https://www. opsshield.com">
<img height="46" alt="cPGuard logo"
style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0px;"
src="https://www.opsshield.com/assets/img/opsshield-logo.png" />
</a>
</td>
<td
style="padding-right:10px; vertical-align: top; text-align: right;padding-top: 7px;">
<a href="https://x.com/opsshieldllp"
style="margin-left: 20px;">
<img height="27" width="27" title="Twitter" alt="X"
src="https://opsshield.com/assets/img/twitter.png" /></a>
<a href="https://www.facebook.com/opsshield"
style="margin-left: 20px;">
<img height="32" width="32" title="Facebook"
alt="fb"
src="https://opsshield.com/assets/img/facebook.png" /></a>
</td>
</tr>
<tr>
<td colspan="2" style="padding:10px;">
<div
style="font-family:'Avenir Next', Avenir, Helvetica, sans-serif;font-size:12px; opacity:0.5; color:#696969; text-align:left; line-height:10px; margin-bottom:50px;">
<a style="color: #696969 !important;"
href="https://www.opsshield. com/blog/">Our
Blog</a>
|
<a style="color: #696969 ! important;"
href="https://opsshield.com/privacy-policy. html">Privacy
Policy</a>
|
<a style="color: #696969 !important;"
href="https://opsshield. com/help/">Help
Center</a>
<br /><br />
<div>©{{ __year }} OPSSHIELD LLP
www.opsshield.com</div>
</div>
</td>
</tr>
<tr>
<td colspan="2" height="25" width="100%"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html> |