init
This commit is contained in:
emmymayo
@@ -0,0 +1,48 @@
|
||||
<?php // phpcs:ignore SlevomatCodingStandard.TypeHints.DeclareStrictTypes.DeclareStrictTypesMissing
|
||||
|
||||
namespace MailPoet\Newsletter\Renderer\Columns;
|
||||
|
||||
if (!defined('ABSPATH')) exit;
|
||||
|
||||
|
||||
class ColumnsHelper {
|
||||
public static $columnsWidth = [
|
||||
1 => [660],
|
||||
2 => [330, 330],
|
||||
"1_2" => [220, 440],
|
||||
"2_1" => [440, 220],
|
||||
3 => [220, 220, 220],
|
||||
];
|
||||
|
||||
public static $columnsClass = [
|
||||
1 => 'cols-one',
|
||||
2 => 'cols-two',
|
||||
3 => 'cols-three',
|
||||
];
|
||||
|
||||
public static $columnsAlignment = [
|
||||
1 => null,
|
||||
2 => 'left',
|
||||
3 => 'right',
|
||||
];
|
||||
|
||||
/** @return int[] */
|
||||
public static function columnWidth($columnsCount, $columnsLayout) {
|
||||
if (isset(self::$columnsWidth[$columnsLayout])) {
|
||||
return self::$columnsWidth[$columnsLayout];
|
||||
}
|
||||
return self::$columnsWidth[$columnsCount];
|
||||
}
|
||||
|
||||
public static function columnClass($columnsCount) {
|
||||
return self::$columnsClass[$columnsCount];
|
||||
}
|
||||
|
||||
public static function columnClasses() {
|
||||
return self::$columnsClass;
|
||||
}
|
||||
|
||||
public static function columnAlignment($columnsCount) {
|
||||
return self::$columnsAlignment[$columnsCount];
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,151 @@
|
||||
<?php // phpcs:ignore SlevomatCodingStandard.TypeHints.DeclareStrictTypes.DeclareStrictTypesMissing
|
||||
|
||||
namespace MailPoet\Newsletter\Renderer\Columns;
|
||||
|
||||
if (!defined('ABSPATH')) exit;
|
||||
|
||||
|
||||
use MailPoet\Newsletter\Renderer\EscapeHelper as EHelper;
|
||||
|
||||
class Renderer {
|
||||
public function render($contentBlock, $columnsData) {
|
||||
if (is_null($contentBlock['blocks']) && isset($contentBlock['type'])) {
|
||||
return "<!-- Skipped unsupported block type: {$contentBlock['type']} -->";
|
||||
}
|
||||
|
||||
$columnsCount = count($contentBlock['blocks']);
|
||||
|
||||
if ($columnsCount === 1) {
|
||||
return $this->renderOneColumn($contentBlock, $columnsData[0]);
|
||||
}
|
||||
return $this->renderMultipleColumns($contentBlock, $columnsData);
|
||||
}
|
||||
|
||||
private function renderOneColumn($contentBlock, $content) {
|
||||
$template = $this->getOneColumnTemplate(
|
||||
$contentBlock['styles']['block'],
|
||||
isset($contentBlock['image']) ? $contentBlock['image'] : null
|
||||
);
|
||||
return $template['content_start'] . $content . $template['content_end'];
|
||||
}
|
||||
|
||||
public function getOneColumnTemplate($styles, $image) {
|
||||
$backgroundCss = $this->getBackgroundCss($styles, $image);
|
||||
$template['content_start'] = '
|
||||
<tr>
|
||||
<td class="mailpoet_content" align="center" style="border-collapse:collapse;' . $backgroundCss . '" ' . $this->getBgColorAttribute($styles, $image) . '>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;mso-table-lspace:0;mso-table-rspace:0">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="padding-left:0;padding-right:0">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="mailpoet_' . ColumnsHelper::columnClass(1) . '" style="border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;">
|
||||
<tbody>';
|
||||
$template['content_end'] = '
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>';
|
||||
return $template;
|
||||
}
|
||||
|
||||
private function renderMultipleColumns($contentBlock, $columnsData) {
|
||||
$columnsCount = count($contentBlock['blocks']);
|
||||
$columnsLayout = isset($contentBlock['columnLayout']) ? $contentBlock['columnLayout'] : null;
|
||||
|
||||
$widths = ColumnsHelper::columnWidth($columnsCount, $columnsLayout);
|
||||
$class = ColumnsHelper::columnClass($columnsCount);
|
||||
$alignment = ColumnsHelper::columnAlignment($columnsCount);
|
||||
$index = 0;
|
||||
$result = $this->getMultipleColumnsContainerStart($class, $contentBlock['styles']['block'], isset($contentBlock['image']) ? $contentBlock['image'] : null);
|
||||
foreach ($columnsData as $content) {
|
||||
$result .= $this->getMultipleColumnsContentStart($widths[$index++], $alignment, $class);
|
||||
$result .= $content;
|
||||
$result .= $this->getMultipleColumnsContentEnd();
|
||||
}
|
||||
$result .= $this->getMultipleColumnsContainerEnd();
|
||||
return $result;
|
||||
}
|
||||
|
||||
private function getMultipleColumnsContainerStart($class, $styles, $image) {
|
||||
return '
|
||||
<tr>
|
||||
<td class="mailpoet_content-' . $class . '" align="left" style="border-collapse:collapse;' . $this->getBackgroundCss($styles, $image) . '" ' . $this->getBgColorAttribute($styles, $image) . '>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;mso-table-lspace:0;mso-table-rspace:0">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center" style="font-size:0;"><!--[if mso]>
|
||||
<table border="0" width="100%" cellpadding="0" cellspacing="0">
|
||||
<tbody>
|
||||
<tr>';
|
||||
}
|
||||
|
||||
private function getMultipleColumnsContainerEnd() {
|
||||
return '
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<![endif]--></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>';
|
||||
}
|
||||
|
||||
private function getMultipleColumnsContentEnd() {
|
||||
return '
|
||||
</tbody>
|
||||
</table>
|
||||
</div><!--[if mso]>
|
||||
</td>';
|
||||
}
|
||||
|
||||
public function getMultipleColumnsContentStart($width, $alignment, $class) {
|
||||
return '
|
||||
<td width="' . $width . '" valign="top">
|
||||
<![endif]--><div style="display:inline-block; max-width:' . $width . 'px; vertical-align:top; width:100%;">
|
||||
<table width="' . $width . '" class="mailpoet_' . $class . '" border="0" cellpadding="0" cellspacing="0" align="' . $alignment . '" style="width:100%;max-width:' . $width . 'px;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;">
|
||||
<tbody>';
|
||||
}
|
||||
|
||||
private function getBackgroundCss($styles, $image) {
|
||||
if ($image !== null && $image['src'] !== null) {
|
||||
$backgroundColor = isset($styles['backgroundColor']) && $styles['backgroundColor'] !== 'transparent' ? $styles['backgroundColor'] : '#ffffff';
|
||||
$repeat = $image['display'] === 'tile' ? 'repeat' : 'no-repeat';
|
||||
$size = $image['display'] === 'scale' ? 'cover' : 'contain';
|
||||
$style = sprintf(
|
||||
'background: %s url(%s) %s center/%s;background-color: %s;background-image: url(%s);background-repeat: %s;background-position: center;background-size: %s;',
|
||||
$backgroundColor,
|
||||
$image['src'],
|
||||
$repeat,
|
||||
$size,
|
||||
$backgroundColor,
|
||||
$image['src'],
|
||||
$repeat,
|
||||
$size
|
||||
);
|
||||
return EHelper::escapeHtmlStyleAttr($style);
|
||||
} else {
|
||||
if (!isset($styles['backgroundColor'])) return false;
|
||||
$backgroundColor = $styles['backgroundColor'];
|
||||
return ($backgroundColor !== 'transparent') ?
|
||||
EHelper::escapeHtmlStyleAttr(sprintf('background-color:%s!important;', $backgroundColor)) :
|
||||
false;
|
||||
}
|
||||
}
|
||||
|
||||
private function getBgColorAttribute($styles, $image) {
|
||||
if (
|
||||
($image === null || $image['src'] === null)
|
||||
&& isset($styles['backgroundColor'])
|
||||
&& $styles['backgroundColor'] !== 'transparent'
|
||||
) {
|
||||
return 'bgcolor="' . EHelper::escapeHtmlAttr($styles['backgroundColor']) . '"';
|
||||
}
|
||||
return null;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<?php
|
||||
Reference in New Issue
Block a user