openclassify/addons/default/visiosoft/base-theme/resources/views/notifications/email.twig
2020-08-24 15:59:25 +03:00

193 lines
12 KiB
Twig
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
{% block head %}
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>
{{ title ?: setting_value('streams::name','Visiosoft LTD.') }}
</title>
<style rel="stylesheet" media="all">
/* Media Queries */
@media only screen and (max-width: 500px) {
.button {
width: 100% !important;
}
}
</style>
</head>
{% endblock %}
{% set style = {
'body': 'margin: 0; padding: 0; width: 100%; background-color: #F2F4F6;',
'email-wrapper': 'width: 100%; margin: 0; padding: 0; background-color: #F2F4F6;',
'email-masthead': 'padding: 25px 0; text-align: center;',
'email-masthead_name': 'font-size: 16px; font-weight: bold; color: #2F3133; text-decoration: none; text-shadow: 0 1px 0 white;',
'email-body': 'width: 100%; margin: 0; padding: 0; border-top: 1px solid #EDEFF2; border-bottom: 1px solid #EDEFF2; background-color: #FFF;',
'email-body_inner': 'width: auto; max-width: 570px; margin: 0 auto; padding: 0;',
'email-body_cell': 'padding: 35px;',
'email-footer': 'width: auto; max-width: 570px; margin: 0 auto; padding: 0; text-align: center;',
'email-footer_cell': 'color: #AEAEAE; padding: 35px; text-align: center;',
'body_action': 'width: 100%; margin: 30px auto; padding: 0; text-align: center;',
'body_sub': 'margin-top: 25px; padding-top: 25px; border-top: 1px solid #EDEFF2;',
'anchor': 'color: #3869D4;',
'header-1': 'margin-top: 0; color: #2F3133; font-size: 19px; font-weight: bold; text-align: left;',
'paragraph': 'margin-top: 0; color: #74787E; font-size: 16px; line-height: 1.5em;',
'paragraph-sub': 'margin-top: 0; color: #74787E; font-size: 12px; line-height: 1.5em; max-width: 570px; word-wrap: break-word;',
'paragraph-center': 'text-align: center;',
'button': 'display: block; display: inline-block; width: 200px; min-height: 20px; padding: 10px; background-color: #3869D4; border-radius: 3px; color: #ffffff; font-size: 15px; line-height: 25px; text-align: center; text-decoration: none; -webkit-text-size-adjust: none;',
'button--green': 'background-color: #22BC66;',
'button--red': 'background-color: #dc4d2f;',
'button--blue': 'background-color: #3869D4;'
} %}
{% set fontFamily = 'font-family: Arial, \'Helvetica Neue\', Helvetica, sans-serif;' %}
<body style="{{ style['body'] }}">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td style="{{ style['email-wrapper'] }}" align="center">
<table width="100%" cellpadding="0" cellspacing="0">
{% block logo %}
<!-- Logo -->
<tr>
<td style="{{ style['email-masthead'] }}">
<a style="{{ fontFamily }} {{ style['email-masthead_name'] }}" href="{{ url('/') }}" target="_blank">
{{ title ?: setting_value('streams::name','Visiosoft LTD.') }}
</a>
</td>
</tr>
{% endblock %}
{% block body %}
<!-- Email Body -->
<tr>
<td style="{{ style['email-body'] }}" width="100%">
<table style="{{ style['email-body_inner'] }}" align="center" width="570" cellpadding="0" cellspacing="0">
<tr>
<td style="{{ fontFamily }} {{ style['email-body_cell'] }}">
{% block greeting %}
<!-- Greeting -->
<h1 style="{{ style['header-1'] }}">
{{ greeting ?: (level == 'error' ? 'Whoops!' : 'Hello!') }}
</h1>
{% endblock %}
{% block intro %}
<!-- Intro -->
{% for line in introLines %}
<p style="{{ style['paragraph'] }}">
{% autoescape 'js' %}
{{ line|raw }}
{% endautoescape %}
</p>
{% endfor %}
{% endblock %}
{% block action %}
<!-- Action Button -->
{% if actionText %}
<table style="{{ style['body_action'] }}" align="center" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
{% if level == 'success' %}
{% set actionColor = 'button--green' %}
{% elseif level == 'error' %}
{% set actionColor = 'button--red' %}
{% else %}
{% set actionColor = 'button--blue' %}
{% endif %}
<a href="{{ actionUrl }}" style="{{ fontFamily }} {{ style['button'] }} {{ style[actionColor] }}" class="button" target="_blank">
{% autoescape 'js' %}
{{ actionText|raw }}
{% endautoescape %}
</a>
</td>
</tr>
</table>
{% endif %}
{% endblock %}
{% block outro %}
<!-- Outro -->
{% for line in outroLines %}
<p style="{{ style['paragraph'] }}">
{% autoescape 'js' %}
{{ line|raw }}
{% endautoescape %}
</p>
{% endfor %}
{% endblock %}
{% block salutation %}
<!-- Salutation -->
<p style="{{ style['paragraph'] }}">
{{ salutation ?:'Regards' }},<br>{{ setting_value('streams::name','Visiosoft LTD.') }}
</p>
{% endblock %}
{% block subcopy %}
<!-- Sub Copy -->
{% if actionText is defined %}
<table style="{{ style['body_sub'] }}">
<tr>
<td style="{{ fontFamily }}">
<p style="{{ style['paragraph-sub'] }}">
If youre having trouble clicking the "{{ actionText }}" button, copy and paste the URL below into your web browser:
</p>
<p style="{{ style['paragraph-sub'] }}">
<a style="{{ style['anchor'] }}" href="{{ actionUrl }}" target="_blank">
{{ actionUrl }}
</a>
</p>
</td>
</tr>
</table>
{% endif %}
{% endblock %}
</td>
</tr>
</table>
</td>
</tr>
{% endblock %}
{% block footer %}
<!-- Footer -->
<tr>
<td>
<table style="{{ style['email-footer'] }}" align="center" width="570" cellpadding="0" cellspacing="0">
<tr>
<td style="{{ fontFamily }} {{ style['email-footer_cell'] }}">
<p style="{{ style['paragraph-sub'] }}">
&copy;
{{ 'now'|date('Y') }}
<a style="{{ style['anchor'] }}" href="{{ url('/') }}" target="_blank">{{ setting_value('streams::name','Visiosoft LTD.') }}</a>. All rights reserved.
</p>
</td>
</tr>
</table>
</td>
</tr>
{% endblock %}
</table>
</td>
</tr>
</table>
</body>
</html>