src/CoreBundle/Resources/views/Areas/TeaserQuotes/view.html.twig line 1

Open in your IDE?
  1. {% set spacingSelect %}
  2.     {{ pimcore_checkbox("checkSpacing", {
  3.         "reload": true
  4.     }) }}
  5. {% endset %}
  6. {% set noSpacingTop = '' %}
  7. {% set brickAnchorId = '' %}
  8. {% if pimcore_input("brickAnchorIdInput") is not empty %}
  9.     {% set brickAnchorId = pimcore_input("brickAnchorIdInput")|lowercase %}
  10. {% endif %}
  11. {% if pimcore_checkbox('checkSpacing').isChecked() %}
  12.     {% set noSpacingTop = 'no-offset-top' %}
  13. {% endif %}
  14. {% set UID = uniqid() %}
  15. {% set hasSliderSelect %}
  16.     {{ pimcore_select("hasSlider", {
  17.         "store": [
  18.             ["has-slider", "Slider"],
  19.             ["no-slider", "Listenansicht"]
  20.         ],
  21.         "width": 300,
  22.         "reload": true
  23.     }) }}
  24. {% endset %}
  25. {% set colSelect %}
  26.     {{ pimcore_select("cols", {
  27.         "store": [
  28.             ["xs-12 full", "1"],
  29.             ["xs-12 m-6 half", "2"],
  30.             ["xs-12 m-6 l-4 one-third", "3"]
  31.         ],
  32.         "width": 300,
  33.         "reload": true
  34.     }) }}
  35. {% endset %}
  37. {% set colsSelectResult = pimcore_select("cols").getData() %}
  38. {% if editmode %}
  39.     <div class="flex-col offset-bottom-single">
  40.         <div class="col xs-12 m-6 l-3">
  41.             <span class="hint">{{ 'admin.brick.hint.anchorId' |trans }}</span>
  42.             {{ pimcore_input("brickAnchorIdInput") }}
  43.         </div>
  44.         <div class="col xs-12 m-6 l-3">
  45.             <div class="select-items">
  46.                 <div class="hint">
  47.                     {{ 'admin.brick.hint.paddingTop' |trans }}
  48.                 </div>
  49.                 {{ spacingSelect }}
  50.             </div>
  51.         </div>
  52.         <div class="col xs-12 m-6 l-3">
  53.             <span class="hint">{{ 'admin.brick.hint.selectCol' |trans }}</span>
  54.             {{ colSelect }}
  55.         </div>
  56.         <div class="col xs-12 m-6 l-3">
  57.             <span class="hint">{{ 'admin.brick.hint.displayMode' |trans }}</span>
  58.             {{ hasSliderSelect }}
  59.         </div>
  60.     </div>
  61. {% endif %}
  63. {% set contentWidthSelectResult = pimcore_select("contentWidth") %}
  64. {% set BundleName =  document.module | replace ({'Bundle' : ''}) %}
  66. {% set colsSelectResultClass %}
  67.     {% if colsSelectResult == 'xs-12 m-6 half' %}
  68.         half
  69.     {% elseif colsSelectResult == 'xs-12 full' %}
  70.         full
  71.     {% else %}
  72.         one-third
  73.     {% endif %}
  74. {% endset %}
  76. {% set sliderClass %}
  77.     {% if not editmode %}
  78.         {{ pimcore_select("hasSlider").getData() }}
  79.     {% endif %}
  80. {% endset %}
  82. {% if editmode %}
  83. <div class="admin teaser-panel-row">
  84. {% endif %}
  85.     <div id="{{ brickAnchorId }}" class="section {{ noSpacingTop }}">
  86.         <div class="panel has-background {{ sliderClass|spaceless }} {{ colsSelectResultClass|spaceless }}">
  87.             <div class="main-content">
  88.                 <div class="panel-container">
  89.                     <div class="panel-content">
  90.                         <div class="flex-col panel-slider">
  91.                             {% for i in pimcore_iterate_block(pimcore_block('contentblock')) %}
  92.                                 <div class="col {{ colsSelectResult }}">
  93.                                     <div class="teaser personal-quotes">
  94.                                         <div class="teaser-content">
  95.                                             <div class="teaser-image">
  96.                                                 <div class="image">
  97.                                                     {% if colsSelectResult == 'xs-12 full' %}
  98.                                                         {{ pimcore_image("teaserImage", {
  99.                                                             "title": "Drag your image here",
  100.                                                             "thumbnail": "teaserImageFull" ~ bundleName
  101.                                                         }) }}
  102.                                                     {% elseif colsSelectResult == 'xs-12 m-6 half' %}
  103.                                                         {{ pimcore_image("teaserImage", {
  104.                                                             "title": "Drag your image here",
  105.                                                             "thumbnail": "teaserImageHalf" ~ bundleName
  106.                                                         }) }}
  107.                                                     {% elseif colsSelectResult == 'xs-12 m-6 l-4 one-third' %}
  108.                                                         {{ pimcore_image("teaserImage", {
  109.                                                             "title": "Drag your image here",
  110.                                                             "thumbnail": "teaserImage" ~ bundleName
  111.                                                         }) }}
  112.                                                     {% endif %}
  113.                                                 </div>
  114.                                             </div>
  115.                                             <div class="content-box">
  116.                                                 {% if pimcore_input("teaserQuote") is not empty %}
  117.                                                     <p>
  118.                                                         {{ pimcore_input("teaserQuote", {'placeholder': 'Quote'})|trademark }}
  119.                                                     </p>
  120.                                                 {% endif %}
  121.                                             </div>
  122.                                             <div class="title-box">
  123.                                                 {% if pimcore_input("teaserPersonName") is not empty %}
  124.                                                     <div class="teaser-person-name">{{ pimcore_input("teaserPersonName", {'placeholder': 'Person name'})|trademark }}</div>
  125.                                                 {% endif %}
  126.                                                 {% if pimcore_input("teaserPersonProfession") is not empty %}
  127.                                                     <div class="teaser-person-profession">{{ pimcore_input("teaserPersonProfession", {'placeholder': 'Person profession'})|trademark }}</div>
  128.                                                 {% endif %}
  129.                                             </div>
  130.                                         </div>
  131.                                     </div>
  132.                                 </div>
  133.                             {% endfor %}
  134.                         </div>
  135.                     </div>
  136.                 </div>
  137.             </div>
  138.         </div>
  139.     </div>
  140. {% if editmode %}
  141. </div>
  142. {% endif %}