src/CmsBundle/Resources/views/blocks/framework_empty.html.twig line 1

Open in your IDE?
  1. {#
  2.   {
  3.     "key": "framework_empty",
  4.     "category": "Framework",
  5.     "label": "Content / Media / Extensie",
  6.     "description": "...",
  7.     "allowMove": true,
  8.     "divider": true,
  9.     "priority": 1,
  10.     "blocks": [
  11.       {
  12.         "key": "block-0",
  13.         "size": 12,
  14.         "required": "",
  15.         "buttons": true,
  16.         "multiple": true,
  17.         "fields": []
  18.       }
  19.     ]
  20.   }
  21. #}
  23. <section
  24. class="empty {{wrapper.classList}}"
  25. id="{{wrapper.cssId is defined ? wrapper.cssId : ''}}"
  26. style="{{wrapper.styleList}}"
  27. data-id="{{wrapper.id}}">
  29.   <div class="container {{ firstBlock.class }}">
  30.     {% if wrapper.label or wrapper.intro is not empty %}
  31.       <div class="introblock">
  32.         {% if wrapper.label is not empty %}
  33.           <div class="introtitle">
  34.             {{wrapper.label|raw}}
  35.           </div>
  36.         {% endif %}
  37.         {% if wrapper.intro is not empty %}
  38.           <div class="introtext">
  39.             {{wrapper.intro|raw}}
  40.           </div>
  41.         {% endif %}
  42.       </div>
  43.     {% endif %}
  45.     <div class="row">
  46.       {% for b in wrapper.blocks %}
  47.         <div class="col-sm-12 col-md-12 col-lg-{{b.width}} {{b.offset('offset-lg-')}} {{b.config.class}}" id="{{b.config.id}}">
  48.           {% if b.config.link is defined and b.config.link is not empty %}
  49.           <a href="{{b.config.link}}">
  50.           {% endif %}
  51.           <div class="block">
  52.             {% if b.data.type is defined and b.data.type == 'video' %}
  53.               <div class="responsive-wrapper">
  54.                 {{b.video|raw}}
  55.               </div>
  56.               {% elseif b.media is not empty %}
  57.               <div class="image-wrapper">
  59.                 {% if b.media is not empty %}
  60.                   <div class="lcp">
  61.                     {% if b.media.hasBlurred %}
  62.                       <picture>
  63.                         {% if b.media.hasWebp() %}
  64.                           <source srcset="/{{b.media.getBlurredWebpPath('medium')}}" type="image/webp">
  65.                         {% endif %}
  66.                         <source srcset="/{{b.media.getBlurredWebPath('medium')}}" type="{{b.media.mime}}">
  67.                         <img class="lq" alt="{{b.media.description_alt}}" src="/{{b.media.getBlurredWebPath('medium')}}" type="{{b.media.mime}}" loading="lazy" width="{{b.media.width}}" height="{{b.media.height}}">
  68.                       </picture>
  69.                     {% endif %}
  70.                     <picture>
  71.                       {% if b.media.hasWebp() %}
  72.                         <source srcset="/{{b.media.getWebpPath('large')}}" type="image/webp">
  73.                       {% endif %}
  74.                       <source srcset="/{{b.media.getWebPath('large')}}" type="{{ b.media.mime }}">
  75.                       <img
  76.                         class="hq"
  77.                         alt="{{b.media.description_alt}}"
  78.                         src="/{{b.media.getWebPath('large')}}"
  79.                         type="{{b.media.mime}}"
  80.                         loading="lazy"
  81.                         width="{{b.media.width}}"
  82.                         height="{{b.media.height}}"
  83.                         onload="this.style.opacity=1{% if b.media.hasBlurred %};this.closest('.lcp').getElementsByClassName('lq')[0].style.opacity=0;{% endif %}"
  84.                         style="opacity: 0;">
  85.                     </picture>
  86.                   </div>
  87.                 {% endif %}
  89.                 </div>
  90.               {% else %}
  92.               <div class="text-wrapper">
  93.                 {{b.content|raw}}
  95.                 {% if b.config.buttons is defined %}
  96.                   <div class="btns">
  97.                     {% for button in b.config.buttons %}
  98.                       <a href="{{button.url}}" {% if button.target is defined and button.target != "null" %} target="{{button.target}}" {% endif %} class="btn {{button.class}}">
  99.                         {{button.label}}
  100.                         <i class="fa fa-arrow-right"></i>
  101.                       </a>
  102.                     {% endfor %}
  103.                   </div>
  104.                 {% endif %}
  105.               </div>
  106.             {% endif %}
  107.           </div>
  108.           {% if b.config.link is defined and b.config.link is not empty %}
  109.           </a>
  110.           {% endif %}
  111.         </div>
  112.       {% endfor %}
  113.     </div>
  114.   </div>
  115. </section>