From 35e693d2e62db7bd15db081780d57178cb68f0ba Mon Sep 17 00:00:00 2001
From: "michael.daniel" <michael.danielczok@gmail.com>
Date: Thu, 1 Feb 2018 12:34:02 +0100
Subject: [PATCH] =?UTF-8?q?quiqqer/package-bricks#50=20feat:=20Bei=20Promo?=
=?UTF-8?q?slider=20(Wallpaper=20und=202=20Inhalte)=20kann=20man=20zwische?=
=?UTF-8?q?n=20verschiedenen=20Effekten=20f=C3=BCr=20Navigationspfeile=20a?=
=?UTF-8?q?usw=C3=A4hlen.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
bricks.xml | 58 ++++++++++++++++++-
locale.xml | 37 +++++++++++-
.../Controls/Slider/PromosliderWallpaper.css | 33 ++++++++++-
.../Controls/Slider/PromosliderWallpaper.html | 8 ++-
.../Controls/Slider/PromosliderWallpaper.php | 2 +-
.../Slider/PromosliderWallpaper2Content.html | 8 ++-
.../Slider/PromosliderWallpaper2Content.php | 2 +-
7 files changed, 132 insertions(+), 16 deletions(-)
diff --git a/bricks.xml b/bricks.xml
index 4da1eea..a6002de 100644
--- a/bricks.xml
+++ b/bricks.xml
@@ -249,8 +249,33 @@
<setting name="shownavigation" type="checkbox">
<locale group="quiqqer/bricks" var="brick.control.promoslider.settings.shownavigation"/>
</setting>
- <setting name="showarrows" type="checkbox">
+ <setting type="select" name="showarrows">
<locale group="quiqqer/bricks" var="brick.control.promoslider.settings.showarrows"/>
+
+ <option value="showHoverScale">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.showHoverScale"/>
+ </option>
+ <option value="showHoverSlide">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.showHoverSlide"/>
+ </option>
+ <option value="showHoverBackgroundLight">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.showHoverBackgroundLight"/>
+ </option>
+ <option value="showHoverBackgroundDark">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.showHoverBackgroundDark"/>
+ </option>
+ <option value="showHoverOpacity">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.showHoverOpacity"/>
+ </option>
+ <option value="hide">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.hide"/>
+ </option>
</setting>
<setting type="select" name="position">
@@ -338,8 +363,37 @@
<setting name="shownavigation" type="checkbox">
<locale group="quiqqer/bricks" var="brick.control.promoslider.settings.shownavigation"/>
</setting>
- <setting name="showarrows" type="checkbox">
+ <!--<setting name="showarrows" type="checkbox">
+ <locale group="quiqqer/bricks" var="brick.control.promoslider.settings.showarrows"/>
+ </setting>-->
+
+ <setting type="select" name="showarrows">
<locale group="quiqqer/bricks" var="brick.control.promoslider.settings.showarrows"/>
+
+ <option value="showHoverScale">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.showHoverScale"/>
+ </option>
+ <option value="showHoverSlide">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.showHoverSlide"/>
+ </option>
+ <option value="showHoverBackgroundLight">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.showHoverBackgroundLight"/>
+ </option>
+ <option value="showHoverBackgroundDark">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.showHoverBackgroundDark"/>
+ </option>
+ <option value="showHoverOpacity">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.showHoverOpacity"/>
+ </option>
+ <option value="hide">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.hide"/>
+ </option>
</setting>
<setting type="select" name="position">
diff --git a/locale.xml b/locale.xml
index 7804a87..0043516 100644
--- a/locale.xml
+++ b/locale.xml
@@ -426,9 +426,40 @@
<en><![CDATA[Show navigation]]></en>
</locale>
<locale name="brick.control.promoslider.settings.showarrows">
- <de><![CDATA[Navigation-Pfeile anzeigen]]></de>
- <en><![CDATA[Show navigation arrows]]></en>
- </locale>
+ <de><![CDATA[Navigation-Pfeile]]></de>
+ <en><![CDATA[Navigation arrows]]></en>
+ <pl><![CDATA[Strzałki nawigacyjne]]></pl>
+ </locale>
+ <locale name="brick.control.promoslider.settings.showarrows.showHoverScale">
+ <de><![CDATA[Anzeigen - Scale Effekt]]></de>
+ <en><![CDATA[Show - scale effect]]></en>
+ <pl><![CDATA[Pokaż - effet powiększenia (scale)]]></pl>
+ </locale>
+ <locale name="brick.control.promoslider.settings.showarrows.showHoverSlide">
+ <de><![CDATA[Anzeigen - Slide Effekt]]></de>
+ <en><![CDATA[Show - slide effect]]></en>
+ <pl><![CDATA[Pokaż - efekt przesunięcia (slide)]]></pl>
+ </locale>
+ <locale name="brick.control.promoslider.settings.showarrows.showHoverBackgroundLight">
+ <de><![CDATA[Anzeigen - Hintergrundfarbe Effekt (hell)]]></de>
+ <en><![CDATA[Show - background color effect (light)]]></en>
+ <pl><![CDATA[Pokaż - efekt zmiany tła (jasny)]]></pl>
+ </locale>
+ <locale name="brick.control.promoslider.settings.showarrows.showHoverBackgroundDark">
+ <de><![CDATA[Anzeigen - Hintergrundfarbe Effekt (dunkel)]]></de>
+ <en><![CDATA[Show - background color effect (dark)]]></en>
+ <pl><![CDATA[Pokaż - efekt zmiany tła (ciemny)]]></pl>
+ </locale>
+ <locale name="brick.control.promoslider.settings.showarrows.showHoverOpacity">
+ <de><![CDATA[Anzeigen - Transparenz Effekt]]></de>
+ <en><![CDATA[Show - opacity effect]]></en>
+ <pl><![CDATA[Pokaż - efekt zmiany przeźroczystości]]></pl>
+ </locale>
+ <locale name="brick.control.promoslider.settings.showarrows.hide">
+ <de><![CDATA[Auschalten]]></de>
+ <en><![CDATA[Disable]]></en>
+ <pl><![CDATA[Wyłączone]]></pl>
+ </locale>
<locale name="brick.control.promoslider.settings.delay">
<de><![CDATA[Zeit zum nächsten Slide (Verzögerung)]]></de>
<en><![CDATA[Time to start next slide (Delay)]]></en>
diff --git a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.css b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.css
index 1bf6ad6..ee81bc1 100644
--- a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.css
+++ b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.css
@@ -83,9 +83,36 @@
width: 100%;
}
-.quiqqer-bricks-promoslider-wallpaper-prev:hover .fa,
-.quiqqer-bricks-promoslider-wallpaper-next:hover .fa {
- transform: scale(1.15);
+/* effect scale */
+.quiqqer-bricks-promoslider-wallpaper-prev.showHoverScale:hover .fa,
+.quiqqer-bricks-promoslider-wallpaper-next.showHoverScale:hover .fa {
+ transform: scale(1.2);
+}
+
+/* effect slide */
+.quiqqer-bricks-promoslider-wallpaper-prev.showHoverSlide:hover .fa {
+ transform: translateX(-10px);
+}
+.quiqqer-bricks-promoslider-wallpaper-next.showHoverSlide:hover .fa {
+ transform: translateX(10px);
+}
+
+/* effect background: light */
+.quiqqer-bricks-promoslider-wallpaper-prev.showHoverBackgroundLight:hover .fa,
+.quiqqer-bricks-promoslider-wallpaper-next.showHoverBackgroundLight:hover .fa {
+ background: rgba(255,255,255,0.7);
+}
+
+/* effect background: dark */
+.quiqqer-bricks-promoslider-wallpaper-prev.showHoverBackgroundDark:hover .fa,
+.quiqqer-bricks-promoslider-wallpaper-next.showHoverBackgroundDark:hover .fa {
+ background: rgba(0,0,0,0.07);
+}
+
+/* effect opacity */
+.quiqqer-bricks-promoslider-wallpaper-prev.showHoverOpacity:hover .fa,
+.quiqqer-bricks-promoslider-wallpaper-next.showHoverOpacity:hover .fa {
+ opacity: 0.6;
}
.quiqqer-bricks-promoslider-wallpaper-next {
diff --git a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.html b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.html
index b443957..a2bf717 100644
--- a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.html
+++ b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.html
@@ -81,11 +81,13 @@
</div>
<div class="quiqqer-bricks-promoslider-wallpaper-dots"></div>
-{if count($desktopSlides) > 1 && $this->getAttribute('showarrows')}
-<div class="quiqqer-bricks-promoslider-wallpaper-prev hide-on-mobile">
+{if count($desktopSlides) > 1 && $this->getAttribute('showarrows') != 'hide'}
+<div class="quiqqer-bricks-promoslider-wallpaper-prev hide-on-mobile
+ {$this->getAttribute('showarrows')}">
<span class="fa fa-chevron-left"></span>
</div>
-<div class="quiqqer-bricks-promoslider-wallpaper-next hide-on-mobile">
+<div class="quiqqer-bricks-promoslider-wallpaper-next hide-on-mobile
+ {$this->getAttribute('showarrows')}">
<span class="fa fa-chevron-right"></span>
</div>
{/if}
\ No newline at end of file
diff --git a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.php b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.php
index 6570a38..285f3e9 100644
--- a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.php
+++ b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.php
@@ -32,7 +32,7 @@ public function __construct($attributes = array())
'data-qui' => 'package/quiqqer/bricks/bin/Controls/Slider/PromosliderWallpaper',
'role' => 'listbox',
'shownavigation' => true,
- 'showarrows' => true,
+ 'showarrows' => 'showHoverScale',
'autostart' => false,
'delay' => 5000,
'template' => dirname(__FILE__) . '/PromosliderWallpaper.html'
diff --git a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.html b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.html
index e28d2cd..0b2714f 100644
--- a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.html
+++ b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.html
@@ -71,11 +71,13 @@
</div>
<div class="quiqqer-bricks-promoslider-wallpaper-dots"></div>
-{if count($desktopSlides) > 1 && $this->getAttribute('showarrows')}
-<div class="quiqqer-bricks-promoslider-wallpaper-prev hide-on-mobile">
+{if count($desktopSlides) > 1 && $this->getAttribute('showarrows') != 'hide'}
+<div class="quiqqer-bricks-promoslider-wallpaper-prev hide-on-mobile
+ {$this->getAttribute('showarrows')}">
<span class="fa fa-chevron-left"></span>
</div>
-<div class="quiqqer-bricks-promoslider-wallpaper-next hide-on-mobile">
+<div class="quiqqer-bricks-promoslider-wallpaper-next hide-on-mobile
+ {$this->getAttribute('showarrows')}">
<span class="fa fa-chevron-right"></span>
</div>
diff --git a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.php b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.php
index 5dd548f..e1d7788 100644
--- a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.php
+++ b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.php
@@ -34,7 +34,7 @@ public function __construct($attributes = array())
'data-qui' => 'package/quiqqer/bricks/bin/Controls/Slider/PromosliderWallpaper',
'role' => 'listbox',
'shownavigation' => true,
- 'showarrows' => true,
+ 'showarrows' => 'showHoverScale',
'autostart' => false,
'delay' => 5000,
'template' => dirname(__FILE__) . '/PromosliderWallpaper2Content.html'
--
GitLab