templates/articles/article.html.twig line 1

{% extends 'layout.html.twig' %}

{% block title %}{{ seoBag.metaTitle }}{% endblock %}
{% block description %}{{ seoBag.metaDescription }}{% endblock %}

{% block body %}
    <div class="breadcrumbs">
        <a href="{{ path('index') }}">Главная</a>
        <a href="{{ path('articles') }}">Онлайн-журнал</a>
        <span class="breadcrumbs__last-item">{{ seoBag.h1 }}</span>
    </div>
    <div class="article-container" id="js-article-content">
        <h1 class="article__h1">
            {{ seoBag.h1 }}
        </h1>
        <div class="article__info">
           <div class="article__info-viewed">{{ article.views }}</div>
            <div class="article__info-date">{{ article.createdAt|humanize }}</div>
        </div>
        {{ article.content|raw }}
    </div>
    <script src="{{ asset('js/imgViewer/img-previewer.js') }}"
            type="text/javascript"></script>
    <link href="{{ asset('js/imgViewer/index.css') }}" rel="stylesheet"
          type="text/css"/>

    <script>
        document.addEventListener("DOMContentLoaded", function (event) {
            const myViewer = new ImgPreviewer('#js-article-content');

            // $('body').on('click', '.prev-default', function (event) {
            //     event.preventDefault();
            //     return false;
            // });
        });
    </script>
{% endblock %}