src/Hitso/Bundle/ContentBundle/Resources/views/Front/Article/show.html.twig line 57

Open in your IDE?
  1. {% extends 'HitsoCommonBundle::layout.html.twig' %}
  2. {% set related = related_articles(article, 4) %}
  4. {% block stylesheets %}
  5.     {{ parent() }}
  6.     <link rel="stylesheet" href="{{ asset('bundles/hitsocommon/hitsox-default-theme/source/css/article-critical.css') }}">
  7.     <link rel="preload" as="style" href="{{ preload(asset('bundles/hitsocommon/hitsox-default-theme/source/css/article-critical.css')) }}">
  8.     <link rel="preload" href="{{ preload(asset('bundles/hitsocommon/hitsox-default-theme/source/css/article.css')) }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
  9. {% endblock %}
  11. {% block body_class %}{{ parent() }} page--article{% endblock %}
  13. {% block content %}
  14.     <main class="main">
  15.         {% cache cache_hash('article_main_' ~ article.version) {time: 3600} %}
  16.         <article class="article">
  18.             {% block articleMeta %}{% endblock %}
  20.             {% block articleHeader %}
  21.             {% set dateRendered = article.publishedAt|localizeddate('none', 'none', sites.current.locale, null, "d MMMM Y 'godz.' hh:mm") %}
  22.                 <div class="article__head">
  23.                     <h1 class="article__head-title" itemprop="name headline" id="article_title">
  24.                     {{ article.title }}
  25.                 </h1>
  27.                 <div class="article__meta">
  28.                     <!-- authors -->
  29.                     {% if article.authors|length > 0 %}
  30.                         {% for contentAuthor in article.authors %}
  31.                             {% if contentAuthor.user is defined %}{% set author = contentAuthor.user %}{% else %}{% set author = contentAuthor.author %}{% endif %}
  32.                             <div class="article__author" itemscope itemprop="author" itemtype="http://schema.org/Person">
  33.                                 {% if author is not null %}
  34.                                     {% if author.avatar is not null %}
  35.                                         <div class="article__author-avatar"></div>
  36.                                     {% endif %}
  37.                                     <span class="article__author-name" itemprop="name">{% spaceless %}{{ contentAuthor.header }} {{ author.name }}{% endspaceless %}</span>
  38.                                 {% endif %}
  39.                             </div>
  40.                         {% endfor %}
  41.                     {% endif %}
  43.                     <!-- publication date -->
  44.                     <time class="article__meta-date">{{ dateRendered }}</time>
  45.                 </div>
  46.             </div>
  47.             {% endblock %}
  49.             {% block articleCover %}
  50.             <div class="article__photo">
  51.                 {% if article.photo is not empty %}
  52.                     {% set imageUrl = article.photo|image_url('content_cover') %}
  53.                     {% set altText = article.photoAlt|default %}
  54.                     <picture class="article__photo-picture">
  55.                         <source media="(max-width: 360px)" srcset="{{ article.photo|image_url('content_cover_small') }}">
  56.                         <source media="(max-width: 760px)" srcset="{{ article.photo|image_url('content_cover_medium') }}">
  57.                         <source media="(max-width: 1024px)" srcset="{{ article.photo|image_url('content_cover_large') }}">
  58.                         <img class="article__photo-img" itemprop="image" alt="{{ altText }}" src="{{ imageUrl }}"/>
  59.                     </picture>
  60.                     {% if article.photoCaption is not empty %}
  61.                         <div class="article__photo-caption">
  62.                             {{ article.photoCaption }}
  63.                         </div>
  64.                     {% endif %}
  65.                 {% endif %}
  66.             </div>
  67.             {% endblock %}
  69.             {% block articleLead %}
  70.             <div class="article__lead">
  71.                 <p>
  72.                     {{ article.lead|raw }}
  73.                 </p>
  74.             </div>
  75.             {% endblock %}
  77.             {% block articleContent %}
  78.                 <div class="article__content">
  79.                     {% for element in article.elements %}
  80.                         {% include "HitsoContentBundle:Front/Article/Elements:#{element.typeName}.html.twig" %}
  81.                     {% endfor %}
  82.                 </div>
  83.             {% endblock %}
  85.             {% block articleFooter %}
  86.             {% set dateRendered = article.publishedAt|localizeddate('none', 'none', sites.current.locale, null, "d MMMM Y 'godz.' hh:mm") %}
  88.             <!-- article footer -->
  89.             <div class="article__footer">
  90.                 <div class="article__meta">
  91.                     <!-- author -->
  92.                     {% if article.authors|length > 0 %}
  93.                         {% for contentAuthor in article.authors %}
  94.                             {% if contentAuthor.user is defined %}{% set author = contentAuthor.user %}{% else %}{% set author = contentAuthor.author %}{% endif %}
  95.                             <div class="article__author">
  96.                                 {% if author is not null %}
  97.                                     {% if author.avatar is not null %}
  98.                                         <div class="article__author-avatar"></div>
  99.                                     {% endif %}
  100.                                     <span class="article__author-name">{% spaceless %}{{ contentAuthor.header }} {{ author.name }}{% endspaceless %}</span>
  101.                                 {% endif %}
  102.                             </div>
  103.                         {% endfor %}
  104.                     {% endif %}
  106.                     <!-- publication date -->
  107. {#                    <time class="article__meta-date">{{ dateRendered }}</time>#}
  108.                 </div>
  109.             </div>
  110.             {% endblock %}
  112.             {% block articleComments %}
  113. {#                {% if article.commentAllowed %}#}
  114. {#                    {% include 'HitsoContentBundle:Front/Article/Partials:comments.html.twig' %}#}
  115. {#                {% endif %}#}
  116.             {% endblock %}
  118.             {{ json_ld(article) }}
  119.         </article>
  120.         {% endcache %}
  122.         {% block related_articles %}
  123. {#            {% if related.count %}#}
  124. {#            <!-- hr -->#}
  125. {#            <div class="section-hr"></div>#}
  126. {#            <!-- entries showcase -->#}
  127. {#            <section class="entries_showcase">#}
  128. {#                <div class="entries_showcase__header">#}
  129. {#                    <div class="section section--center">#}
  130. {#                        <h2 class="section-title section-title--h1">#}
  131. {#                            Want to know more about us?#}
  132. {#                        </h2>#}
  134. {#                        <p class="section-lead">#}
  135. {#                            Visit our blog and learn more about technology and hitso#}
  136. {#                        </p>#}
  138. {#                    </div>#}
  139. {#                </div>#}
  141. {#                <div class="entries_showcase__grid entries" itemscope itemtype="http://schema.org/ItemList">#}
  142. {#                    {% for entry in related %}#}
  143. {#                        <div class="entry" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">#}
  144. {#                            <meta itemprop="position" content="{{ loop.index }}"/>#}
  146. {#                            <a href="{{ dynamic_url(entry.route.id) }}" class="entry__body" itemprop="url">#}
  147. {#                                {% if entry.photo is not empty %}#}
  148. {#                                    {% set imageUrl = entry.photo|image_url('content_cover') %}#}
  149. {#                                    {% set altText = entry.photo.altText|default %}#}
  150. {#                                    <picture class="entry__photo">#}
  151. {#                                        <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="{{ imageUrl }}" class="entry__photo-img lazyload" alt="{{ entry.title }}"/>#}
  152. {#                                    </picture>#}
  153. {#                                {% endif %}#}
  155. {#                                <div class="entry__content">#}
  156. {#                                    <time class="entry__content-time" datetime="{{ entry.publishedAt|date('Y-m-d') }}">{{ entry.publishedAt|localizeddate('medium', 'none', app.request.locale) }}</time>#}
  157. {#                                    <strong class="entry__content-title" itemprop="name">#}
  158. {#                                        {{ entry.title }}#}
  159. {#                                    </strong>#}
  160. {#                                    <div class="entry__content-lead">#}
  161. {#                                        {{ entry.lead|striptags }}#}
  162. {#                                    </div>#}
  163. {#                                </div>#}
  164. {#                            </a>#}
  165. {#                        </div>#}
  166. {#                    {% endfor %}#}
  167. {#                </div>#}
  169. {#                <a href="{{ dynamic_url(article.category.route.id) }}" class="entries_showcase-cta btn btn--warning">visit our blog</a>#}
  170. {#            </section>#}
  171. {#            {% endif %}#}
  172.         {% endblock %}
  174.         {% block contact %}
  175. {#            {% include 'HitsoContentBundle:Front/Article/Partials:contact.html.twig' %}#}
  176.         {% endblock %}
  177.     </main>
  178. {% endblock %}
  180. {% block meta %}
  181.     {{ parent() }}
  182.     {% for entry in related %}
  183.         <meta property="og:see_also" content="{{ absolute_dynamic_url(entry.route.id) }}" />
  184.     {% endfor %}
  185. {% endblock %}
  187. {% block footer_javascripts %}
  188. {#    <script src="{{ asset('bundles/hitsocommon/hitsox-default-theme/source/js/article.js') }}"></script>#}
  189. {% endblock %}