src/Develey/BbqueBundle/Resources/views/Areas/TeaserRecipe/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_checkbox('checkSpacing').isChecked() %}
  9.     {% set noSpacingTop = 'no-offset-top' %}
  10. {% endif %}
  11. {% set UID = uniqid() %}
  12. {% if pimcore_input("brickAnchorIdInput") is not empty %}
  13.     {% set brickAnchorId = pimcore_input("brickAnchorIdInput")|lowercase %}
  14. {% endif %}
  15. {% set hasSliderSelect %}
  16.     {{ pimcore_select("hasSlider", {
  17.         "store": [
  18.         ["has-slider", "Slider"],
  19.         ["no-slider", "Listenansicht"]
  20.         ], reload: true
  21.     }) }}
  22. {% endset %}
  24. {% set colSelect %}
  25.     {{ pimcore_select("cols", {
  26.         "store": [
  27.         ["xs-12 full", "1"],
  28.         ["xs-12 m-6 half", "2"],
  29.         ["xs-12 m-6 l-4 one-third", "3"]
  30.         ], reload: true
  31.     }) }}
  32. {% endset %}
  34. {% set colsSelectResult = pimcore_select("cols").getData() %}
  36. {% if editmode %}
  37.     <div class="flex-col offset-bottom-single">
  38.         <div class="col xs-12 m-6 l-3">
  39.             <span class="hint">{{ 'ID für Anchorlinks vergeben' |trans }}</span>
  40.             {{ pimcore_input("brickAnchorIdInput") }}
  41.         </div>
  42.         <div class="col xs-12 m-6 l-3">
  43.             <div class="select-items">
  44.                 <div class="hint">
  45.                     {{ 'Kein Abstand nach oben?' |trans }}
  46.                 </div>
  47.                 {{ spacingSelect }}
  48.             </div>
  49.         </div>
  50.         <div class="col xs-12 m-6 l-3">
  51.             <span class="hint">{{ 'Teaser Content Breite:' |trans }}</span>
  52.             {{ colSelect }}
  53.         </div>
  54.         <div class="col xs-12 m-6 l-3">
  55.             <span class="hint">{{ ' Darstellungsart:' |trans }}</span>
  56.             {{ hasSliderSelect }}
  57.         </div>
  58.     </div>
  59. {% endif %}
  60. {% if editmode %}
  61. <div class="admin teaser-panel-row">
  62.     {% endif %}
  63.     <div id="{{ brickAnchorId }}" class="section {{ noSpacingTop }}">
  64.         <div class=" panel {% if editmode %} {% else %}{{ pimcore_select("hasSlider").getData() }} {% endif %}{% if colsSelectResult == 'xs-12 m-6 half' %}half{% elseif colsSelectResult == 'xs-12 full' %}full{% else %}one-third{% endif %} recipe-page">
  65.             <div class="main-content">
  66.                 <div class="panel-container">
  67.                     <div class="panel-content">
  68.                         <div class="flex-col panel-slider">
  69.                             {% for i in pimcore_iterate_block(pimcore_block('contentblock')) %}
  70.                                 {% set recipeLink = pimcore_href("selectRecipe").getElement() %}
  71.                                 {% if editmode %}
  72.                                     <span class="hint">
  73.                                     {{ 'Bitte wählen Sie ein Rezept'|trans }}</span>
  74.                                     {{ pimcore_href("selectRecipe", {
  75.                                         "types": ["object"],
  76.                                         "classes": ["Recipe"],
  77.                                         "reload": true
  78.                                     }) }}
  79.                                 {% endif %}
  80.                                 {% if recipeLink is not empty %}
  81.                                     {% set detailViewUri    = pimcore_url(
  82.                                     {
  83.                                     "name": recipeLink.getUrlTitle(),
  84.                                     "rezeptid": recipeLink.getId()
  85.                                     },
  86.                                     "recipeDetail"
  87.                                     ) %}
  88.                                     <div class="col {{ colsSelectResult }}">
  89.                                         <div class="teaser recipe-item">
  90.                                             <div class="teaser-content">
  91.                                                 <div class="image">
  92.                                                     <a href="{{ detailViewUri }}">
  93.                                                         {% if colsSelectResult == 'xs-12 full' %}
  94.                                                             {{ recipeLink.getHeaderImage().getThumbnail("TeaserRecipeItemImageFull" ~ bundleName).getHTML() |raw }}
  95.                                                         {% else %}
  96.                                                             {{ recipeLink.getHeaderImage().getThumbnail("TeaserRecipeItemImage" ~ bundleName).getHTML() |raw }}
  97.                                                         {% endif %}
  98.                                                     </a>
  99.                                                 </div>
  100.                                                 <div class="teaser-text-box">
  101.                                                     <div class="teaser-text-container">
  102.                                                         <div class="title-box">
  103.                                                             <h4>{{ recipeLink.getTitle() |trademark }}</h4>
  104.                                                         </div>
  105.                                                         <div class="teaser-link">
  106.                                                           <a class="button" href="{{ detailViewUri }}" aria-label="{{ 'Mehr erfahren' |trans }}"> <span>{{ 'Mehr erfahren' |trans }}</span></a>
  107.                                                         </div>
  108.                                                     </div>
  109.                                                 </div>
  110.                                             </div>
  111.                                         </div>
  112.                                     </div>
  113.                                 {% endif %}
  114.                             {% endfor %}
  115.                         </div>
  116.                     </div>
  117.                 </div>
  118.             </div>
  119.         </div>
  120. </div>
  121.     {% if editmode %}
  122. </div>
  123. {% endif %}