diff --git a/bin/Controls/BoxContentAdvanced.Settings.html b/bin/Controls/BoxContentAdvanced.Settings.html index e4ed642f4f531bbea75877ceeab2a1bd2e0bfa82..2e8bf15f4440c83711c5822bc3771510f925b211 100644 --- a/bin/Controls/BoxContentAdvanced.Settings.html +++ b/bin/Controls/BoxContentAdvanced.Settings.html @@ -11,6 +11,10 @@ <span class="entry-title">{{entryImage}}</span> <input class="media-image" data-qui-options-selectable_types="image" data-qui-options-cssclasses="1" name="entryImage"/> </label> + <label> + <span class="entry-title">{{entryUrl}}</span> + <input type="text" name="entryUrl" class="project-site" data-external="1" /> + </label> <label> <span class="entry-title">{{entryOrder}}</span> <input type="number" name="entryOrder"/> diff --git a/bin/Controls/BoxContentAdvanced.css b/bin/Controls/BoxContentAdvanced.css index 8b75eb8fbc4c075f752d794371abb9de3c64e305..1e9c7ce9757407015d9d1cca8b0c9c6598f88c1c 100644 --- a/bin/Controls/BoxContentAdvanced.css +++ b/bin/Controls/BoxContentAdvanced.css @@ -99,3 +99,7 @@ background: #fff; height: 120px !important; } + +.quiqqer-bricks-boxContentAdvanced-entry .qui-controls-project-site-input { + display: flex; +} \ No newline at end of file diff --git a/bin/Controls/BoxContentAdvanced.js b/bin/Controls/BoxContentAdvanced.js index 14e04bad1e857cf03a81ebd7203f4c48ce57c602..3860d45c22655c651471965079999d3820ac7431 100644 --- a/bin/Controls/BoxContentAdvanced.js +++ b/bin/Controls/BoxContentAdvanced.js @@ -46,6 +46,7 @@ define('package/quiqqer/bricks/bin/Controls/BoxContentAdvanced', [ 'entryTitle' : QUILocale.get(lg, 'bricks.BoxContentAdvanced.entries.settings.entryTitle'), 'entrySubTitle': QUILocale.get(lg, 'bricks.BoxContentAdvanced.entries.settings.entrySubTitle'), 'entryImage' : QUILocale.get(lg, 'bricks.BoxContentAdvanced.entries.settings.entryImage'), + 'entryUrl' : QUILocale.get(lg, 'bricks.BoxContentAdvanced.entries.settings.entryUrl'), 'entryOrder' : QUILocale.get(lg, 'bricks.BoxContentAdvanced.entries.settings.entryOrder'), 'entryContent' : QUILocale.get(lg, 'bricks.BoxContentAdvanced.entries.settings.entryContent') }) diff --git a/bricks.xml b/bricks.xml index e1fc5345589d9bf5fc1a26f23777b0e24caceecf..01a81c96002142aed0f2e5375e09ad63a9f8f792 100644 --- a/bricks.xml +++ b/bricks.xml @@ -91,34 +91,34 @@ <option value=""/> <option value="name ASC" selected="selected"> - <locale group="quiqqer/system" var="name_asc"/> + <locale group="quiqqer/quiqqer" var="name_asc"/> </option> <option value="name DESC"> - <locale group="quiqqer/system" var="name_desc"/> + <locale group="quiqqer/quiqqer" var="name_desc"/> </option> <option value="title ASC"> - <locale group="quiqqer/system" var="title_asc"/> + <locale group="quiqqer/quiqqer" var="title_asc"/> </option> <option value="title DESC"> - <locale group="quiqqer/system" var="title_desc"/> + <locale group="quiqqer/quiqqer" var="title_desc"/> </option> <option value="c_date ASC"> - <locale group="quiqqer/system" var="c_date_asc"/> + <locale group="quiqqer/quiqqer" var="c_date_asc"/> </option> <option value="c_date DESC"> - <locale group="quiqqer/system" var="c_date_desc"/> + <locale group="quiqqer/quiqqer" var="c_date_desc"/> </option> <option value="e_date ASC"> - <locale group="quiqqer/system" var="e_date_asc"/> + <locale group="quiqqer/quiqqer" var="e_date_asc"/> </option> <option value="e_date DESC"> - <locale group="quiqqer/system" var="e_date_desc"/> + <locale group="quiqqer/quiqqer" var="e_date_desc"/> </option> <option value="release_from ASC"> - <locale group="quiqqer/system" var="release_from_asc"/> + <locale group="quiqqer/quiqqer" var="release_from_asc"/> </option> <option value="release_from DESC"> - <locale group="quiqqer/system" var="release_from_desc"/> + <locale group="quiqqer/quiqqer" var="release_from_desc"/> </option> <option value="order_field ASC"> <locale group="quiqqer/quiqqer" var="order_field_asc"/> @@ -204,31 +204,31 @@ <option value=""/> <option value="top-left"> - <locale group="quiqqer/system" var="watermark.position.top.left"/> + <locale group="quiqqer/quiqqer" var="watermark.position.top.left"/> </option> <option value="top"> - <locale group="quiqqer/system" var="watermark.position.top"/> + <locale group="quiqqer/quiqqer" var="watermark.position.top"/> </option> <option value="top-right"> - <locale group="quiqqer/system" var="watermark.position.top.right"/> + <locale group="quiqqer/quiqqer" var="watermark.position.top.right"/> </option> <option value="left"> - <locale group="quiqqer/system" var="watermark.position.left"/> + <locale group="quiqqer/quiqqer" var="watermark.position.left"/> </option> <option value="center"> - <locale group="quiqqer/system" var="watermark.position.center"/> + <locale group="quiqqer/quiqqer" var="watermark.position.center"/> </option> <option value="right"> - <locale group="quiqqer/system" var="watermark.position.right"/> + <locale group="quiqqer/quiqqer" var="watermark.position.right"/> </option> <option value="bottom-left"> - <locale group="quiqqer/system" var="watermark.position.bottom.left"/> + <locale group="quiqqer/quiqqer" var="watermark.position.bottom.left"/> </option> <option value="bottom"> - <locale group="quiqqer/system" var="watermark.position.bottom"/> + <locale group="quiqqer/quiqqer" var="watermark.position.bottom"/> </option> <option value="bottom-right"> - <locale group="quiqqer/system" var="watermark.position.bottom.right"/> + <locale group="quiqqer/quiqqer" var="watermark.position.bottom.right"/> </option> </setting> @@ -324,31 +324,31 @@ <option value=""/> <option value="top-left"> - <locale group="quiqqer/system" var="watermark.position.top.left"/> + <locale group="quiqqer/quiqqer" var="watermark.position.top.left"/> </option> <option value="top"> - <locale group="quiqqer/system" var="watermark.position.top"/> + <locale group="quiqqer/quiqqer" var="watermark.position.top"/> </option> <option value="top-right"> - <locale group="quiqqer/system" var="watermark.position.top.right"/> + <locale group="quiqqer/quiqqer" var="watermark.position.top.right"/> </option> <option value="left"> - <locale group="quiqqer/system" var="watermark.position.left"/> + <locale group="quiqqer/quiqqer" var="watermark.position.left"/> </option> <option value="center"> - <locale group="quiqqer/system" var="watermark.position.center"/> + <locale group="quiqqer/quiqqer" var="watermark.position.center"/> </option> <option value="right"> - <locale group="quiqqer/system" var="watermark.position.right"/> + <locale group="quiqqer/quiqqer" var="watermark.position.right"/> </option> <option value="bottom-left"> - <locale group="quiqqer/system" var="watermark.position.bottom.left"/> + <locale group="quiqqer/quiqqer" var="watermark.position.bottom.left"/> </option> <option value="bottom"> - <locale group="quiqqer/system" var="watermark.position.bottom"/> + <locale group="quiqqer/quiqqer" var="watermark.position.bottom"/> </option> <option value="bottom-right"> - <locale group="quiqqer/system" var="watermark.position.bottom.right"/> + <locale group="quiqqer/quiqqer" var="watermark.position.bottom.right"/> </option> </setting> @@ -448,31 +448,31 @@ <option value=""/> <option value="top-left"> - <locale group="quiqqer/system" var="watermark.position.top.left"/> + <locale group="quiqqer/quiqqer" var="watermark.position.top.left"/> </option> <option value="top"> - <locale group="quiqqer/system" var="watermark.position.top"/> + <locale group="quiqqer/quiqqer" var="watermark.position.top"/> </option> <option value="top-right"> - <locale group="quiqqer/system" var="watermark.position.top.right"/> + <locale group="quiqqer/quiqqer" var="watermark.position.top.right"/> </option> <option value="left"> - <locale group="quiqqer/system" var="watermark.position.left"/> + <locale group="quiqqer/quiqqer" var="watermark.position.left"/> </option> <option value="center"> - <locale group="quiqqer/system" var="watermark.position.center"/> + <locale group="quiqqer/quiqqer" var="watermark.position.center"/> </option> <option value="right"> - <locale group="quiqqer/system" var="watermark.position.right"/> + <locale group="quiqqer/quiqqer" var="watermark.position.right"/> </option> <option value="bottom-left"> - <locale group="quiqqer/system" var="watermark.position.bottom.left"/> + <locale group="quiqqer/quiqqer" var="watermark.position.bottom.left"/> </option> <option value="bottom"> - <locale group="quiqqer/system" var="watermark.position.bottom"/> + <locale group="quiqqer/quiqqer" var="watermark.position.bottom"/> </option> <option value="bottom-right"> - <locale group="quiqqer/system" var="watermark.position.bottom.right"/> + <locale group="quiqqer/quiqqer" var="watermark.position.bottom.right"/> </option> </setting> @@ -523,34 +523,34 @@ <locale group="quiqqer/bricks" var="brick.control.setting.order"/> <option value="name ASC"> - <locale group="quiqqer/system" var="name_asc"/> + <locale group="quiqqer/quiqqer" var="name_asc"/> </option> <option value="name DESC"> - <locale group="quiqqer/system" var="name_desc"/> + <locale group="quiqqer/quiqqer" var="name_desc"/> </option> <option value="title ASC"> - <locale group="quiqqer/system" var="title_asc"/> + <locale group="quiqqer/quiqqer" var="title_asc"/> </option> <option value="title DESC"> - <locale group="quiqqer/system" var="title_desc"/> + <locale group="quiqqer/quiqqer" var="title_desc"/> </option> <option value="c_date ASC"> - <locale group="quiqqer/system" var="c_date_asc"/> + <locale group="quiqqer/quiqqer" var="c_date_asc"/> </option> <option value="c_date DESC"> - <locale group="quiqqer/system" var="c_date_desc"/> + <locale group="quiqqer/quiqqer" var="c_date_desc"/> </option> <option value="e_date ASC"> - <locale group="quiqqer/system" var="e_date_asc"/> + <locale group="quiqqer/quiqqer" var="e_date_asc"/> </option> <option value="e_date DESC"> - <locale group="quiqqer/system" var="e_date_desc"/> + <locale group="quiqqer/quiqqer" var="e_date_desc"/> </option> <option value="release_from ASC"> - <locale group="quiqqer/system" var="release_from_asc"/> + <locale group="quiqqer/quiqqer" var="release_from_asc"/> </option> <option value="release_from DESC"> - <locale group="quiqqer/system" var="release_from_desc"/> + <locale group="quiqqer/quiqqer" var="release_from_desc"/> </option> </setting> @@ -724,6 +724,15 @@ <locale group="quiqqer/bricks" var="bricks.BoxContentAdvanced.template.standard"/> </option> + <option value="boxWithShadow"> + <locale group="quiqqer/bricks" + var="bricks.BoxContentAdvanced.template.boxWithShadow"/> + </option> + </setting> + + <setting name="centerText" type="checkbox"> + <locale group="quiqqer/bricks" + var="bricks.BoxContentAdvanced.centerText"/> </setting> <setting name="entriesPerLine" type="select"> @@ -834,34 +843,34 @@ <locale group="quiqqer/bricks" var="brick.control.setting.order"/> <option value="name ASC"> - <locale group="quiqqer/system" var="name_asc"/> + <locale group="quiqqer/quiqqer" var="name_asc"/> </option> <option value="name DESC"> - <locale group="quiqqer/system" var="name_desc"/> + <locale group="quiqqer/quiqqer" var="name_desc"/> </option> <option value="title ASC"> - <locale group="quiqqer/system" var="title_asc"/> + <locale group="quiqqer/quiqqer" var="title_asc"/> </option> <option value="title DESC"> - <locale group="quiqqer/system" var="title_desc"/> + <locale group="quiqqer/quiqqer" var="title_desc"/> </option> <option value="c_date ASC"> - <locale group="quiqqer/system" var="c_date_asc"/> + <locale group="quiqqer/quiqqer" var="c_date_asc"/> </option> <option value="c_date DESC"> - <locale group="quiqqer/system" var="c_date_desc"/> + <locale group="quiqqer/quiqqer" var="c_date_desc"/> </option> <option value="e_date ASC"> - <locale group="quiqqer/system" var="e_date_asc"/> + <locale group="quiqqer/quiqqer" var="e_date_asc"/> </option> <option value="e_date DESC"> - <locale group="quiqqer/system" var="e_date_desc"/> + <locale group="quiqqer/quiqqer" var="e_date_desc"/> </option> <option value="release_from ASC"> - <locale group="quiqqer/system" var="release_from_asc"/> + <locale group="quiqqer/quiqqer" var="release_from_asc"/> </option> <option value="release_from DESC"> - <locale group="quiqqer/system" var="release_from_desc"/> + <locale group="quiqqer/quiqqer" var="release_from_desc"/> </option> </setting> <setting name="showImage" type="checkbox"> @@ -895,34 +904,34 @@ <locale group="quiqqer/bricks" var="brick.control.setting.order"/> <option value="name ASC"> - <locale group="quiqqer/system" var="name_asc"/> + <locale group="quiqqer/quiqqer" var="name_asc"/> </option> <option value="name DESC"> - <locale group="quiqqer/system" var="name_desc"/> + <locale group="quiqqer/quiqqer" var="name_desc"/> </option> <option value="title ASC"> - <locale group="quiqqer/system" var="title_asc"/> + <locale group="quiqqer/quiqqer" var="title_asc"/> </option> <option value="title DESC"> - <locale group="quiqqer/system" var="title_desc"/> + <locale group="quiqqer/quiqqer" var="title_desc"/> </option> <option value="c_date ASC"> - <locale group="quiqqer/system" var="c_date_asc"/> + <locale group="quiqqer/quiqqer" var="c_date_asc"/> </option> <option value="c_date DESC"> - <locale group="quiqqer/system" var="c_date_desc"/> + <locale group="quiqqer/quiqqer" var="c_date_desc"/> </option> <option value="e_date ASC"> - <locale group="quiqqer/system" var="e_date_asc"/> + <locale group="quiqqer/quiqqer" var="e_date_asc"/> </option> <option value="e_date DESC"> - <locale group="quiqqer/system" var="e_date_desc"/> + <locale group="quiqqer/quiqqer" var="e_date_desc"/> </option> <option value="release_from ASC"> - <locale group="quiqqer/system" var="release_from_asc"/> + <locale group="quiqqer/quiqqer" var="release_from_asc"/> </option> <option value="release_from DESC"> - <locale group="quiqqer/system" var="release_from_desc"/> + <locale group="quiqqer/quiqqer" var="release_from_desc"/> </option> </setting> <setting name="showImage" type="checkbox"> @@ -953,34 +962,34 @@ <locale group="quiqqer/bricks" var="brick.control.setting.order"/> <option value="name ASC"> - <locale group="quiqqer/system" var="name_asc"/> + <locale group="quiqqer/quiqqer" var="name_asc"/> </option> <option value="name DESC"> - <locale group="quiqqer/system" var="name_desc"/> + <locale group="quiqqer/quiqqer" var="name_desc"/> </option> <option value="title ASC"> - <locale group="quiqqer/system" var="title_asc"/> + <locale group="quiqqer/quiqqer" var="title_asc"/> </option> <option value="title DESC"> - <locale group="quiqqer/system" var="title_desc"/> + <locale group="quiqqer/quiqqer" var="title_desc"/> </option> <option value="c_date ASC"> - <locale group="quiqqer/system" var="c_date_asc"/> + <locale group="quiqqer/quiqqer" var="c_date_asc"/> </option> <option value="c_date DESC"> - <locale group="quiqqer/system" var="c_date_desc"/> + <locale group="quiqqer/quiqqer" var="c_date_desc"/> </option> <option value="e_date ASC"> - <locale group="quiqqer/system" var="e_date_asc"/> + <locale group="quiqqer/quiqqer" var="e_date_asc"/> </option> <option value="e_date DESC"> - <locale group="quiqqer/system" var="e_date_desc"/> + <locale group="quiqqer/quiqqer" var="e_date_desc"/> </option> <option value="release_from ASC"> - <locale group="quiqqer/system" var="release_from_asc"/> + <locale group="quiqqer/quiqqer" var="release_from_asc"/> </option> <option value="release_from DESC"> - <locale group="quiqqer/system" var="release_from_desc"/> + <locale group="quiqqer/quiqqer" var="release_from_desc"/> </option> </setting> <setting name="showImage" type="checkbox"> @@ -1014,34 +1023,34 @@ <locale group="quiqqer/bricks" var="brick.control.setting.order"/> <option value="name ASC"> - <locale group="quiqqer/system" var="name_asc"/> + <locale group="quiqqer/quiqqer" var="name_asc"/> </option> <option value="name DESC"> - <locale group="quiqqer/system" var="name_desc"/> + <locale group="quiqqer/quiqqer" var="name_desc"/> </option> <option value="title ASC"> - <locale group="quiqqer/system" var="title_asc"/> + <locale group="quiqqer/quiqqer" var="title_asc"/> </option> <option value="title DESC"> - <locale group="quiqqer/system" var="title_desc"/> + <locale group="quiqqer/quiqqer" var="title_desc"/> </option> <option value="c_date ASC"> - <locale group="quiqqer/system" var="c_date_asc"/> + <locale group="quiqqer/quiqqer" var="c_date_asc"/> </option> <option value="c_date DESC"> - <locale group="quiqqer/system" var="c_date_desc"/> + <locale group="quiqqer/quiqqer" var="c_date_desc"/> </option> <option value="e_date ASC"> - <locale group="quiqqer/system" var="e_date_asc"/> + <locale group="quiqqer/quiqqer" var="e_date_asc"/> </option> <option value="e_date DESC"> - <locale group="quiqqer/system" var="e_date_desc"/> + <locale group="quiqqer/quiqqer" var="e_date_desc"/> </option> <option value="release_from ASC"> - <locale group="quiqqer/system" var="release_from_asc"/> + <locale group="quiqqer/quiqqer" var="release_from_asc"/> </option> <option value="release_from DESC"> - <locale group="quiqqer/system" var="release_from_desc"/> + <locale group="quiqqer/quiqqer" var="release_from_desc"/> </option> </setting> <setting name="showImage" type="checkbox"> @@ -1072,34 +1081,34 @@ <locale group="quiqqer/bricks" var="brick.control.setting.order"/> <option value="name ASC"> - <locale group="quiqqer/system" var="name_asc"/> + <locale group="quiqqer/quiqqer" var="name_asc"/> </option> <option value="name DESC"> - <locale group="quiqqer/system" var="name_desc"/> + <locale group="quiqqer/quiqqer" var="name_desc"/> </option> <option value="title ASC"> - <locale group="quiqqer/system" var="title_asc"/> + <locale group="quiqqer/quiqqer" var="title_asc"/> </option> <option value="title DESC"> - <locale group="quiqqer/system" var="title_desc"/> + <locale group="quiqqer/quiqqer" var="title_desc"/> </option> <option value="c_date ASC"> - <locale group="quiqqer/system" var="c_date_asc"/> + <locale group="quiqqer/quiqqer" var="c_date_asc"/> </option> <option value="c_date DESC"> - <locale group="quiqqer/system" var="c_date_desc"/> + <locale group="quiqqer/quiqqer" var="c_date_desc"/> </option> <option value="e_date ASC"> - <locale group="quiqqer/system" var="e_date_asc"/> + <locale group="quiqqer/quiqqer" var="e_date_asc"/> </option> <option value="e_date DESC"> - <locale group="quiqqer/system" var="e_date_desc"/> + <locale group="quiqqer/quiqqer" var="e_date_desc"/> </option> <option value="release_from ASC"> - <locale group="quiqqer/system" var="release_from_asc"/> + <locale group="quiqqer/quiqqer" var="release_from_asc"/> </option> <option value="release_from DESC"> - <locale group="quiqqer/system" var="release_from_desc"/> + <locale group="quiqqer/quiqqer" var="release_from_desc"/> </option> </setting> <setting name="showImage" type="checkbox"> @@ -1136,35 +1145,39 @@ <setting name="order" type="select"> <locale group="quiqqer/bricks" var="brick.control.setting.order"/> + <!-- manual --> + <option value="order_field"> + <locale group="quiqqer/bricks" var="brick.control.order.order_field"/> + </option> <option value="name ASC"> - <locale group="quiqqer/system" var="name_asc"/> + <locale group="quiqqer/quiqqer" var="name_asc"/> </option> <option value="name DESC"> - <locale group="quiqqer/system" var="name_desc"/> + <locale group="quiqqer/quiqqer" var="name_desc"/> </option> <option value="title ASC"> - <locale group="quiqqer/system" var="title_asc"/> + <locale group="quiqqer/quiqqer" var="title_asc"/> </option> <option value="title DESC"> - <locale group="quiqqer/system" var="title_desc"/> + <locale group="quiqqer/quiqqer" var="title_desc"/> </option> <option value="c_date ASC"> - <locale group="quiqqer/system" var="c_date_asc"/> + <locale group="quiqqer/quiqqer" var="c_date_asc"/> </option> <option value="c_date DESC"> - <locale group="quiqqer/system" var="c_date_desc"/> + <locale group="quiqqer/quiqqer" var="c_date_desc"/> </option> <option value="e_date ASC"> - <locale group="quiqqer/system" var="e_date_asc"/> + <locale group="quiqqer/quiqqer" var="e_date_asc"/> </option> <option value="e_date DESC"> - <locale group="quiqqer/system" var="e_date_desc"/> + <locale group="quiqqer/quiqqer" var="e_date_desc"/> </option> <option value="release_from ASC"> - <locale group="quiqqer/system" var="release_from_asc"/> + <locale group="quiqqer/quiqqer" var="release_from_asc"/> </option> <option value="release_from DESC"> - <locale group="quiqqer/system" var="release_from_desc"/> + <locale group="quiqqer/quiqqer" var="release_from_desc"/> </option> </setting> diff --git a/locale.xml b/locale.xml index ffed0152a4972a30c4e050fa3e6cc187bcee2c16..8a8434594746dd64ca4347ff6398de1d9083634e 100644 --- a/locale.xml +++ b/locale.xml @@ -365,6 +365,10 @@ <en><![CDATA[Sort]]></en> <pl><![CDATA[Sortowanie]]></pl> </locale> + <locale name="brick.control.order.order_field"> + <de><![CDATA[Manuell]]></de> + <en><![CDATA[Manual]]></en> + </locale> <locale name="site.area.window.settings.setting.width"> <de><![CDATA[Breite]]></de> @@ -1445,6 +1449,14 @@ Möchten Sie die Bausteine aus der Bausteinzone entfernen?</p>]]></de> <de><![CDATA[Standard]]></de> <en><![CDATA[Standard]]></en> </locale> + <locale name="bricks.BoxContentAdvanced.template.boxWithShadow"> + <de><![CDATA[Moderne Boxen mit Schatten)]]></de> + <en><![CDATA[Modern boxes with shadow]]></en> + </locale> + <locale name="bricks.BoxContentAdvanced.centerText"> + <de><![CDATA[Text zentrieren (Titel und Inhalt)]]></de> + <en><![CDATA[Centre text (title and content)]]></en> + </locale> <locale name="bricks.BoxContentAdvanced.entriesPerLine"> <de><![CDATA[Anzahl der Boxen (Einträge) pro Zeile]]></de> <en><![CDATA[Number of boxes (entries) per line]]></en> @@ -1461,6 +1473,10 @@ Möchten Sie die Bausteine aus der Bausteinzone entfernen?</p>]]></de> <de><![CDATA[Bild]]></de> <en><![CDATA[Image]]></en> </locale> + <locale name="bricks.BoxContentAdvanced.entries.settings.entryUrl"> + <de><![CDATA[Seiten-Url]]></de> + <en><![CDATA[Site url]]></en> + </locale> <locale name="bricks.BoxContentAdvanced.entries.settings.entryOrder"> <de><![CDATA[Priorität]]></de> <en><![CDATA[Priority]]></en> diff --git a/src/QUI/Bricks/Controls/BoxContentAdvanced.boxWithShadow.css b/src/QUI/Bricks/Controls/BoxContentAdvanced.boxWithShadow.css new file mode 100644 index 0000000000000000000000000000000000000000..3e1d3df62d8da3b6e8eb3f69be6c6b03c3a222ce --- /dev/null +++ b/src/QUI/Bricks/Controls/BoxContentAdvanced.boxWithShadow.css @@ -0,0 +1,38 @@ +.quiqqer-boxContentAdvanced-wrapper.template-boxWithShadow { + overflow: visible; +} + +.quiqqer-boxContentAdvanced-entries__boxWithShadow { + padding: 2rem 0; +} + +.quiqqer-boxContentAdvanced-entries__boxWithShadow .quiqqer-boxContentAdvanced-entry { + box-shadow: 0 20px 40px -12px rgba(0,0,0,0.13); + background-color: #fff; +} + +.quiqqer-boxContentAdvanced-entries__boxWithShadow .quiqqer-boxContentAdvanced-entry-img { + background: #f8f8f8; + margin-bottom: 1rem; + text-align: center; +} + +.quiqqer-boxContentAdvanced-entries__boxWithShadow header { + padding-left: 1rem; + padding-right: 1rem; +} + +.quiqqer-boxContentAdvanced-entries__boxWithShadow .quiqqer-boxContentAdvanced-entry-content { + padding-left: 1rem; + padding-right: 1rem; +} + +.quiqqer-boxContentAdvanced-entries__boxWithShadow .quiqqer-boxContentAdvanced-entry-img .fa { + margin-bottom: 3rem; + margin-top: 3rem; +} + +.quiqqer-boxContentAdvanced-entries__boxWithShadow .centerText header, +.quiqqer-boxContentAdvanced-entries__boxWithShadow .centerText .quiqqer-boxContentAdvanced-entry-content { + text-align: center; +} \ No newline at end of file diff --git a/src/QUI/Bricks/Controls/BoxContentAdvanced.boxWithShadow.html b/src/QUI/Bricks/Controls/BoxContentAdvanced.boxWithShadow.html new file mode 100644 index 0000000000000000000000000000000000000000..592c045c1013072ed44e7e80cdf3893c8262a72f --- /dev/null +++ b/src/QUI/Bricks/Controls/BoxContentAdvanced.boxWithShadow.html @@ -0,0 +1,57 @@ +<div class="quiqqer-boxContentAdvanced-entries quiqqer-boxContentAdvanced-entries__boxWithShadow"> + {assign var=centerTex value=''} + {if $centerText} + {assign var=centerText value='centerText'} + {/if} + {foreach from=$entries item=entry} + + {if $entry.entryUrl && QUI\Projects\Site\Utils::getSiteByLink($entry.entryUrl)} + {assign var=TargetSite value=QUI\Projects\Site\Utils::getSiteByLink($entry.entryUrl)} + {/if} + + <div class="quiqqer-boxContentAdvanced-entry-container quiqqer-boxContentAdvanced{$entriesPerLine} {$centerText}" + {if $entry.entryOrder}style="order: {$entry.entryOrder}"{/if}> + <div class="quiqqer-boxContentAdvanced-entry"> + {if $entry.entryImage} + {if $entry.entryUrl} + <a href="{url site=$TargetSite rewrited=1}" title="{$TargetSite->getAttribute('title')}"> + {/if} + + <div class="quiqqer-boxContentAdvanced-entry-img control-color"> + {image src=$entry.entryImage width="500"} + </div> + + {if $entry.entryUrl} + </a> + {/if} + {/if} + + <header> + <h4 class="quiqqer-boxContentAdvanced-entry-title" title="{$entry.entryTitle|escape:'html'}"> + {if $entry.entryUrl} + <a href="{url site=$TargetSite rewrited=1}" title="{$TargetSite->getAttribute('title')}"> + {/if} + + {$entry.entryTitle|escape:'html'} + + {if $entry.entryUrl} + </a> + {/if} + </h4> + + {if $entry.entrySubTitle} + <span class="quiqqer-boxContentAdvanced-entry-subTitle"> + {$entry.entrySubTitle|escape:'html'} + </span> + {/if} + </header> + + {if $entry.entryContent} + <div class="quiqqer-boxContentAdvanced-entry-content"> + {$entry.entryContent} + </div> + {/if} + </div> + </div> + {/foreach} +</div> \ No newline at end of file diff --git a/src/QUI/Bricks/Controls/BoxContentAdvanced.css b/src/QUI/Bricks/Controls/BoxContentAdvanced.css index 3386750ae1b8df9efeefe79026a5f893ff07e973..a9ec97e9c13dc19b41746c3a1235e4ba5132b375 100644 --- a/src/QUI/Bricks/Controls/BoxContentAdvanced.css +++ b/src/QUI/Bricks/Controls/BoxContentAdvanced.css @@ -52,49 +52,18 @@ width: 10%; } -/* general styling */ -.quiqqer-boxContentAdvanced-entry-img { - margin-bottom: 2rem; - text-align: center; +@media screen and (max-width: 767px) { + .quiqqer-boxContentAdvanced-entries .quiqqer-boxContentAdvanced-entry-container { + flex: 1 0 280px; + } } -.quiqqer-boxContentAdvanced-entry-img picture { - display: block; - height: 250px; - width: auto !important; +.quiqqer-boxContentAdvanced-entry-img picture, +.quiqqer-boxContentAdvanced-entry-img img { + width: auto; } .quiqqer-boxContentAdvanced-entry-img .fa { - font-size: 40px; + font-size: 60px; margin-bottom: 2rem; -} - -.quiqqer-boxContentAdvanced-entry header { - text-align: center; -} - -.quiqqer-boxContentAdvanced-entry-title { - font-size: 1.25rem; -} - -.quiqqer-boxContentAdvanced-entry-subTitle { - font-size: 0.9rem; -} - -.quiqqer-boxContentAdvanced-entry-content { - text-align: center; -} - -.quiqqer-boxContentAdvanced-entry-content *:last-child { - margin-bottom: 0; -} - -@media screen and (max-width: 767px) { - .quiqqer-boxContentAdvanced-entry-container { - flex: 1 0 280px; - } - - .quiqqer-boxContentAdvanced-entry-img picture { - height: auto; - } } \ No newline at end of file diff --git a/src/QUI/Bricks/Controls/BoxContentAdvanced.html b/src/QUI/Bricks/Controls/BoxContentAdvanced.html index 033920c6bfe28fe3152bc053e11eebf3ad0fa86a..dd431c466b39d7367b81be2620243b1a3e329469 100644 --- a/src/QUI/Bricks/Controls/BoxContentAdvanced.html +++ b/src/QUI/Bricks/Controls/BoxContentAdvanced.html @@ -10,7 +10,7 @@ </div> {/if} -<div class="quiqqer-boxContentAdvanced-wrapper grid-children"> +<div class="quiqqer-boxContentAdvanced-wrapper grid-children template-{$this->getAttribute('template')}"> <div class="grid-children-container"> {$entriesTemplate} </div> diff --git a/src/QUI/Bricks/Controls/BoxContentAdvanced.php b/src/QUI/Bricks/Controls/BoxContentAdvanced.php index f3489db5f1eb6dbc87a4ce18485342061c8e1926..f0e1499be128985e38e40d119814ac08a75e0fbc 100644 --- a/src/QUI/Bricks/Controls/BoxContentAdvanced.php +++ b/src/QUI/Bricks/Controls/BoxContentAdvanced.php @@ -27,6 +27,7 @@ public function __construct($attributes = []) 'title' => 'Box Content Advanced', 'entriesPerLine' => 3, 'template' => 'standard', + 'centerText' => false, 'entries' => [] ]); @@ -53,10 +54,24 @@ public function getBody() $Engine->assign([ 'entries' => $entries, + 'centerText' => $this->getAttribute('centerText'), 'entriesPerLine' => '-' . $this->getAttribute('entriesPerLine') ]); - $entriesTemplate = $Engine->fetch(dirname(__FILE__) . '/BoxContentAdvanced.standard.html'); + switch ($this->getAttribute('template')) { + case 'boxWithShadow': + $boxTemplate = '/BoxContentAdvanced.boxWithShadow.html'; + $boxCss = '/BoxContentAdvanced.boxWithShadow.css'; + break; + case 'default': + default: + $boxTemplate = '/BoxContentAdvanced.standard.html'; + $boxCss = '/BoxContentAdvanced.standard.css'; + break; + } + + $entriesTemplate = $Engine->fetch(dirname(__FILE__) . $boxTemplate); + $this->addCSSFile(dirname(__FILE__) . $boxCss); $Engine->assign([ 'this' => $this, diff --git a/src/QUI/Bricks/Controls/BoxContentAdvanced.standard.css b/src/QUI/Bricks/Controls/BoxContentAdvanced.standard.css new file mode 100644 index 0000000000000000000000000000000000000000..1d5c42620e95e53e34a16468a3f2a2cc01fcdfd4 --- /dev/null +++ b/src/QUI/Bricks/Controls/BoxContentAdvanced.standard.css @@ -0,0 +1,31 @@ +.quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-img { + margin-bottom: 2rem; + text-align: center; +} + +.quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-img picture { + height: 250px; +} + +.quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-title { + font-size: 1.25rem; +} + +.quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-subTitle { + font-size: 0.9rem; +} + +.quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-content *:last-child { + margin-bottom: 0; +} + +.quiqqer-boxContentAdvanced-entries__standard .centerText header, +.quiqqer-boxContentAdvanced-entries__standard .centerText .quiqqer-boxContentAdvanced-entry-content { + text-align: center; +} + +@media screen and (max-width: 767px) { + .quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-img picture { + height: auto; + } +} \ No newline at end of file diff --git a/src/QUI/Bricks/Controls/BoxContentAdvanced.standard.html b/src/QUI/Bricks/Controls/BoxContentAdvanced.standard.html index 0ada1055d9d4740f36fbefa1a3ee1956a11e5efe..c62ecc29501c5deb4169dc81881d97f6a066568b 100644 --- a/src/QUI/Bricks/Controls/BoxContentAdvanced.standard.html +++ b/src/QUI/Bricks/Controls/BoxContentAdvanced.standard.html @@ -1,18 +1,44 @@ -<div class="quiqqer-boxContentAdvanced-entries quiqqer-boxContentAdvanced__standard"> +<div class="quiqqer-boxContentAdvanced-entries quiqqer-boxContentAdvanced-entries__standard"> + {assign var=centerTex value=''} + {if $centerText} + {assign var=centerText value='centerText'} + {/if} {foreach from=$entries item=entry} - <div class="quiqqer-boxContentAdvanced-entry-container quiqqer-boxContentAdvanced{$entriesPerLine}" + + {if $entry.entryUrl && QUI\Projects\Site\Utils::getSiteByLink($entry.entryUrl)} + {assign var=TargetSite value=QUI\Projects\Site\Utils::getSiteByLink($entry.entryUrl)} + {/if} + + <div class="quiqqer-boxContentAdvanced-entry-container quiqqer-boxContentAdvanced{$entriesPerLine} {$centerText}" {if $entry.entryOrder}style="order: {$entry.entryOrder}"{/if}> <div class="quiqqer-boxContentAdvanced-entry"> {if $entry.entryImage} - <div class="quiqqer-boxContentAdvanced-entry-img control-color"> - {image src=$entry.entryImage width="500"} - </div> + {if $entry.entryUrl} + <a href="{url site=$TargetSite rewrited=1}" title="{$TargetSite->getAttribute('title')}"> + {/if} + + <div class="quiqqer-boxContentAdvanced-entry-img control-color"> + {image src=$entry.entryImage width="500"} + </div> + + {if $entry.entryUrl} + </a> + {/if} {/if} <header> <h4 class="quiqqer-boxContentAdvanced-entry-title" title="{$entry.entryTitle|escape:'html'}"> + {if $entry.entryUrl} + <a href="{url site=$TargetSite rewrited=1}" title="{$TargetSite->getAttribute('title')}"> + {/if} + {$entry.entryTitle|escape:'html'} + + {if $entry.entryUrl} + </a> + {/if} </h4> + {if $entry.entrySubTitle} <span class="quiqqer-boxContentAdvanced-entry-subTitle"> {$entry.entrySubTitle|escape:'html'}