{% if editmode %}
<div class="uk-container apk-container-1400">
<div uk-alert>
<h1 class="uk-h1">APK BANNER TEXT</h1>
</div>
<ul uk-tab>
<li><a href="#">Configurations</a></li>
<li class="uk-active"><a href="#">Edition</a></li>
</ul>
<ul class="uk-switcher uk-margin">
<li class="apk-size-20 uk-grid-small" uk-grid>
{# Colonne 1 #}
<div class="uk-width-1-2@m" uk-margin>
<div>Type de heading pour le titre ?</div>
{{ pimcore_select("content-heading", {
"store" : [
['h1', 'Heading 1'],
['h2', 'Heading 2'],
],
"defaultValue" : "h2"
}) }}
<div><strong>Style</strong> du heading pour le titre ?</div>
{{ pimcore_select("content-heading-style", {
"store" : [
['h1', 'Heading 1'],
['h2', 'Heading 2'],
],
"defaultValue" : "h2"
}) }}
<div><strong>Alignement</strong> du texte</div>
{{ pimcore_select("text-alignment", {
"store" : [
['uk-text-left', 'Gauche'],
['uk-text-right', 'Droite'],
['uk-text-center', 'Centré'],
],
"defaultValue" : "uk-text-center"
}) }}
</div>
{# Colonne 2 #}
<div class="uk-width-1-2@m" uk-margin>
<div>Largeur du container du texte</div>
{{ pimcore_select("text-width", {
"store" : [
['apk-container-500', '500px'],
['apk-container-600', '600px'],
['apk-container-700', '700px'],
['apk-container-800', '800px'],
['apk-container-900', '900px'],
['apk-container-1000', '1000px'],
['apk-container-1100', '1100px'],
['apk-container-1200', '1200px'],
['apk-container-1300', '1300px'],
['apk-container-1400', '1400px'],
],
"defaultValue" : "apk-container-1400"
}) }}
<div>Espacement en haut du block</div>
{{ pimcore_select("margin-top", {
"store" : [
['uk-padding-remove-top', 'Suppression du padding'],
['', 'Aucun'],
['uk-margin-small-top', 'Petit'],
['uk-margin-medium-top', 'Moyen'],
['uk-margin-large-top', 'Grand'],
['uk-margin-xlarge-top', 'Très grand'],
],
"defaultValue" : ""
}) }}
<div>Espacement en bas du block</div>
{{ pimcore_select("margin-bottom", {
"store" : [
['uk-padding-remove-bottom', 'Suppression du padding'],
['', 'Aucun'],
['uk-margin-small-bottom', 'Petit'],
['uk-margin-medium-bottom', 'Moyen'],
['uk-margin-large-bottom', 'Grand'],
['uk-margin-xlarge-bottom', 'Très grand'],
],
"defaultValue" : ""
}) }}
</div>
</li>
<li class="uk-active">
<div class="uk-margin-large-bottom">
<div class="apk-content">
<div>Titre</div>
<h2 class="uk-h2">
{{ pimcore_textarea("content-title",{
"nl2br" : true
}) }}
</h2>
<div>Texte</div>
{{ pimcore_textarea("content",{
"nl2br" : true
}) }}
<div>Lien</div>
<div class="actions">
{{ pimcore_link("content-btn", {
"class" : "uk-button"
}) }}
</div>
</div>
</div>
</li>
</ul>
</div>
{% endif %}
{% if not editmode %}
<div class="apk-container-banner-text {{ pimcore_select("margin-top") }} {{ pimcore_select("margin-bottom") }}">
<div>
<div class="uk-container {{ pimcore_select("text-width")}}">
<div class="{{ pimcore_select("text-alignment") }}">
{% if not pimcore_textarea("content-title").isEmpty %}
{% if pimcore_select("content-heading").data == "span" %}
<span class="uk-{{ pimcore_select("content-heading-style").getData() }}">
{{ pimcore_textarea("content-title", {
"nl2br" : true})|raw }}
</span>
{% else %}
{% set content_heading = pimcore_select("content-heading").getData() %}
<{{ content_heading }} class="uk-{{ pimcore_select("content-heading-style").getData() }}">
{{ pimcore_textarea("content-title", {
"nl2br" : true})|raw }}
</{{ content_heading }}>
{% endif %}
{% endif %}
<div class="apk-content">
<p>
{{ pimcore_textarea("content",{
"nl2br" : true
}) }}
</p>
</div>
{% if not pimcore_link("content-btn").isEmpty() %}
<div class="actions">
{{ pimcore_link("content-btn", {
"class" : "uk-button"
}) }}
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}