templates/blog/single_post.html.twig line 1

Open in your IDE?
  1. {% extends  'nav.html.twig' %}
  3. {% block content %}
  4.     <div id="blogSinglePostContentContainer">
  5.         <section id="blogSinglePostContentSection">
  6.             <div class="container" style="padding: 6rem 0 0 0">
  7.                 <h2 style="margin-bottom: 0"> {{ post.title }}</h2>
  8.                 <h6 class="text-secondary">{{ post.createdAt|date('d.m.y') }}</h6>
  9.                 <p style="word-wrap: break-word;">{{ post.content|nl2br }}</p>
  11.                 {% if post.imagePath is not null %}
  12.                     <div class="d-flex justify-content-center">
  13.                         <img src="/assets/images/{{ post.imagePath }}" style="max-width: 500px; height: auto; min-width: 400px">
  14.                     </div>
  15.                 {% endif %}
  16.             </div>
  17.         </section>
  18.         {% if comments is not empty or app.user%}
  19.             <section id="blogSinglePostCommentsSection">
  20.                 <div class="container">
  21.                     {% for comment in comments %}
  22.                         {% if loop.first %}
  23.                             <h3>
  24.                                Комментариев: {{ comments|length }}
  25.                             </h3>
  26.                         {% endif %}
  27.                         <div class="my-4 d-flex" id="comment" style="position: relative">
  28.                             {% if comment.user.iconPath %}
  29.                                 <img class="avatar mr-3 rounded-circle" src="/assets/images/icons/{{ comment.user.iconPath }}" alt="avatar">
  30.                             {% else %}
  31.                                 <img class="avatar mr-3 rounded-circle" src="/assets/images/icons/iconProfile.png" alt="avatar">
  32.                             {% endif %}
  33.                             <div>
  34.                                 <div class="mb-2">
  35.                                     <h5 class="m-0">{{ comment.user.name }} {{ comment.user.lastname }}</h5>
  36.                                     <span class="me-3 small">{{ comment.createdAt|date('d.m.y H:i') }}</span>
  37.                                 </div>
  38.                                 <p> {{ comment.content}} </p>
  39.                             </div>
  40.                         </div>
  41.                     {% endfor %}
  42.                 {% endif %}
  43.                 {% if app.user %}
  44.                     <div>
  45.                         <h3>Оставить комментарий</h3>
  46.                         <form class="row g-3 mt-2" id="singlePostCommentForm">
  47.                             <div class="col-12">
  48.                                 <label class="form-label">Комментарий</label>
  49.                                 <textarea class="form-control" name="addComment[text]" rows="3" style="resize: none" ></textarea>
  50.                             </div>
  51.                             <div class="col-12">
  52.                                 <button type="button" class="btn btn-primary" onclick="sunbmitCommentForm()">Оставить комментарий</button>
  53.                             </div>
  54.                             <input type="text" name="addComment[userId]" style="display: none" value="{{ app.user.id }}">
  55.                             <input type="text" name="addComment[postId]" style="display: none" value="{{ post.id }}">
  56.                         </form>
  57.                     </div>
  58.                 {% endif %}
  59.             </div>
  60.         </section>
  61.     </div>
  62. {% endblock %}
  63. {% block pagescripts %}
  64.     <script>
  66.         /**
  67.          * Отправляет данные с формы добавления комментария на сервер
  68.          */
  69.         function sunbmitCommentForm() {
  70.             event.preventDefault();
  71.             let form = document.getElementById('singlePostCommentForm');
  72.             let formaData = new FormData(form);
  73.             let url = '/blog/addComment'
  75.             sendPostRequest(url, formaData)
  76.                 .then(function () {
  77.                     location.reload()
  78.                 })
  80.         }
  81.     </script>
  82. {% endblock %}