src/AppBundle/Resources/views/ObjectViews/news-details.html.twig line 1

Open in your IDE?
  1. {% extends '@FoxHabbitBasis/Layout/layout.html.twig' %}
  2. {% block content %}
  4.     <header
  5.         class="header-home header-box-right bg-white"
  6.     >
  7.         <div class="container-fluid">
  8.             <div class="row">
  9.                 <div class="col-10 col-lg-5 offset-1 py-5 d-flex flex-column flex-nowrap justify-content-center order-1 order-lg-0">
  10.                     <div class="text-uppercase mb-3">
  11.                         {% for category in news.getCategories() %}
  12.                             <span class="mark text-white mr-3">{{ category.getName() }}</span>
  13.                         {% endfor %}
  14.                         <small>
  15.                             {{ news.getDate() | date(pimcore_website_config('newsDateFormat'))}}
  16.                         </small>
  17.                     </div>
  18.                     <h1>
  19.                         {{ news.getHeadline()}}
  20.                     </h1>
  21.                 </div>
  22.                 <aside class="col-10 col-sm-9 col-md-8 col-lg-6 offset-2 offset-sm-3 offset-md-4 offset-lg-0">
  23.                     <div class="parallax-box-wrapper">
  24.                         <div class="parallax-box parallax-box-right">
  25.                             <div class="parallax-box-background oversized-background embed-responsive embed-responsive-1by1 bg-primary text-white"></div>
  26.                             <div class="parallax-box-item">
  27.                                 <figure class="figure w-100">
  28.                                     {% if news.getTeaserImage() %}
  29.                                         {{ news.getTeaserImage().getThumbnail('news-detail-header').getHtml({imgAttributes:{class:'img-fluid'}})|raw }}
  30.                                     {% endif %}
  31.                                 </figure>
  32.                             </div>
  33.                         </div>
  34.                     </div>
  35.                 </aside>
  36.             </div>
  37.         </div>
  38.     </header>
  40.     <div class="container-fluid section-connection">
  41.         <div class="row">
  42.             <div class="offset-9 col-1">
  43.                 <div class="section-connection-right"></div>
  44.             </div>
  45.         </div>
  46.     </div>
  47.     <div class="section pb-0">
  48.     </div>
  49.     {{ pimcore_area('breadcrumb', {type:'basisbundle-breadcrumb'}) }}
  51.     <section class="section">
  52.         <div class="container-fluid">
  53.             <div class="inner-full row">
  54.                 <div class="col-md-10 col-lg-8 offset-md-1">
  55.                     <div class="lead">
  56.                         {{ news.getIntro()|raw }}
  57.                     </div>
  59.                     <div>
  60.                         {{ news.getContent()|raw }}
  61.                     </div>
  62.                 </div>
  63.             </div>
  65.             {% for content in news.getMoreContent() %}
  66.                 {% include '@App/ObjectViews/include/' ~ content.getType() ~ '.html.twig' with { content: content } %}
  67.             {% endfor %}
  68.         </div>
  69.     </section>
  71.     {% set similarNews = app_news_get_siblings( news, 3, app.getUser()) %}
  72.     {% if similarNews %}
  73.         <div class="container-fluid section-connection">
  74.             <div class="row">
  75.                 <div class="offset-1 col-1">
  76.                     <div class="section-connection-left"></div>
  77.                 </div>
  78.             </div>
  79.         </div>
  80.             <section class="section bg-gray1 bg-top-part">
  81.             <div class="container-fluid">
  82.                 <div class="row">
  83.                     <div class="col-md-10 col-lg-8 offset-md-1">
  84.                         <h2>{{ 'news.details.other_news'|trans }}</h2>
  85.                     </div>
  86.                 </div>
  87.                 <div class="row justify-content-center">
  88.                     <div class="col-12 col-md-10">
  89.                         <div class="row row-cols-1 row-cols-sm-2 row-cols-lg-3 news-list">
  90.                             {% for news in similarNews %}
  91.                                 {% include '@App/AreaIncludes/news/teaser.html.twig' with { news: news} %}
  92.                             {% endfor %}
  93.                         </div>
  94.                     </div>
  95.                 </div>
  96.                 {% if document.getProperty('newsDetailsPage') %}
  97.                     <div class="row justify-content-center">
  98.                         <div class="col-12 col-md-10">
  99.                             <div class="linkmodul justify-content-center">
  100.                                 <a class="btn btn-secondary btn-swipe" href="{{ document.getProperty('newsDetailsPage').getFullPath() }}" role="button"><span>{{ 'news.details.show_all'|trans }}</span></a>
  101.                             </div>
  102.                         </div>
  103.                     </div>
  104.                 {% endif %}
  105.             </div>
  106.         </section>
  107.     {% endif %}
  108. {% endblock %}