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

Open in your IDE?
  1. {#
  2. ##    NOTE: This file is a override from the Core Areabrick. The change is marked with: <snk: and // snk>
  3. #}
  4. {% set spacingSelect %}
  5.     {{ pimcore_checkbox("checkSpacing", {
  6.         "reload": true
  7.     }) }}
  8. {% endset %}
  9. {% if pimcore_checkbox('checkSpacing').isChecked() %}
  10.     {% set noSpacingTop = 'no-offset-top' %}
  11. {% endif %}
  12. {% set UID = uniqid() %}
  13. {% if pimcore_input("brickAnchorIdInput") is not empty %}
  14.     {% set brickAnchorId = pimcore_input("brickAnchorIdInput")|lowercase %}
  15. {% endif %}
  16. {% set hasSliderSelect %}
  17.     {{ pimcore_select("hasSlider", {
  18.         "store": [
  19.         ["has-slider", "Slider"],
  20.         ["no-slider", "Listenansicht"]
  21.         ], reload: true
  22.     }) }}
  23. {% 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 %}
  33. {% set colsSelectResult = pimcore_select("cols").getData() %}
  34. {% if editmode %}
  35.     <div class="flex-col offset-bottom-single">
  36.         <div class="col xs-12 m-6 l-3">
  37.             <span class="hint">{{ 'admin.brick.hint.anchorId' |trans }}</span>
  38.             {{ pimcore_input("brickAnchorIdInput") }}
  39.         </div>
  40.         <div class="col xs-12 m-6 l-3">
  41.             <div class="select-items">
  42.                 <div class="hint">
  43.                     {{ 'admin.brick.hint.paddingTop' |trans }}
  44.                 </div>
  45.                 {{ spacingSelect }}
  46.             </div>
  47.         </div>
  48.     </div>
  49.     <div class="flex-col offset-bottom-single">
  50.         <div class="col xs-12 m-6 l-3">
  51.             <span class="hint">{{ 'admin.brick.hint.selectCol:' |trans }}</span>
  52.             {{ colSelect }}
  53.         </div>
  54.         <div class="col xs-12 m-6 l-3">
  55.             <span class="hint">{{ 'admin.brick.hint.displayMode:' |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 %} magazine">
  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.                                 <div class="col {{ colsSelectResult }}">
  71.                                     {% if editmode %}
  72.                                         <span class="hint">
  73.                                             {{ 'admin.brick.hint.selectMagazinRecipe'|trans }}</span>
  74.                                         {{ pimcore_href("selectDoc", {
  75.                                             "types": ["object"],
  76.                                             "reload": true
  77.                                         }) }}
  78.                                     {% endif %}
  79.                                     {% if pimcore_href("selectDoc").isEmpty() != true %}
  80.                                         {% set articleObject = pimcore_href("selectDoc").getElement() %}
  81.                                         {% set articleImage = articleObject.headerImage() %}
  82.                                         {% set articleCategory = articleObject.getClassName() %}
  83.                                     {% endif %}
  84.                                     {% if articleObject is defined %}
  85.                                         {% if articleObject is instanceof('\\Pimcore\\Model\\DataObject\\Recipe') %}
  86.                                             {% set detailViewUri    = pimcore_url(
  87.                                             {
  88.                                             "name": articleObject.getUrlTitle()|sanitized_url,
  89.                                             "rezeptid": articleObject.getId()
  90.                                             },
  91.                                             "recipeDetail"
  92.                                             ) %}
  93.                                         {% else %}
  94.                                             {% set detailViewUri    = pimcore_url(
  95.                                             {
  96.                                             "language": document.getProperty("language"),
  97.                                             "name": articleObject.key|sanitized_url,
  98.                                             "magazineid": articleObject.getId()
  99.                                             },
  100.                                             "magazineDetailBornBundle"
  101.                                             ) %}
  102.                                         {% endif %}
  103.                                         <div class="teaser magazine">
  104.                                             <div class="teaser-content-container" style="background:#002a44">
  105.                                                 <div class="teaser-image-box">
  106.                                                     <a href="{{ detailViewUri }}">
  107.                                                         {% if articleImage %}
  108.                                                         <div class="teaser-image">
  109.                                                             {% if colsSelectResult == 'xs-12 full' %}
  110.                                                                 {{ articleImage.getThumbnail("teaserMagazineImageFull" ~ bundleName).getHtml() |raw }}
  111.                                                             {% elseif colsSelectResult == 'xs-12 m-6 half' %}
  112.                                                                 {{ articleImage.getThumbnail("teaserMagazineImageHalf" ~ bundleName).getHtml() |raw }}
  113.                                                             {% elseif colsSelectResult == 'xs-12 m-6 l-4 one-third' %}
  114.                                                                 {{ articleImage.getThumbnail("teaserMagazineImage" ~ bundleName).getHtml() |raw }}
  115.                                                             {% endif %}
  116.                                                         </div>
  117.                                                         {% endif %}
  118.                                                     </a>
  119.                                                 </div>
  120.                                                 <div class="teaser-content-box" style="background:#002a44; position:relative; bottom:0; max-width:100%; flex:1; text-align: center">
  121.                                                     <div style="display: inline-block; text-align: left">
  122.                                                         {% if not editmode %}
  123.                                                         <a href="{{ detailViewUri }}">
  124.                                                         {% endif %}
  125.                                                             <div class="teaser-content">
  126.                                                                 <div class="teaser-title">
  127.                                                                     <span class="teaser-subline">
  128.                                                                         {# <snk: override core for editable sub headline and move date #}
  129.                                                                         {% if editmode %}
  130.                                                                             {{ pimcore_input("articleSubheadlineTeaser", {
  131.                                                                                 "placeholder": "Magazine"
  132.                                                                             })|trademark }}
  133.                                                                         {% else %}
  134.                                                                             {% if pimcore_input("articleSubheadlineTeaser") is not empty %}
  135.                                                                                 {{ pimcore_input("articleSubheadlineTeaser") }}
  136.                                                                             {% else %}
  137.                                                                                 {{ articleCategory |trans }}
  138.                                                                             {% endif %}
  139.                                                                         {% endif %}
  140.                                                                     </span>
  141.                                                                     {% if articleObject is instanceof('\\Pimcore\\Model\\DataObject\\Magazine') %}
  142.                                                                         <div class="teaser-date">
  143.                                                                             <span> {{ articleObject.getDate().format('d.m.Y') }}</span>
  144.                                                                         </div>
  145.                                                                     {% endif %}
  146.                                                                     {# // snk> #}
  147.                                                                     <h4>
  148.                                                                         {{ articleObject.getTitle()|trademark }}
  149.                                                                     </h4>
  150.                                                                 </div>
  151.                                                                 <div class="teaser-text">
  152.                                                                     <p>
  153.                                                                         {{ articleObject.getTeaserText()|trademark }}
  154.                                                                     </p>
  155.                                                                 </div>
  156.                                                                 <div class="teaser-link">
  157.                                                                     <span class="link">{{ 'Mehr lesen' |trans }}</span>
  158.                                                                 </div>
  159.                                                                 {% if articleObject is instanceof('\\Pimcore\\Model\\DataObject\\Recipe') %}
  160.                                                                     <div class="teaser-icons">
  161.                                                                         <div class="items">
  162.                                                                             <span class="icon time"></span>
  163.                                                                             <span class="uppercase">{{ articleObject.getDuration() |trans }}</span>
  164.                                                                         </div>
  165.                                                                         <div class="items">
  166.                                                                             <span class="icon toque"></span>
  167.                                                                             <span class="uppercase">{{ articleObject.getLevel() |trans }}</span>
  168.                                                                         </div>
  169.                                                                         <div class="items">
  170.                                                                             <span class="icon cutlery"></span>
  171.                                                                             <span class="uppercase">{{ 'Serves' |trans }} {{ articleObject.getServes() |trans }}</span>
  172.                                                                         </div>
  173.                                                                     </div>
  174.                                                                 {% endif %}
  175.                                                             </div>
  176.                                                         {% if not editmode %}
  177.                                                         </a>
  178.                                                         {% endif %}
  179.                                                     </div>
  180.                                                 </div>
  181.                                             </div>
  182.                                         </div>
  183.                                 </div>
  184.                                     {% endif %}
  185.                                 {% endfor %}
  186.                             </div>
  187.                         </div>
  188.                     </div>
  189.                 </div>
  190.             </div>
  191.         </div>
  192.         {% if editmode %}
  193.     </div>
  194.     {% endif %}