From 10ae586be6e68dc49f993e11c34d1d47849f9ad1 Mon Sep 17 00:00:00 2001
From: Campii <dominik.chrzanowski183@gmail.com>
Date: Wed, 20 Oct 2021 14:31:04 +0200
Subject: [PATCH] feat: Added new option max image width [BasicSlider]
quiqqer/package-bricks#128
---
locale.xml | 2 +-
src/QUI/Bricks/Controls/Slider/BasicSlider.css | 1 +
src/QUI/Bricks/Controls/Slider/BasicSlider.html | 4 ++--
src/QUI/Bricks/Controls/Slider/BasicSlider.php | 9 ++++++++-
4 files changed, 12 insertions(+), 4 deletions(-)
diff --git a/locale.xml b/locale.xml
index b776b4e..b157b9e 100644
--- a/locale.xml
+++ b/locale.xml
@@ -428,7 +428,7 @@
<de><![CDATA[Bilder auf der linken Seite]]></de>
<en><![CDATA[Show images on left]]></en>
</locale>
- <locale name="brick.textAndImage.maxImageWidth">
+ <locale name="brick.control.basicSlider.maxImageWidth">
<de><![CDATA[Maximale Briete des Bildes]]></de>
<en><![CDATA[Maximum image width]]></en>
</locale>
diff --git a/src/QUI/Bricks/Controls/Slider/BasicSlider.css b/src/QUI/Bricks/Controls/Slider/BasicSlider.css
index 62bdbc5..c363cc5 100644
--- a/src/QUI/Bricks/Controls/Slider/BasicSlider.css
+++ b/src/QUI/Bricks/Controls/Slider/BasicSlider.css
@@ -10,6 +10,7 @@
.basic-slider-image-wrapper {
position: relative;
+ text-align: center;
}
.basic-slider-image-wrapper li {
diff --git a/src/QUI/Bricks/Controls/Slider/BasicSlider.html b/src/QUI/Bricks/Controls/Slider/BasicSlider.html
index ebd203a..de50124 100644
--- a/src/QUI/Bricks/Controls/Slider/BasicSlider.html
+++ b/src/QUI/Bricks/Controls/Slider/BasicSlider.html
@@ -19,9 +19,9 @@
<ul class="basic-slider-images">
{assign var=showFirstImage value=true}
{foreach from=$images item=Image}
- <li data-image="{image image=$Image onlysrc=1 width="500"}">
+ <li data-image="{image image=$Image onlysrc=1 width=$maxImageWidth}">
{if $showFirstImage}
- {image image=$Image width="500"}
+ {image image=$Image width="{$maxImageWidth}"}
{assign var=showFirstImage value=false}
{/if}
</li>
diff --git a/src/QUI/Bricks/Controls/Slider/BasicSlider.php b/src/QUI/Bricks/Controls/Slider/BasicSlider.php
index 8aa9dcc..17b41f8 100644
--- a/src/QUI/Bricks/Controls/Slider/BasicSlider.php
+++ b/src/QUI/Bricks/Controls/Slider/BasicSlider.php
@@ -26,6 +26,7 @@ public function __construct($attributes = [])
'mediaFolder' => false,
'delay' => 5000,
'imgLeft' => false,
+ 'maxImageWidth' => false,
'sliderContent' => '',
'class' => 'quiqqer-bricks-basic-slider',
'nodeName' => 'section',
@@ -89,11 +90,17 @@ public function getBody()
$imgLeft = $this->getAttribute('imgLeft');
}
+ $maxImageWidth = false;
+ if (intval($this->getAttribute('maxImageWidth')) > 0) {
+ $maxImageWidth = intval($this->getAttribute('maxImageWidth'));
+ }
+
$options = [
'this' => $this,
'images' => $images,
'sliderContent' => $sliderContent,
- 'imgLeft' => $imgLeft
+ 'imgLeft' => $imgLeft,
+ 'maxImageWidth' => $maxImageWidth
];
$Engine->assign($options);
--
GitLab