Файловый менеджер

Файловый менеджер - Редактировать - /home/lmsyaran/public_html/j3/libraries/smartslider3/src/SmartSlider3/Slider/Feature/SlideBackground.php

Назад
<?php namespace Nextend\SmartSlider3\Slider\Feature; use Nextend\Framework\Image\ImageEdit; use Nextend\Framework\Image\ImageManager; use Nextend\Framework\Parser\Color; use Nextend\Framework\ResourceTranslator\ResourceTranslator; use Nextend\Framework\View\Html; use Nextend\SmartSlider3\Slider\Slide; use Nextend\SmartSlider3\Slider\Slider; class SlideBackground { /** * @var Slider / private $slider; public function __construct($slider) { $this->slider = $slider; } public function makeJavaScriptProperties(&$properties) { $enabled = intval($this->slider->params->get('slide-background-parallax', 0)); if ($enabled) { $properties['backgroundParallax'] = array( 'strength' => intval($this->slider->params->get('slide-background-parallax-strength', 50)) / 100, 'tablet' => intval($this->slider->params->get('bg-parallax-tablet', 0)), 'mobile' => intval($this->slider->params->get('bg-parallax-mobile', 0)) ); } } /* * @param $slide Slide * * @return string / public function make($slide) { if ($slide->parameters->get('background-type') == '') { $slide->parameters->set('background-type', 'color'); if ($slide->parameters->get('backgroundVideoMp4')) { $slide->parameters->set('background-type', 'video'); } else if ($slide->parameters->get('backgroundImage')) { $slide->parameters->set('background-type', 'image'); } } return $this->makeBackground($slide); } private function getBackgroundStyle($slide) { $style = ''; $color = $slide->fill($slide->parameters->get('backgroundColor', '')); if (empty($color)) { $color = 'ffffff00'; } if (strlen($color) > 0 && $color[0] == '#') { $color = substr($color, 1); if (strlen($color) == 6) { $color .= 'ff'; } } $gradient = $slide->parameters->get('backgroundGradient', 'off'); if ($gradient != 'off') { $colorEnd = $slide->fill($slide->parameters->get('backgroundColorEnd', 'ffffff00')); if (empty($colorEnd)) { $colorEnd = 'ffffff00'; } if ($colorEnd[0] == '#') { $colorEnd = substr($colorEnd, 1); if (strlen($colorEnd) == 6) { $colorEnd .= 'ff'; } } switch ($gradient) { case 'horizontal': $style .= 'background:linear-gradient(to right, ' . Color::colorToRGBA($color) . ' 0%,' . Color::colorToRGBA($colorEnd) . ' 100%);'; break; case 'vertical': $style .= 'background:linear-gradient(to bottom, ' . Color::colorToRGBA($color) . ' 0%,' . Color::colorToRGBA($colorEnd) . ' 100%);'; break; case 'diagonal1': $style .= 'background:linear-gradient(45deg, ' . Color::colorToRGBA($color) . ' 0%,' . Color::colorToRGBA($colorEnd) . ' 100%);'; break; case 'diagonal2': $style .= 'background:linear-gradient(135deg, ' . Color::colorToRGBA($color) . ' 0%,' . Color::colorToRGBA($colorEnd) . ' 100%);'; break; } } else { if (strlen($color) == 8) { $alpha = substr($color, 6, 2); if ($alpha != '00') { $style = 'background-color: #' . substr($color, 0, 6) . ';'; if ($alpha != 'ff') { $style .= "background-color: " . Color::colorToRGBA($color) . ";"; } } } } return $style; } private function makeBackground($slide) { $backgroundType = $slide->parameters->get('background-type'); if (empty($backgroundType)) { $backgroundVideoMp4 = $slide->parameters->get('backgroundVideoMp4', ''); $backgroundImage = $slide->parameters->get('backgroundImage', ''); if (!empty($backgroundVideoMp4)) { $backgroundType = 'video'; } else if (!empty($backgroundImage)) { $backgroundType = 'image'; } else { $backgroundType = 'color'; } } $fillMode = $slide->parameters->get('backgroundMode', 'default'); if ($fillMode == 'default') { $fillMode = $this->slider->params->get('backgroundMode', 'fill'); } $backgroundElements = array(); if ($backgroundType == 'color') { $backgroundElements[] = $this->renderColor($slide); } else if ($backgroundType == 'video') { $backgroundElements[] = $this->renderBackgroundVideo($slide); $backgroundElements[] = $this->renderImage($slide, $fillMode); $backgroundElements[] = $this->renderColor($slide); } else if ($backgroundType == 'image') { $backgroundElements[] = $this->renderImage($slide, $fillMode); $backgroundElements[] = $this->renderColor($slide); } $html = implode('', $backgroundElements); / @see https://bugs.chromium.org/p/chromium/issues/detail?id=1181291 * if (!$slide->getFrontendFirst()) { * $html = '<template>' . $html . '</template>'; * } / return Html::tag('div', array( 'class' => "n2-ss-slide-background", 'data-public-id' => $slide->publicID, 'data-mode' => $fillMode ), $html); } private function renderColor($slide) { $backgroundColorStyle = $this->getBackgroundStyle($slide); if (!empty($backgroundColorStyle)) { $attributes = array( 'class' => 'n2-ss-slide-background-color', "style" => $backgroundColorStyle ); if ($slide->parameters->get('backgroundColorOverlay', 0)) { $attributes['data-overlay'] = 1; } return Html::tag('div', $attributes, ''); } return ''; } /* * @param $slide Slide * @param $fillMode * * @return string / private function renderImage($slide, $fillMode) { $rawBackgroundImage = $slide->parameters->get('backgroundImage', ''); if (empty($rawBackgroundImage)) { return ''; } $backgroundImageBlur = max(0, $slide->parameters->get('backgroundImageBlur', 0)); $focusX = max(0, min(100, $slide->fill($slide->parameters->get('backgroundFocusX', 50)))); $focusY = max(0, min(100, $slide->fill($slide->parameters->get('backgroundFocusY', 50)))); $backgroundImageMobile = ''; $backgroundImageTablet = ''; $backgroundImageDesktopRetina = ''; $backgroundImage = $slide->fill($rawBackgroundImage); if (!$slide->hasGenerator()) { $imageData = ImageManager::getImageData($backgroundImage); $backgroundImageDesktopRetina = $imageData['desktop-retina']['image']; $backgroundImageMobile = $imageData['mobile']['image']; $backgroundImageTablet = $imageData['tablet']['image']; } $alt = $slide->fill($slide->parameters->get('backgroundAlt', '')); $title = $slide->fill($slide->parameters->get('backgroundTitle', '')); $opacity = min(100, max(0, $slide->parameters->get('backgroundImageOpacity', 100))); $style = array(); if ($opacity < 100) { $style[] = 'opacity:' . ($opacity / 100); } if ($focusX != '50') { $style[] = '--ss-o-pos-x:' . $focusX . '%'; } if ($focusY != '50') { $style[] = '--ss-o-pos-y:' . $focusY . '%'; } $attributes = array( "class" => 'n2-ss-slide-background-image', "data-blur" => $backgroundImageBlur, "data-alt" => $alt, "data-title" => $title ); if (!empty($style)) { $attributes['style'] = implode(';', $style); } if ($slide->isCurrentlyEdited()) { $attributes['data-opacity'] = $opacity; $attributes['data-x'] = $focusX; $attributes['data-y'] = $focusY; } $sources = array(); if ($this->slider->isAdmin) { $src = $backgroundImage; $attributes['data-hash'] = md5($src); $attributes['data-src-desktop'] = $src; $attributes['data-src-desktop-retina'] = $backgroundImageDesktopRetina; $attributes['data-src-tablet'] = $backgroundImageTablet; $attributes['data-src-mobile'] = $backgroundImageMobile; } else { if (empty($backgroundImage)) { /* * @todo Does it really work as expected? / $src = ImageEdit::base64Transparent(); } else { /* * @todo this resize might have a better place / $src = $backgroundImage; if ($this->slider->params->get('optimize-webp', 0)) { $src = ResourceTranslator::urlToResource($this->slider->features->optimize->optimizeBackground($backgroundImage, $focusX, $focusY)); } $slide->addImage(ResourceTranslator::toUrl($src)); } $hasDeviceSpecificImage = false; $mediaQueries = $this->slider->features->responsive->mediaQueries; if (!empty($backgroundImageDesktopRetina)) { $hasDeviceSpecificImage = true; $backgroundImageDesktopRetina = ResourceTranslator::toUrl($backgroundImageDesktopRetina); $mediaQueryMinPixelRatio = ' and (-webkit-min-device-pixel-ratio: 1.5)'; if (!empty($mediaQueries['desktopportrait'])) { $sources[] = HTML::tag('source', Html::addExcludeLazyLoadAttributes(array( 'srcset' => $backgroundImageDesktopRetina, 'media' => implode($mediaQueryMinPixelRatio . ',', $mediaQueries['desktopportrait']) . $mediaQueryMinPixelRatio ))); } if (!empty($mediaQueries['desktopLandscape'])) { $sources[] = HTML::tag('source', Html::addExcludeLazyLoadAttributes(array( 'srcset' => $backgroundImageDesktopRetina, 'media' => implode($mediaQueryMinPixelRatio . ',', $mediaQueries['desktopLandscape']) . $mediaQueryMinPixelRatio ))); } } if (!empty($backgroundImageMobile)) { $hasDeviceSpecificImage = true; $backgroundImageMobileUrl = ResourceTranslator::toUrl($backgroundImageMobile); if (!empty($mediaQueries['mobileportrait'])) { $sources[] = HTML::tag('source', Html::addExcludeLazyLoadAttributes(array( 'srcset' => $backgroundImageMobileUrl, 'media' => implode(',', $mediaQueries['mobileportrait']) ))); } if (!empty($mediaQueries['mobilelandscape'])) { $sources[] = HTML::tag('source', Html::addExcludeLazyLoadAttributes(array( 'srcset' => $backgroundImageMobileUrl, 'media' => implode(',', $mediaQueries['mobilelandscape']) ))); } } if (!empty($backgroundImageTablet)) { $hasDeviceSpecificImage = true; $backgroundImageTabletUrl = ResourceTranslator::toUrl($backgroundImageTablet); if (!empty($mediaQueries['tabletportrait'])) { $sources[] = HTML::tag('source', Html::addExcludeLazyLoadAttributes(array( 'srcset' => $backgroundImageTabletUrl, 'media' => implode(',', $mediaQueries['tabletportrait']) ))); } if (!empty($mediaQueries['tabletlandscape'])) { $sources[] = HTML::tag('source', Html::addExcludeLazyLoadAttributes(array( 'srcset' => $backgroundImageTabletUrl, 'media' => implode(',', $mediaQueries['tabletlandscape']) ))); } } if (!$hasDeviceSpecificImage) { $retinaSupport = !!$this->slider->params->get('optimize-slide-width-retina', 0); $optimizedData = $this->slider->features->optimize->optimizeImageWebP($backgroundImage, array( 'optimize' => $this->slider->params->get('optimize-webp', 0), 'quality' => intval($this->slider->params->get('optimize-quality', 70)), 'resize' => $this->slider->params->get('optimize-scale', 0), 'defaultWidth' => intval($this->slider->params->get('optimize-slide-width-normal', 1920)), 'mediumWidth' => intval($this->slider->params->get('optimize-slide-width-tablet', 1200)), 'mediumHeight' => intval($this->slider->params->get('optimize-slide-height-tablet', 0)), 'smallWidth' => intval($this->slider->params->get('optimize-slide-width-mobile', 500)), 'smallHeight' => intval($this->slider->params->get('optimize-slide-height-mobile', 0)), 'focusX' => $focusX, 'focusY' => $focusY, 'compressOriginal' => $retinaSupport )); if ($retinaSupport) { $webPSrcSet = array(); if (isset($optimizedData['small'])) { $slide->addImage($optimizedData['small']['src']); $webPSrcSet[] = $optimizedData['small']['src'] . ' ' . $optimizedData['small']['width'] . 'w'; } if (isset($optimizedData['medium'])) { $slide->addImage($optimizedData['medium']['src']); $webPSrcSet[] = $optimizedData['medium']['src'] . ' ' . $optimizedData['medium']['width'] . 'w'; } if (isset($optimizedData['normal'])) { $slide->addImage($optimizedData['normal']['src']); $webPSrcSet[] = $optimizedData['normal']['src'] . ' ' . $optimizedData['normal']['width'] . 'w'; } if (isset($optimizedData['original'])) { $slide->addImage($optimizedData['original']['src']); $webPSrcSet[] = $optimizedData['original']['src'] . ' ' . $optimizedData['original']['width'] . 'w'; } if (!empty($webPSrcSet)) { $sources[] = HTML::tag('source', Html::addExcludeLazyLoadAttributes(array( 'srcset' => implode(',', $webPSrcSet), 'type' => 'image/webp' ))); } } else { if (isset($optimizedData['small'])) { $slide->addImage($optimizedData['small']['src']); $sources[] = HTML::tag('source', Html::addExcludeLazyLoadAttributes(array( 'srcset' => $optimizedData['small']['src'], 'type' => 'image/webp', 'media' => '(max-width: ' . $optimizedData['small']['width'] . 'px)' ))); } if (isset($optimizedData['medium'])) { $slide->addImage($optimizedData['medium']['src']); $sources[] = HTML::tag('source', Html::addExcludeLazyLoadAttributes(array( 'srcset' => $optimizedData['medium']['src'], 'type' => 'image/webp', 'media' => '(max-width: ' . $optimizedData['medium']['width'] . 'px)' ))); } if (isset($optimizedData['normal'])) { $slide->addImage($optimizedData['normal']['src']); $sources[] = HTML::tag('source', Html::addExcludeLazyLoadAttributes(array( 'srcset' => $optimizedData['normal']['src'], 'type' => 'image/webp' ))); } } } } $imageAttributes = array( 'src' => ResourceTranslator::toUrl($src), 'alt' => $alt, 'title' => $title, 'loading' => 'lazy', 'style' => '' ); $imageAttributes = Html::addExcludeLazyLoadAttributes($imageAttributes); $sources[] = Html::tag('img', $imageAttributes, '', false); $picture = '<picture>' . implode('', $sources) . '</picture>'; $originalImage = Html::tag('div', $attributes, $picture); if ($fillMode === 'blurfit') { $picture = '<picture style="filter:blur(7px)">' . implode('', $sources) . '</picture>'; if (!isset($attributes['style'])) { $attributes['style'] = ''; } $attributes['style'] .= 'margin:-14px;padding:14px;'; $ret = Html::tag('div', $attributes, $picture) . $originalImage; } else { $ret = $originalImage; } return $ret; } /* * @param Slide $slide * * @return string */ private function renderBackgroundVideo($slide) { $mp4 = ResourceTranslator::toUrl($slide->fill($slide->parameters->get('backgroundVideoMp4', ''))); if (empty($mp4)) { return ''; } $sources = ''; if ($mp4) { $sources .= Html::tag("source", array( "src" => $mp4, "type" => "video/mp4" ), '', false); } $opacity = min(100, max(0, $slide->parameters->get('backgroundVideoOpacity', 100))); $attributes = array( 'class' => 'n2-ss-slide-background-video intrinsic-ignore', 'style' => 'opacity:' . ($opacity / 100) . ';', 'data-mode' => $slide->parameters->get('backgroundVideoMode', 'fill'), 'playsinline' => 1, 'webkit-playsinline' => 1, 'onloadstart' => 'this.n2LoadStarted=1;', 'data-keepplaying' => 1, 'preload' => 'none' ); if ($slide->parameters->get('backgroundVideoMuted', 1)) { $attributes['muted'] = 'muted'; } if ($slide->parameters->get('backgroundVideoLoop', 1)) { $attributes['loop'] = 'loop'; } if ($slide->parameters->get('backgroundVideoReset', 1)) { $attributes['data-reset-slide-change'] = 1; } return Html::tag('video', $attributes, $sources); return ''; } }

| ver. 1.4 | Github | . | PHP 8.1.33 | Генерация страницы: 0 | proxy | phpinfo | Настройка