src/Develey/BornBundle/Resources/views/Areas/TeaserPanel/view.html.twig line 1

Open in your IDE?
  1. {#
  2.     NOTE: This file is a override from the Core Areabrick: "differences of overwrite"
  3. #}
  5. {% set spacingSelect %}
  6.     {{ pimcore_checkbox("checkSpacing", {
  7.         "reload": true
  8.     }) }}
  9. {% endset %}
  10. {% set noSpacingTop = '' %}
  11. {% set brickAnchorId = '' %}
  12. {% if pimcore_input("brickAnchorIdInput") is not empty %}
  13.     {% set brickAnchorId = pimcore_input("brickAnchorIdInput")|lowercase %}
  14. {% endif %}
  15. {% if pimcore_checkbox('checkSpacing').isChecked() %}
  16.     {% set noSpacingTop = 'no-offset-top' %}
  17. {% endif %}
  18. {% set UID = uniqid() %}
  19. {% set hasSliderSelect %}
  20.     {{ pimcore_select("hasSlider", {
  21.         "store": [
  22.         ["has-slider", "Slider"],
  23.         ["no-slider", "Listenansicht"]
  24.         ],
  25.         "width": 300,
  26.         "reload": true
  27.     }) }}
  28. {% endset %}
  29. {% set colSelect %}
  30.     {{ pimcore_select("cols", {
  31.         "store": [
  32.         ["xs-12 full", "1"],
  33.         ["xs-12 m-6 half", "2"],
  34.         ["xs-12 m-6 l-4 one-third", "3"]
  35.         ],
  36.         "width": 300,
  37.         "reload": true
  38.     }) }}
  39. {% endset %}
  41. {% set colsSelectResult = pimcore_select("cols").getData() %}
  42. {% if editmode %}
  43.     <div class="flex-col offset-bottom-single">
  44.         <div class="col xs-12 m-6 l-3">
  45.             <span class="hint">{{ 'admin.brick.hint.anchorId' |trans }}</span>
  46.             {{ pimcore_input("brickAnchorIdInput") }}
  47.         </div>
  48.         <div class="col xs-12 m-6 l-3">
  49.             <div class="select-items">
  50.                 <div class="hint">
  51.                     {{ 'admin.brick.hint.paddingTop' |trans }}
  52.                 </div>
  53.                 {{ spacingSelect }}
  54.             </div>
  55.         </div>
  56.         <div class="col xs-12 m-6 l-3">
  57.             <span class="hint">{{ 'admin.brick.hint.selectCol' |trans }}</span>
  58.             {{ colSelect }}
  59.         </div>
  60.         <div class="col xs-12 m-6 l-3">
  61.             <span class="hint">{{ 'admin.brick.hint.displayMode' |trans }}</span>
  62.             {{ hasSliderSelect }}
  63.         </div>
  64.     </div>
  65. {% endif %}
  67. {% set contentWidthSelectResult = pimcore_select("contentWidth") %}
  68. {% set BundleName =  document.module | replace ({'Bundle' : ''})%}
  70. {% set colsSelectResultClass %}
  71.     {% if colsSelectResult == 'xs-12 m-6 half' %}
  72.         half
  73.     {% elseif colsSelectResult == 'xs-12 full' %}
  74.         full
  75.     {% else %}
  76.         one-third
  77.     {% endif %}
  78. {% endset %}
  80. {% set sliderClass %}
  81.     {% if not editmode %}
  82.         {{ pimcore_select("hasSlider").getData() }}
  83.     {% endif %}
  84. {% endset %}
  86. {% if editmode %}
  87. <div class="admin teaser-panel-row">
  88. {% endif %}
  90.     <div id="{{ brickAnchorId }}" class="section {{ noSpacingTop }}">
  91.         <div class="panel has-background {{ sliderClass|spaceless }} {{ colsSelectResultClass|spaceless }}">
  92.             <div class="main-content">
  93.                 <div class="panel-container">
  94.                     <div class="panel-content">
  95.                         <div class="flex-col panel-slider">
  96.                             {% for i in pimcore_iterate_block(pimcore_block('contentblock')) %}
  97.                                 {% set productLink = pimcore_href("selectProduct").getElement() %}
  98.                                 <div class="col {{ colsSelectResult }}">
  99.                                     {% if editmode %}
  100.                                         <div class="offset-bottom-single">
  101.                                             <span class="hint">
  102.                                         {{ 'admin.brick.hint.addProduct'|trans }}</span>
  103.                                             {{ pimcore_href("selectProduct", {
  104.                                                 "types": ["object"],
  105.                                                 "subtypes": {
  106.                                                     "types": ["object"],
  107.                                                 },
  108.                                                 "classes": ["ProductFood", "ProductClothing", "Product"],
  109.                                                 "width": 300,
  110.                                                 "reload": true
  111.                                             }) }}
  112.                                         </div>
  113.                                     {% endif %}
  114.                                     {% if pimcore_href("selectProduct").isEmpty() != true %}
  115.                                         {% set detailViewUri    = pimcore_url(
  116.                                         {
  117.                                         "name": productLink.getName()|sanitized_url,
  118.                                         "articlenumber": productLink.getArticleNumber()
  119.                                         },
  120.                                          "shopHandlerProductDetail"
  121.                                         ) %}
  122.                                     {% endif %}
  123.                                     <div class="teaser image-text">
  124.                                         {# differences of overwrite: .d-flex.flex-column #}
  125.                                         <div class="teaser-content d-flex flex-column">
  126.                                             {# differences of overwrite: style #}
  127.                                             <div class="teaser-image" style="position:relative">
  128.                                                 {% if pimcore_href("selectProduct").isEmpty() != true %}
  129.                                                 <a href="{{ detailViewUri }}">
  130.                                                     {% else %}
  131.                                                     <a href="{{ pimcore_link("productLink").getHref() }}" target="{{ pimcore_link("productLink").getTarget() }}">
  132.                                                         {% endif %}
  133.                                                         <div class="image">
  134.                                                             {% if colsSelectResult == 'xs-12 full' %}
  135.                                                                 {{ pimcore_image("teaserImage", {
  136.                                                                     "title": "Drag your image here",
  137.                                                                     "thumbnail": "teaserImageFull" ~ bundleName
  138.                                                                 }) }}
  139.                                                             {% elseif colsSelectResult == 'xs-12 m-6 half' %}
  140.                                                                 {{ pimcore_image("teaserImage", {
  141.                                                                     "title": "Drag your image here",
  142.                                                                     "thumbnail": "teaserImageHalf" ~ bundleName
  143.                                                                 }) }}
  144.                                                             {% elseif colsSelectResult == 'xs-12 m-6 l-4 one-third' %}
  145.                                                                 {{ pimcore_image("teaserImage", {
  146.                                                                     "title": "Drag your image here",
  147.                                                                     "thumbnail": "teaserImage" ~ bundleName
  148.                                                                 }) }}
  149.                                                             {% endif %}
  150.                                                         </div>
  151.                                                         {% if pimcore_href("selectProduct").isEmpty() != true %}
  152.                                                     </a>
  153.                                                     {% else %}
  154.                                                 </a>
  155.                                                 {% endif %}
  156.                                             </div>
  157.                                             {# differences of overwrite: style #}
  158.                                             <div class="teaser-text-box" style="background:#002a44; position:relative; bottom:0; max-width:100%; flex:1; text-align: left; display: flex; flex-direction: column">
  159.                                                 <div class="title-box">
  160.                                                     {% if pimcore_input("teaserHeadline") is not empty %}
  161.                                                         <h4>
  162.                                                             {{ pimcore_input("teaserHeadline", {'placeholder': 'Headline'})|trademark }}
  163.                                                         </h4>
  164.                                                     {% endif %}
  165.                                                 </div>
  166.                                                 <div class="content-box" style="flex: 1">
  167.                                                     {% if pimcore_input("teaserContent") is not empty %}
  168.                                                         <p>{{ pimcore_input("teaserContent", {'placeholder': 'Teaser Content'})|trademark }}</p>
  169.                                                     {% endif %}
  170.                                                 </div>
  171.                                                 <div class="teaser-link">
  172.                                                     {% if pimcore_href("selectProduct").isEmpty() != true %}
  173.                                                         <a class="button btn-default" href="{{ detailViewUri }}" aria-label="{{ 'Zum Produkt' |trans }}">{{ 'Zum Produkt' |trans }}</a>
  174.                                                     {% else %}
  175.                                                         {{ pimcore_link('productLink', {'class': "button btn-default"}) }}
  176.                                                     {% endif %}
  177.                                                 </div>
  178.                                             </div>
  179.                                         </div>
  180.                                     </div>
  181.                                 </div>
  182.                             {% endfor %}
  183.                         </div>
  184.                     </div>
  185.                 </div>
  186.             </div>
  187.         </div>
  188.     </div>
  190. {% if editmode %}
  191. </div>
  192. {% endif %}