protected function renderType(&$context)
{
$params = $this->slider->params;
N2Loader::import('libraries.image.color');
$width = intval($context['width']);
$height = intval($context['height']);
$context['backgroundSize'] = $params->get('background-size');
$context['backgroundAttachment'] = $params->get('background-fixed') ? 'fixed' : 'scroll';
$borderWidth = $params->get('border-width');
$borderColor = $params->get('border-color');
$context['borderRadius'] = $params->get('border-radius') . 'px';
$padding = N2Parse::parse($params->get('padding'));
$context['paddingt'] = $padding[0] . 'px';
$context['paddingr'] = $padding[1] . 'px';
$context['paddingb'] = $padding[2] . 'px';
$context['paddingl'] = $padding[3] . 'px';
if ($context['canvas']) {
$width += 2 * $borderWidth + $padding[1] + $padding[3];
$height += 2 * $borderWidth + $padding[0] + $padding[2];
$context['width'] = $width . "px";
$context['height'] = $height . "px";
}
$context['border'] = $borderWidth . 'px';
$rgba = N2Color::hex2rgba($borderColor);
$context['borderrgba'] = 'RGBA(' . $rgba[0] . ',' . $rgba[1] . ',' . $rgba[2] . ',' . round($rgba[3] / 127, 2) . ')';
$context['borderhex'] = '#' . substr($borderColor, 0, 6);
$width = $width - ($padding[1] + $padding[3]) - $borderWidth * 2;
$height = $height - ($padding[0] + $padding[2]) - $borderWidth * 2;
$context['inner1height'] = $height . 'px';
$context['canvaswidth'] = $width . "px";
$context['canvasheight'] = $height . "px";
N2LESS::addFile(N2Filesystem::translate(dirname(__FILE__) . NDS . 'style.less'), $this->slider->cacheId, $context, NEXTEND_SMARTSLIDER_ASSETS . '/less' . NDS);
}
public function parseBorder($v)
{
$border = explode('|*|', $v);
$style = 'border-width: ' . $border[0] . 'px';
$style .= 'border-style: ' . $border[1] . ';';
$rgba = N2Color::hex2rgba($border[2]);
$style .= 'border-color: #' . substr($border[2], 0, 6) . "; border-color: RGBA(" . $rgba[0] . ',' . $rgba[1] . ',' . $rgba[2] . ',' . round($rgba[3] / 127, 2) . ');';
return $style;
}
/**
* @param $slide N2SmartSliderSlide
*
* @return string
*/
public function make($slide)
{
$dynamicHeight = intval($this->slider->params->get('dynamic-height', 0));
$backgroundImageOpacity = min(100, max(0, $slide->parameters->get('backgroundImageOpacity', 100))) / 100;
if ($slide->hasGenerator()) {
$rawBackgroundImage = $slide->parameters->get('backgroundImage', '');
$backgroundImage = $slide->fill($rawBackgroundImage);
$imageData = N2ImageManager::getImageData($rawBackgroundImage);
$imageData['desktop-retina']['image'] = $slide->fill($imageData['desktop-retina']['image']);
$imageData['tablet']['image'] = $slide->fill($imageData['tablet']['image']);
$imageData['tablet-retina']['image'] = $slide->fill($imageData['tablet-retina']['image']);
$imageData['mobile']['image'] = $slide->fill($imageData['mobile']['image']);
$imageData['mobile-retina']['image'] = $slide->fill($imageData['mobile-retina']['image']);
} else {
$backgroundImage = $slide->fill($slide->parameters->get('backgroundImage', ''));
$imageData = N2ImageManager::getImageData($backgroundImage);
}
$sizes = $this->slider->assets->sizes;
$backgroundColor = '';
$color = $slide->parameters->get('backgroundColor', '');
if (strlen($color) == 8 && substr($color, 6, 2) != '00') {
$backgroundColor = 'background-color: #' . substr($color, 0, 6) . ';';
if (!class_exists('N2Color')) {
N2Loader::import("libraries.image.color");
}
$rgba = N2Color::hex2rgba($color);
$rgba[3] = round($rgba[3] / 127, 2);
$backgroundColor .= "background-color: RGBA({$rgba[0]}, {$rgba[1]}, {$rgba[2]}, {$rgba[3]});";
}
if (empty($backgroundImage)) {
$src = N2Image::base64Transparent();
} else {
$src = $backgroundImage;
}
$alt = $slide->parameters->get('backgroundAlt', '');
$title = $slide->parameters->get('backgroundTitle', '');
$fillMode = $slide->parameters->get('backgroundMode', 'default');
if ($fillMode == 'default') {
$fillMode = $this->slider->params->get('backgroundMode', 'fill');
}
if ($dynamicHeight) {
return $this->simple($backgroundColor, $backgroundImageOpacity, $src, $imageData, $alt, $title, $sizes);
}
switch ($fillMode) {
case 'fit':
return $this->fit($backgroundColor, $backgroundImageOpacity, $src, $imageData, $alt, $title, $sizes);
case 'stretch':
return $this->stretch($backgroundColor, $backgroundImageOpacity, $src, $imageData, $alt, $title);
case 'center':
return $this->center($backgroundColor, $backgroundImageOpacity, $src, $imageData);
case 'tile':
return $this->tile($backgroundColor, $backgroundImageOpacity, $src, $imageData);
}
return $this->fill($backgroundColor, $backgroundImageOpacity, $src, $imageData, $alt, $title, $sizes);
}
/**
* @param $v
*
* @return string
*/
public function parseTshadow($v)
{
$v = N2Parse::parse($v);
$rgba = N2Color::hex2rgba($v[3]);
if ($v[0] == 0 && $v[1] == 0 && $v[2] == 0) {
return 'text-shadow: none;';
}
return 'text-shadow: ' . $v[0] . 'px ' . $v[1] . 'px ' . $v[2] . 'px RGBA(' . $rgba[0] . ',' . $rgba[1] . ',' . $rgba[2] . ',' . round($rgba[3] / 127, 2) . ');';
}
