bundles/AppBundle/Resources/views/Areas/home-news/view.html.twig line 1

Open in your IDE?
  2. {% if editmode %}
  3.     {% block scripts %}
  4.         {{ encore_entry_script_tags('app') }}
  5.     {% endblock %}
  6.     {% block stylesheets %}
  7.         {{ encore_entry_link_tags('style') }}
  8.     {% endblock %}
  9.     {% block head_links %}
  10.         {{ pimcore_head_link() }}
  11.     {% endblock %}
  12.     <div style="margin-left: 100px;" class="editmode-label p-10">
  13.         <span>Home News</span>
  14.         <div class="shadow-card p-5 transition">
  15.             <div class="grid grid-cols-2 gap-5">
  16.                 <div class="col">
  17.                     Title
  18.                     <h4 class="text-3xl md:text-4xl font-mont-heavy">
  19.                         {{ pimcore_input('title', {
  20.                             placeholder: 'News aus dem Oberland',
  21.                             class: 'h-[50px] font-mont-heavy text-dark-blue uppercase'
  22.                         }) }}
  23.                     </h4>
  24.                 </div>
  25.                 <div class="col">
  26.                     News-Linktitle<br/>
  27.                     {{ pimcore_input('linktitle', {
  28.                         placeholder: '...'
  29.                     }) }}<br/>
  30.                     Link<br/>
  31.                     {{ pimcore_link('link') }}
  32.                 </div>
  33.             </div>
  34.         </div>
  35.     </div>
  36. {% else %}
  37.     {% if info.params['news'] and info.params['news'] | length %}
  38.         <div class="container mt-20 mb-10">
  39.             <div class="flex flex-wrap lg:flex-nowrap justify-between px-5 2xl:px-0">
  40.                 <div class="col w-full flex-none mb-0 lg:mb-10 lg:flex-1 lg:w-auto font-mont-heavy text-3xl md:text-4xl uppercase">{{ pimcore_input('title') }}</div>
  41.                 <div class="col align-content-end mb-5 lg:mb-0">
  42.                     <a href="{{ pimcore_link('link').getHref() }}" class="link font-mont-heavy text-sm uppercase">{{ pimcore_input('linktitle') }}</a>
  43.                 </div>
  44.             </div>
  45.             <div class="vue-app 2xl:px-0">
  46.                 <div class="grid gap-5 grid-cols-1 lg:grid-cols-3 p-no-margin">
  47.                     {% for i in 0..5 %}
  48.                         <article-preview
  49.                                 json='{{ info.params['news'][i] | json_encode }}'
  50.                                 type=""
  51.                                 class-list="col-span-1 {% if i > 2 %}hidden md:block{% endif %}"
  52.                         ></article-preview>
  53.                     {% endfor %}
  54.                 </div>
  55.             </div>
  56.             <div class="text-center lg:hidden mt-5 relative">
  57.                 <a href="{{ pimcore_link('link').getHref() }}" class="link font-mont-heavy text-sm uppercase">{{ pimcore_input('linktitle') }}</a>
  58.             </div>
  59.         </div>
  60.         {% for object in info.params['news'] %}
  61.             {% if object.published %}
  62.                 <script type="application/ld+json">
  63.                     {
  64.                         "@context": "https://schema.org",
  65.                         "@type": "NewsArticle",
  66.                         "mainEntityOfPage": {
  67.                             "@type": "WebPage",
  68.                             "@id": "https://radio-oberland.de/news/{{ object.key }}"
  69.                         },
  70.                         "headline": "{{ object.title | replace({ '"': "'" }) }}",
  71.                         "image": [],
  72.                         "datePublished": "{{ object.articleDate | date("c", "Europe/Berlin") }}",
  73.                         "dateModified": "{{ object.updatedAt | date("c", "Europe/Berlin") }}",
  74.                         "author": {
  75.                             "@type": "Person",
  76.                             "name": "Radio Oberland Redaktion"
  77.                         },
  78.                         "publisher": {
  79.                             "@type": "Organization",
  80.                             "name": "Radio Oberland",
  81.                             "logo": {
  82.                                 "@type": "ImageObject",
  83.                                 "url": "https://radio-oberland.de/static/images/logos/logo-og.jpg"
  84.                             }
  85.                         },
  86.                         "description": "{{ object.excerpt | replace({ '"': "'" }) }}"
  87.                     }
  88.                 </script>
  89.             {% endif %}
  90.         {% endfor %}
  91.     {% endif %}
  92. {% endif %}