Skip to content
Code-Schnipsel Gruppen Projekte
Commit e88ef0c0 erstellt von Michael's avatar Michael
Dateien durchsuchen

feat: neuer Brick -> Wallpaper mit Text. Das ist einfachere Version von dem... 

feat: neuer Brick -> Wallpaper mit Text. Das ist einfachere Version von dem Brick "mit Pfeil". Einstellung für z.B. Inhaltausrichtung.
refactor: Arbeiten am alten Brick.
refactor: Fehlende Übersetzungen ergänzt.
Übergeordneter deb9fd15
Keine zugehörigen Branchen gefunden
Keine zugehörigen Tags gefunden
Keine zugehörigen Merge Requests gefunden
Leerzeichenänderungen ausblenden
Inline Nebeneinander
werden angezeigt mit 272 Ergänzungen und 87 Löschungen
bin/Controls/WallpaperTextAndArrow.js → bin/Controls/WallpaperTextArrow.js
+ 5
− 5
Zeige Datei @ e88ef0c0
/**
* QUIQQER Wallapper with text and arrow
* QUIQQER Wallapper with text and an arrow
*
* @author www.pcsg.de (Michael Danielczok)
* @module Bricks\Controls\SimpleContact
......@@ -7,7 +7,7 @@
* @require qui/QUI
* @require qui/controls/Control
*/
define('package/quiqqer/presentation-bricks/bin/Controls/WallpaperTextAndArrow', [
define('package/quiqqer/presentation-bricks/bin/Controls/WallpaperTextArrow', [
'qui/QUI',
'qui/controls/Control'
......@@ -18,7 +18,7 @@ define('package/quiqqer/presentation-bricks/bin/Controls/WallpaperTextAndArrow',
return new Class({
Extends: QUIControl,
Type : 'Controls/WallpaperTextAndArrow',
Type : 'Controls/WallpaperTextArrow',
Binds: [
'$onImport'
......@@ -44,8 +44,8 @@ define('package/quiqqer/presentation-bricks/bin/Controls/WallpaperTextAndArrow',
$onImport: function () {
this.$Brick = document.getElement('div[data-quiid="' + this.$uid + '"]');
this.$Arrow = this.$Brick.getElement('.wallpaper-text-arrow-fa');
this.$ScrollTo = this.$Brick.getElement('.wallpaper-text-scrollTo');
this.$Arrow = this.$Brick.getElement('.wallpaperTextArrow-arrow-fa');
this.$ScrollTo = this.$Brick.getElement('.wallpaperTextArrow-scrollTo');
this.$Arrow.addEvent('click', function () {
new Fx.Scroll(window).toElement(this.$ScrollTo);
......
bricks.xml
+ 68
− 30
Zeige Datei @ e88ef0c0
......@@ -2,110 +2,148 @@
<quiqqer>
<bricks>
<!-- text with image and arrow -->
<brick control="\QUI\PresentationBricks\Controls\WallpaperTextAndArrow">
<!-- wallpaper with text and an arrow -->
<brick control="\QUI\PresentationBricks\Controls\WallpaperTextArrow">
<title>
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.title"/>
var="control.WallpaperTextArrow.title"/>
</title>
<description>
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.description"/>
var="control.WallpaperTextArrow.description"/>
</description>
<settings>
<setting name="image-background" class="media-image">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.image-background"/>
</setting>
<setting name="title">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.title"/>
var="control.WallpaperTextArrow.image-background"/>
</setting>
<setting name="image" class="media-image">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.image"/>
var="control.WallpaperTextArrow.image"/>
</setting>
<setting name="arrow-type" type="select">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.arrow-type"/>
var="control.WallpaperTextArrow.arrow-type"/>
<option value="arrow-down">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.arrow-type.arrow-down"/>
var="control.WallpaperTextArrow.arrow-type.arrow-down"/>
</option>
<option value="arrow-circle-down">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.arrow-type.arrow-circle-down"/>
var="control.WallpaperTextArrow.arrow-type.arrow-circle-down"/>
</option>
<option value="arrow-circle-o-down">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.arrow-type.arrow-circle-o-down"/>
var="control.WallpaperTextArrow.arrow-type.arrow-circle-o-down"/>
</option>
<option value="angle-down">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.arrow-type.angle-down"/>
var="control.WallpaperTextArrow.arrow-type.angle-down"/>
</option>
<option value="long-arrow-down">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.arrow-type.long-arrow-down"/>
var="control.WallpaperTextArrow.arrow-type.long-arrow-down"/>
</option>
<option value="caret-down">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.arrow-type.caret-down"/>
var="control.WallpaperTextArrow.arrow-type.caret-down"/>
</option>
<option value="chevron-down">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.arrow-type.chevron-down"/>
var="control.WallpaperTextArrow.arrow-type.chevron-down"/>
</option>
<option value="chevron-circle-down">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.arrow-type.chevron-circle-down"/>
var="control.WallpaperTextArrow.arrow-type.chevron-circle-down"/>
</option>
<option value="angle-double-down">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.arrow-type.angle-double-down"/>
var="control.WallpaperTextArrow.arrow-type.angle-double-down"/>
</option>
</setting>
<setting name="effect" type="select">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.effect"/>
var="control.WallpaperTextArrow.effect"/>
<option value="scale">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.effect.scale"/>
var="control.WallpaperTextArrow.effect.scale"/>
</option>
<option value="scale-bounce">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.effect.scale-bounce"/>
var="control.WallpaperTextArrow.effect.scale-bounce"/>
</option>
<option value="ball-bounce-hover">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.effect.ball-bounce-hover"/>
var="control.WallpaperTextArrow.effect.ball-bounce-hover"/>
</option>
<option value="ball-bounce-always">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.effect.ball-bounce-always"/>
var="control.WallpaperTextArrow.effect.ball-bounce-always"/>
</option>
<option value="opacity-to-transparent">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.effect.opacity-to-transparent"/>
var="control.WallpaperTextArrow.effect.opacity-to-transparent"/>
</option>
<option value="opacity-from-transparent">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.effect.opacity-from-transparent"/>
var="control.WallpaperTextArrow.effect.opacity-from-transparent"/>
</option>
<option value="no-effect">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperTextAndArrow.effect.no-effect"/>
var="control.WallpaperTextArrow.effect.no-effect"/>
</option>
</setting>
</settings>
</brick>
<!-- wallpaper with text -->
<brick control="\QUI\PresentationBricks\Controls\WallpaperText">
<title>
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperText.title"/>
</title>
<description>
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperText.description"/>
</description>
<settings>
<setting name="image-background" class="media-image">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperText.image-background"/>
</setting>
<!--<setting name="height" type="number">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperText.height"/>
</setting>-->
<setting name="content-position" type="select">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperText.content-position"/>
<option value="flex-start">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperText.content-position.left"/>
</option>
<option value="center">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperText.content-position.center"/>
</option>
<option value="flex-end">
<locale group="quiqqer/presentation-bricks"
var="control.WallpaperText.content-position.right"/>
</option>
</setting>
</settings>
</brick>
......
locale.xml
+ 72
− 26
Zeige Datei @ e88ef0c0
......@@ -2,114 +2,160 @@
<locales>
<groups name="quiqqer/presentation-bricks" datatype="php,js">
<!-- text with image and arrow -->
<locale name="control.WallpaperTextAndArrow.title">
<de><![CDATA[Präsentation: Wallpaper Text mit Pfeil]]></de>
<en><![CDATA[Presentatino: Wallpaper text with arrow]]></en>
<pl><![CDATA[Presentation: Wallpaper text with arrow]]></pl>
<!-- wallpaper with text and an arrow -->
<locale name="control.WallpaperTextArrow.title">
<de><![CDATA[Präsentation: Wallpaper mit Text und Pfeil]]></de>
<en><![CDATA[Presentatino: Wallpaper with text and arrow]]></en>
<pl><![CDATA[Presentation: Zdjecie w tle z tekstem i strzalka]]></pl>
</locale>
<locale name="control.WallpaperTextAndArrow.description">
<locale name="control.WallpaperTextArrow.description">
<de><![CDATA[Text auf einem Hintergrundbild und mit Pfeil, der zu dem nächsten Section scrollt.]]></de>
<en><![CDATA[...]]></en>
<pl><![CDATA[...]]></pl>
</locale>
<locale name="control.WallpaperTextAndArrow.image">
<locale name="control.WallpaperTextArrow.image-background">
<de><![CDATA[Hintergrundbild]]></de>
<en><![CDATA[Background image]]></en>
<pl><![CDATA[Zdjecie tla]]></pl>
</locale>
<locale name="control.WallpaperTextAndArrow.arrow-type">
<locale name="control.WallpaperTextArrow.image">
<de><![CDATA[Bild auf der rechten Seite]]></de>
<en><![CDATA[Image on the right]]></en>
<pl><![CDATA[Zdjecie po lewej]]></pl>
</locale>
<locale name="control.WallpaperTextArrow.arrow-type">
<de><![CDATA[Pfeiltype]]></de>
<en><![CDATA[Arrow type]]></en>
<pl><![CDATA[Rodzaj strzalki]]></pl>
</locale>
<locale name="control.WallpaperTextAndArrow.arrow-type.arrow-down">
<locale name="control.WallpaperTextArrow.arrow-type.arrow-down">
<de><![CDATA[Arrow Down]]></de>
<en><![CDATA[Arrow Down]]></en>
<pl><![CDATA[Arrow Down]]></pl>
</locale>
<locale name="control.WallpaperTextAndArrow.arrow-type.arrow-circle-down">
<locale name="control.WallpaperTextArrow.arrow-type.arrow-circle-down">
<de><![CDATA[Arrow Circle Down]]></de>
<en><![CDATA[Arrow Circle Down]]></en>
<pl><![CDATA[Arrow Circle Down]]></pl>
</locale>
<locale name="control.WallpaperTextAndArrow.arrow-type.arrow-circle-o-down">
<locale name="control.WallpaperTextArrow.arrow-type.arrow-circle-o-down">
<de><![CDATA[Arrow Circle O Down]]></de>
<en><![CDATA[Arrow Circle O Down]]></en>
<pl><![CDATA[Arrow Circle O Down]]></pl>
</locale>
<locale name="control.WallpaperTextAndArrow.arrow-type.angle-down">
<locale name="control.WallpaperTextArrow.arrow-type.angle-down">
<de><![CDATA[Angle Down]]></de>
<en><![CDATA[Angle Down]]></en>
<pl><![CDATA[Angle Down]]></pl>
</locale>
<locale name="control.WallpaperTextAndArrow.arrow-type.long-arrow-down">
<locale name="control.WallpaperTextArrow.arrow-type.long-arrow-down">
<de><![CDATA[Long Arrow Down]]></de>
<en><![CDATA[Long Arrow Down]]></en>
<pl><![CDATA[Long Arrow Down]]></pl>
</locale>
<locale name="control.WallpaperTextAndArrow.arrow-type.caret-down">
<locale name="control.WallpaperTextArrow.arrow-type.caret-down">
<de><![CDATA[Caret Down]]></de>
<en><![CDATA[Caret Down]]></en>
<pl><![CDATA[Caret Down]]></pl>
</locale>
<locale name="control.WallpaperTextAndArrow.arrow-type.chevron-down">
<locale name="control.WallpaperTextArrow.arrow-type.chevron-down">
<de><![CDATA[Chevron Down]]></de>
<en><![CDATA[Chevron Down]]></en>
<pl><![CDATA[Chevron Down]]></pl>
</locale>
<locale name="control.WallpaperTextAndArrow.arrow-type.chevron-circle-down">
<locale name="control.WallpaperTextArrow.arrow-type.chevron-circle-down">
<de><![CDATA[Chevron Circle Down]]></de>
<en><![CDATA[Chevron Circle Down]]></en>
<pl><![CDATA[Chevron Circle Down]]></pl>
</locale>
<locale name="control.WallpaperTextAndArrow.arrow-type.angle-double-down">
<locale name="control.WallpaperTextArrow.arrow-type.angle-double-down">
<de><![CDATA[Angle Double Down]]></de>
<en><![CDATA[Angle Double Down]]></en>
<pl><![CDATA[Angle Double Down]]></pl>
</locale>
<locale name="control.WallpaperTextAndArrow.effect">
<locale name="control.WallpaperTextArrow.effect">
<de><![CDATA[Pfeileffect]]></de>
<en><![CDATA[Arrow effect]]></en>
<pl><![CDATA[Efekt strzalki]]></pl>
</locale>
<locale name="control.WallpaperTextAndArrow.effect.scale">
<locale name="control.WallpaperTextArrow.effect.scale">
<de><![CDATA[Scale]]></de>
<en><![CDATA[Scale]]></en>
<pl><![CDATA[Scale]]></pl>
</locale>
<locale name="control.WallpaperTextAndArrow.effect.scale-bounce">
<locale name="control.WallpaperTextArrow.effect.scale-bounce">
<de><![CDATA[Scale bounce]]></de>
<en><![CDATA[Scale bounce]]></en>
<pl><![CDATA[Scale bounce]]></pl>
</locale>
<locale name="control.WallpaperTextAndArrow.effect.ball-bounce-hover">
<locale name="control.WallpaperTextArrow.effect.ball-bounce-hover">
<de><![CDATA[Ball bounce (erst nach maus over)]]></de>
<en><![CDATA[Ball bounce (after mouse hover)]]></en>
<pl><![CDATA[Ball bounce (po najechaniu myszka)]]></pl>
</locale>
<locale name="control.WallpaperTextAndArrow.effect.ball-bounce-always">
<locale name="control.WallpaperTextArrow.effect.ball-bounce-always">
<de><![CDATA[Ball bounce (immer)]]></de>
<en><![CDATA[Ball bounce (always)]]></en>
<pl><![CDATA[Ball bounce (ciagle)]]></pl>
</locale>
<locale name="control.WallpaperTextAndArrow.effect.opacity-to-transparent">
<locale name="control.WallpaperTextArrow.effect.opacity-to-transparent">
<de><![CDATA[Durchsichtig]]></de>
<en><![CDATA[Transparent]]></en>
<pl><![CDATA[Przezroczysty]]></pl>
</locale>
<locale name="control.WallpaperTextAndArrow.effect.opacity-from-transparent">
<locale name="control.WallpaperTextArrow.effect.opacity-from-transparent">
<de><![CDATA[Undurchsichtig]]></de>
<en><![CDATA[Non-transparent]]></en>
<pl><![CDATA[Nieprzezroczysty]]></pl>
</locale>
<locale name="control.WallpaperTextAndArrow.effect.no-effect">
<locale name="control.WallpaperTextArrow.effect.no-effect">
<de><![CDATA[Kein Effekt]]></de>
<en><![CDATA[No effect]]></en>
<pl><![CDATA[Bez efektu]]></pl>
</locale>
<!-- wallpaper with text -->
<locale name="control.WallpaperText.title">
<de><![CDATA[Präsentation: Wallpaper mit Text]]></de>
<en><![CDATA[Presentatino: Wallpaper with text ]]></en>
<pl><![CDATA[Presentation: Zdjecie w tle z tekstem]]></pl>
</locale>
<locale name="control.WallpaperText.description">
<de><![CDATA[Text auf einem Hintergrundbild und mit Pfeil, der zu dem nächsten Section scrollt.]]></de>
<en><![CDATA[...]]></en>
<pl><![CDATA[...]]></pl>
</locale>
<locale name="control.WallpaperText.image-background">
<de><![CDATA[Hintergrundbild]]></de>
<en><![CDATA[Background image]]></en>
<pl><![CDATA[Zdjecie tla]]></pl>
</locale>
<locale name="control.WallpaperText.height">
<de><![CDATA[Bausteinhöhe]]></de>
<en><![CDATA[Height of the brick]]></en>
<pl><![CDATA[Wysokosc widgetu]]></pl>
</locale>
<locale name="control.WallpaperText.content-position">
<de><![CDATA[Ausrichtung]]></de>
<en><![CDATA[Position]]></en>
<pl><![CDATA[Ulozenie]]></pl>
</locale>
<locale name="control.WallpaperText.content-position.left">
<de><![CDATA[links]]></de>
<en><![CDATA[left]]></en>
<pl><![CDATA[lewa strona]]></pl>
</locale>
<locale name="control.WallpaperText.content-position.center">
<de><![CDATA[zentriert]]></de>
<en><![CDATA[center]]></en>
<pl><![CDATA[na srodku]]></pl>
</locale>
<locale name="control.WallpaperText.content-position.right">
<de><![CDATA[rechts]]></de>
<en><![CDATA[right]]></en>
<pl><![CDATA[prawa strona]]></pl>
</locale>
</groups>
</locales>
\ No newline at end of file
src/QUI/PresentationBricks/Controls/WallpaperText.css 0 → 100644
+ 16
− 0
Zeige Datei @ e88ef0c0
.wallpaperText {
height: 100%;
background-position: center;
background-size: cover;
position: relative;
}
.wallpaperText-container {
display: flex;
align-items: center;
height: 100%;
}
@media (max-width: 767px) {
}
\ No newline at end of file
src/QUI/PresentationBricks/Controls/WallpaperText.html 0 → 100644
+ 10
− 0
Zeige Datei @ e88ef0c0
<div class="wallpaperText"
style="background-image: url({image src=$imageBackground onlysrc='true'});"
>
<div class="wallpaperText-container grid-container" style="justify-content: {$contentPosition}">
<div class="grid-50 mobile-grid-100 grid-parent wallpaperText-container-content">
{$this->getAttribute('content')}
</div>
</div>
</div>
src/QUI/PresentationBricks/Controls/WallpaperText.php 0 → 100644
+ 56
− 0
Zeige Datei @ e88ef0c0
<?php
/**
* This file contains QUI\PresentationBricks\Controls\WallpaperText
*/
namespace QUI\PresentationBricks\Controls;
use QUI;
/**
* Class WallpaperText
*
* @package quiqqer/presentation-bricks
*/
class WallpaperText extends QUI\Control
{
/**
* constructor
*
* @param array $attributes
*/
public function __construct($attributes = array())
{
// default options
$this->setAttributes(array(
'contentPosition' => 'left'
));
parent::__construct($attributes);
$this->addCSSFile(
dirname(__FILE__) . '/WallpaperText.css'
);
}
/**
* (non-PHPdoc)
*
* @see \QUI\Control::create()
*/
public function getBody()
{
$Engine = QUI::getTemplateManager()->getEngine();
$Engine->assign(array(
'this' => $this,
'imageBackground' => $this->getAttribute('image-background'),
'contentPosition' => $this->getAttribute('content-position'),
// 'height' => $this->getAttribute('height')
));
return $Engine->fetch(dirname(__FILE__) . '/WallpaperText.html');
}
}
src/QUI/PresentationBricks/Controls/WallpaperTextAndArrow.css → src/QUI/PresentationBricks/Controls/WallpaperTextArrow.css
+ 22
− 20
Zeige Datei @ e88ef0c0
.wallpaper-text {
.wallpaperTextArrow {
height: 100vh;
min-height: 400px;
background-position: center;
......@@ -7,28 +6,24 @@
position: relative;
}
.wallpaper-text .grid-container {
.wallpaperTextArrow .grid-container {
height: 100%;
display: flex;
align-items: center;
height: 100%;
}
.wallpaper-text-content {
padding-top: 50px;
padding-bottom: 50px;
width: 100%;
.wallpaperTextArrow-content-left {
padding-right: 20px;
}
.wallpaper-text-content-left,
.wallpaper-text-content-right {
/*outline: 2px solid rgba(0,0,0,0.5);*/
.wallpaperTextArrow-content-right {
}
.wallpaper-text-arrow {
.wallpaperTextArrow-arrow {
text-align: center;
}
.wallpaper-text-arrow .fa {
.wallpaperTextArrow-arrow .fa {
font-size: 3em;
color: #fff;
padding: 20px;
......@@ -41,24 +36,24 @@
}
/* effect: scale bounce */
.wallpaper-text-arrow .fa-effect-scale:hover {
.wallpaperTextArrow-arrow .fa-effect-scale:hover {
transform: scale(1.2);
}
/* effect: scale bounce */
.wallpaper-text-arrow .fa-effect-scale-bounce:hover {
.wallpaperTextArrow-arrow .fa-effect-scale-bounce:hover {
animation: scaleBounce 1.2s ;
}
/* effect: ball bounce after hover */
.wallpaper-text-arrow .fa-effect-ball-bounce-hover:hover {
.wallpaperTextArrow-arrow .fa-effect-ball-bounce-hover:hover {
-moz-animation: ballBounce 2s infinite;
-webkit-animation: ballBounce 2s infinite;
animation: ballBounce 2s infinite;
}
/* effect: ball bounce always */
.wallpaper-text-arrow .fa-effect-ball-bounce-always {
.wallpaperTextArrow-arrow .fa-effect-ball-bounce-always {
padding-bottom: 2px;
-moz-animation: ballBounce 2s infinite;
-webkit-animation: ballBounce 2s infinite;
......@@ -66,15 +61,15 @@
}
/* opacity to transparent */
.wallpaper-text-arrow .fa-effect-opacity-to-transparent:hover {
.wallpaperTextArrow-arrow .fa-effect-opacity-to-transparent:hover {
opacity: 0.4;
}
/* opacity from transparent */
.wallpaper-text-arrow .fa-effect-opacity-from-transparent {
.wallpaperTextArrow-arrow .fa-effect-opacity-from-transparent {
opacity: 0.5;
}
.wallpaper-text-arrow .fa-effect-opacity-from-transparent:hover {
.wallpaperTextArrow-arrow .fa-effect-opacity-from-transparent:hover {
opacity: 1;
}
......@@ -128,3 +123,10 @@
transform: scale(1.1);
}
}
@media (max-width: 767px) {
.wallpaperTextArrow .grid-container {
display: block;
}
}
\ No newline at end of file
src/QUI/PresentationBricks/Controls/WallpaperTextAndArrow.html → src/QUI/PresentationBricks/Controls/WallpaperTextArrow.html
+ 17
− 0
Zeige Datei @ e88ef0c0
<div class="wallpaper-text"
<div class="wallpaperTextArrow"
style="background-image: url({image src=$imageBackground onlysrc='true'});"
>
<div class="grid-container">
<div class="wallpaper-text-content">
<div class="wallpaper-text-content-left grid-50 grid-parent">
{$this->getAttribute('content')}
</div>
<div class="wallpaper-text-content-right grid-50 grid-parent">
{image src=$image class="wallpaper-text-content-image"}
</div>
<div class="wallpaperTextArrow-content-left grid-50 mobile-grid-100 grid-parent">
{$this->getAttribute('content')}
</div>
<div class="wallpaperTextArrow-content-right grid-50 mobile-grid-100 grid-parent">
{image src=$image class="wallpaperTextArrow-content-image"}
</div>
</div>
<div class="wallpaper-text-arrow">
<span class="fa fa-{$arrowType} fa-effect-{$effect} wallpaper-text-arrow-fa"></span>
<div class="wallpaperTextArrow-arrow">
<span class="fa fa-{$arrowType} fa-effect-{$effect} wallpaperTextArrow-arrow-fa"></span>
</div>
</div>
<div class="wallpaper-text-scrollTo"></div>
\ No newline at end of file
<div class="wallpaperTextArrow-scrollTo"></div>
\ No newline at end of file
src/QUI/PresentationBricks/Controls/WallpaperTextAndArrow.php → src/QUI/PresentationBricks/Controls/WallpaperTextArrow.php
+ 6
− 6
Zeige Datei @ e88ef0c0
<?php
/**
* This file contains QUI\PresentationBricks\Controls\WallpaperTextAndArrow
* This file contains QUI\PresentationBricks\Controls\WallpaperTextArrow
*/
namespace QUI\PresentationBricks\Controls;
......@@ -9,11 +9,11 @@
use QUI;
/**
* Class WallpaperTextAndArrow
* Class WallpaperTextArrow
*
* @package quiqqer/presentation-bricks
*/
class WallpaperTextAndArrow extends QUI\Control
class WallpaperTextArrow extends QUI\Control
{
/**
* constructor
......@@ -31,12 +31,12 @@ public function __construct($attributes = array())
parent::__construct($attributes);
$this->addCSSFile(
dirname(__FILE__) . '/WallpaperTextAndArrow.css'
dirname(__FILE__) . '/WallpaperTextArrow.css'
);
$this->setAttribute(
'qui-class',
"package/quiqqer/presentation-bricks/bin/Controls/WallpaperTextAndArrow"
'package/quiqqer/presentation-bricks/bin/Controls/WallpaperTextArrow'
);
}
......@@ -58,6 +58,6 @@ public function getBody()
'effect' => $this->getAttribute('effect')
));
return $Engine->fetch(dirname(__FILE__) . '/WallpaperTextAndArrow.html');
return $Engine->fetch(dirname(__FILE__) . '/WallpaperTextArrow.html');
}
}
0% oder .
You are about to add 0 people to the discussion. Proceed with caution.
Bearbeitung dieser Nachricht zuerst beenden!
Bitte registrieren oder zum Kommentieren

PCSG & QUIQQER support and DEV System - GitLab