From 63d418be5ac37dbff433521da163c1c0e403b86e Mon Sep 17 00:00:00 2001 From: Henning Leutz <leutz@pcsg.de> Date: Tue, 3 Nov 2015 13:52:21 +0100 Subject: [PATCH] sidebox 3 -> css und limit einstellung --- bricks.xml | 3 +++ lib/QUI/Bricks/Controls/SideBox3.css | 22 ++++++++++++++++++++++ lib/QUI/Bricks/Controls/SideBox3.html | 10 +++++----- lib/QUI/Bricks/Controls/SideBox3.php | 22 +++++++++++----------- 4 files changed, 41 insertions(+), 16 deletions(-) create mode 100644 lib/QUI/Bricks/Controls/SideBox3.css diff --git a/bricks.xml b/bricks.xml index c4bad31..3757a04 100644 --- a/bricks.xml +++ b/bricks.xml @@ -337,6 +337,9 @@ <setting name="showShort" type="checkbox"> <locale group="quiqqer/bricks" var="brick.control.setting.showShort"/> </setting> + <setting name="limit"> + <locale group="quiqqer/bricks" var="brick.control.setting.limit"/> + </setting> </settings> </brick> diff --git a/lib/QUI/Bricks/Controls/SideBox3.css b/lib/QUI/Bricks/Controls/SideBox3.css new file mode 100644 index 0000000..423e420 --- /dev/null +++ b/lib/QUI/Bricks/Controls/SideBox3.css @@ -0,0 +1,22 @@ +.quiqqer-bricks-sidebox3, +.quiqqer-bricks-sidebox3-row { + float: left; + width: 100%; +} + +.quiqqer-bricks-sidebox3-row { + display: flex; +} + +.quiqqer-bricks-sidebox3-article { + align-items: flex-start; + display: flex; + flex-direction: column; + float: left; + padding: 20px 10px 0 10px; + width: 33.3333%; +} + +.quiqqer-bricks-sidebox3-content { + margin-bottom: 20px; +} \ No newline at end of file diff --git a/lib/QUI/Bricks/Controls/SideBox3.html b/lib/QUI/Bricks/Controls/SideBox3.html index 2c5d0fc..62be3a2 100644 --- a/lib/QUI/Bricks/Controls/SideBox3.html +++ b/lib/QUI/Bricks/Controls/SideBox3.html @@ -1,5 +1,5 @@ -<div class="{$this->getAttribute('grid-class-row')}"> +<div class="quiqqer-bricks-sidebox3"> {if $this->getAttribute('content')} <div class="quiqqer-bricks-sidebox3-content"> @@ -7,10 +7,10 @@ </div> {/if} - <div class="row" style="display: flex;"> + <div class="quiqqer-bricks-sidebox3-row"> {foreach from=$children item=Child key=key} - <article class="{$this->getAttribute('grid-class-article')} quiqqer-bricks-sidebox-article"> + <article class="quiqqer-bricks-sidebox3-article"> {if $this->getAttribute( 'showImage' )} <a href="{url site=$Child}" class="image"> {image src=$Child->getAttribute('image_site') width=640} @@ -47,9 +47,9 @@ </article> {assign var=modKey value=$key+1} - {if $modKey && $modKey % 3 === 0 && $Child@last} + {if $modKey && $modKey % 3 === 0 && !$Child@last} </div> - <div class="{$this->getAttribute('grid-class-row')}"> + <div class="quiqqer-bricks-sidebox3-row"> {/if} {/foreach} diff --git a/lib/QUI/Bricks/Controls/SideBox3.php b/lib/QUI/Bricks/Controls/SideBox3.php index f1c735d..4cd42ba 100644 --- a/lib/QUI/Bricks/Controls/SideBox3.php +++ b/lib/QUI/Bricks/Controls/SideBox3.php @@ -24,19 +24,19 @@ public function __construct($attributes = array()) { // default options $this->setAttributes(array( - 'showImage' => true, - 'showTitle' => true, - 'showDescription' => true, - 'showContent' => false, - 'class' => 'quiqqer-bricks-sidebox3', - 'nodeName' => 'section', - 'site' => false, - 'limit' => 3, - 'order' => 'release_from DESC', - 'grid-class-row' => 'row', - 'grid-class-article' => '4u' + 'showImage' => true, + 'showTitle' => true, + 'showDescription' => true, + 'showContent' => false, + 'class' => 'quiqqer-bricks-sidebox3', + 'nodeName' => 'section', + 'site' => false, + 'limit' => 3, + 'order' => 'release_from DESC' )); + $this->addCSSFile(dirname(__FILE__) . '/SideBox3.css'); + parent::__construct($attributes); } -- GitLab