| @@ -1,5 +1,11 @@ | ||
| 1 | -<?php if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly ?> | |
| 1 | +<?php if ( ! defined( 'ABSPATH' ) ) { exit;} // Exit if accessed directly ?> | |
| 2 | +<?php | |
| 3 | +/** @var array|null $logo @var string $bodyContent @var array $footerLines */ | |
| 4 | +$fluentCommunityLogo = $logo ?? null; | |
| 5 | +$fluentCommunityBodyContent = $bodyContent ?? ''; | |
| 6 | +$fluentCommunityFooterLines = $footerLines ?? []; | |
| 7 | +?> | |
| 2 | 8 | <!doctype html> |
| 3 | 9 | <html lang="en"> |
| 4 | 10 | <head> |
| 5 | 11 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| @@ -81,9 +87,18 @@ | ||
| 81 | 87 | font-family: inherit; |
| 82 | 88 | font-weight: inherit; |
| 83 | 89 | line-height: inherit; |
| 84 | 90 | } |
| 91 | + | |
| 92 | + img.wp-smiley { | |
| 93 | + vertical-align: middle; | |
| 94 | + } | |
| 85 | 95 | } |
| 96 | + | |
| 97 | + img { | |
| 98 | + max-width: 100%; | |
| 99 | + height: auto; | |
| 100 | + } | |
| 86 | 101 | |
| 87 | 102 | .footer p { |
| 88 | 103 | margin: 0; |
| 89 | 104 | margin-top: 8px; |
| @@ -114,18 +129,24 @@ | ||
| 114 | 129 | blockquote p { |
| 115 | 130 | margin: 3px 0; |
| 116 | 131 | } |
| 117 | 132 | |
| 133 | + <?php if(\FluentCommunity\App\Services\Helper::isRtl()): ?> | |
| 134 | + .fcom_email { | |
| 135 | + direction: rtl; | |
| 136 | + } | |
| 137 | + <?php endif; ?> | |
| 138 | + | |
| 118 | 139 | </style> |
| 119 | 140 | </head> |
| 120 | 141 | <body style="font-family: Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 1.3; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color: #f4f5f6; margin: 0; padding: 0;"> |
| 121 | -<table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f4f5f6; width: 100%;" width="100%" bgcolor="#f4f5f6"> | |
| 122 | - <?php if($logo): ?> | |
| 142 | +<table class="fcom_email" role="presentation" border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f4f5f6; width: 100%;" width="100%" bgcolor="#f4f5f6"> | |
| 143 | + <?php if($fluentCommunityLogo): ?> | |
| 123 | 144 | <tr> |
| 124 | 145 | <td></td> |
| 125 | 146 | <td> |
| 126 | 147 | <a href="<?php echo esc_url(\FluentCommunity\App\Services\Helper::baseUrl()); ?>"> |
| 127 | - <img src="<?php echo esc_url($logo['url']); ?>" alt="<?php echo esc_attr($logo['alt']); ?>" style="display: block; margin: 0 auto;max-height: 60px; padding: 0; width: auto; margin-top: 12px;"> | |
| 148 | + <img src="<?php echo esc_url($fluentCommunityLogo['url']); ?>" alt="<?php echo esc_attr($fluentCommunityLogo['alt']); ?>" style="display: block; margin: 0 auto;max-height: 60px; padding: 0; width: auto; margin-top: 12px;"> | |
| 128 | 149 | </a> |
| 129 | 150 | </td> |
| 130 | 151 | <td></td> |
| 131 | 152 | </tr> |
| @@ -135,9 +156,9 @@ | ||
| 135 | 156 | |
| 136 | 157 | </td> |
| 137 | 158 | <td class="container" style="font-family: Helvetica, sans-serif; font-size: 16px; vertical-align: top; max-width: 600px; padding: 0; padding-top: 24px; width: 600px; margin: 0 auto;" width="600" valign="top"> |
| 138 | 159 | <div class="content" style="box-sizing: border-box; display: block; margin: 0 auto; max-width: 600px; padding-bottom: 20px; padding: 0 0 20px;"> |
| 139 | - <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="main" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #ffffff; border: 1px solid #eaebed; border-radius: 16px; width: 100%;" width="100%"> | |
| 160 | + <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="fcom_email main" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #ffffff; border: 1px solid #eaebed; border-radius: 16px; width: 100%;" width="100%"> | |
| 140 | 161 | <tr> |
| 141 | 162 | <td> |
| 142 | 163 | <?php if(!empty($headingContent)): ?> |
| 143 | 164 | <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="main" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%"> |
| @@ -151,9 +172,11 @@ | ||
| 151 | 172 | |
| 152 | 173 | <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="main" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%"> |
| 153 | 174 | <tr> |
| 154 | 175 | <td class="wrapper user_contents" style="font-family: Helvetica, sans-serif; font-size: 16px; line-height: 1.4; vertical-align: top; box-sizing: border-box; padding: 24px;" valign="top"> |
| 155 | - <?php \FluentCommunity\App\Services\CustomSanitizer::sanitizeRichText($bodyContent, true); ?> | |
| 176 | +<!--email_content_before--> | |
| 177 | + <?php \FluentCommunity\App\Services\CustomSanitizer::sanitizeRichText($fluentCommunityBodyContent, true); ?> | |
| 178 | +<!--email_content_after--> | |
| 156 | 179 | </td> |
| 157 | 180 | </tr> |
| 158 | 181 | </table> |
| 159 | 182 | </td> |
| @@ -158,15 +181,17 @@ | ||
| 158 | 181 | </table> |
| 159 | 182 | </td> |
| 160 | 183 | </tr> |
| 161 | 184 | </table> |
| 162 | - <?php if($footerLines): ?> | |
| 185 | + <!--before-footer-lines--> | |
| 186 | + <?php if($fluentCommunityFooterLines): ?> | |
| 163 | 187 | <div class="footer" style="clear: both; padding-top: 24px; padding-bottom: 24px; text-align: center; width: 100%;"> |
| 164 | - <table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%"> | |
| 165 | - <?php foreach ($footerLines as $line): ?> | |
| 188 | + <!--before_footer_section--> | |
| 189 | + <table class="fcom_email" role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%"> | |
| 190 | + <?php foreach ($fluentCommunityFooterLines as $fluentCommunityLine): ?> | |
| 166 | 191 | <tr> |
| 167 | 192 | <td class="content-block" style="font-family: Helvetica, sans-serif; vertical-align: top; color: #9a9ea6; font-size: 14px; text-align: center;" valign="top" align="center"> |
| 168 | - <span class="apple-link" style="color: #9a9ea6; font-size: 14px; text-align: center;"><?php \FluentCommunity\App\Services\CustomSanitizer::sanitizeRichText($line, true); ?></span> | |
| 193 | + <span class="apple-link" style="color: #9a9ea6; font-size: 14px; text-align: center;"><?php \FluentCommunity\App\Services\CustomSanitizer::sanitizeRichText($fluentCommunityLine, true); ?></span> | |
| 169 | 194 | </td> |
| 170 | 195 | </tr> |
| 171 | 196 | <?php endforeach; ?> |
| 172 | 197 | </table> |
| @@ -171,8 +196,9 @@ | ||
| 171 | 196 | <?php endforeach; ?> |
| 172 | 197 | </table> |
| 173 | 198 | </div> |
| 174 | 199 | <?php endif; ?> |
| 200 | + <!--after-footer-lines--> | |
| 175 | 201 | </div> |
| 176 | 202 | </td> |
| 177 | 203 | <td style="font-family: Helvetica, sans-serif; font-size: 16px; vertical-align: top;" valign="top"> </td> |
| 178 | 204 | </tr> |
