Отзывы

★ ★ ★ ★ ★

Роман - zeertffg@gmail.com

<!DOCTYPE html> <html lang="ru"> <head> {% load static %} <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i

nitial-scale=1.0"> {% include 'header.html' %} <title>Проверка отзывов</title> <link rel="stylesheet" href="{% static 'css/styles.css' %}"> <style> body { font-family: Arial, sans-serif; background-color: #f8f9fa; } .container-approval { max-width: 1200px; /* Увеличим ширину контейнера */ margin: 20px auto; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .header-title-approval { margin-top: 0px; text-align: center; color: #333; margin-bottom: 20px; } .review-list-approval { list-style-type: none; padding: 0; margin: 0; } .review-item-approval { margin-bottom: 20px; padding: 20px; border-radius: 8px; background-color: #f1f1f1; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; } .review-item-approval.visible-approval { opacity: 1; transform: translateY(0); } .review-content-approval { margin-bottom: 10px; } .review-info-approval { margin-bottom: 10px; color: #555; } .review-name-approval { font-weight: bold; color: #333; } .review-email-approval { color: #777; } .review-comment-approval { color: #333; margin-bottom: 10px; } .read-more-btn-approval { background-color: #2c3762; color: #fff; border: none; border-radius: 4px; padding: 10px 20px; cursor: pointer; text-decoration: none; transition: background-color 0.3s; margin-left: 10px; } .read-more-btn-approval:hover { background-color: #1a233e; } .full-comment-approval { display: none; padding-top: 10px; border-top: 1px solid #ccc; color: #333; } .approve-btn-container-approval { display: flex; justify-content: flex-end; } .approve-btn-approval { background-color: #4caf50; color: #fff; border: none; border-radius: 4px; padding: 10px 20px; cursor: pointer; text-decoration: none; transition: background-color 0.3s; margin-left: 10px; } .approve-btn-approval:hover { background-color: #45a049; } .button-container-approval { display: flex; justify-content: space-between; margin-bottom: 20px; text-align: center; } .button-approval { background-color: #2c3762; color: white; border: none; border-radius: 4px; padding: 10px 20px; cursor: pointer; text-decoration: none; transition: background-color 0.3s; font-size: 16px; } .button-approval:hover { background-color: #1a233e; } @media screen and (max-width: 768px) { .container-approval { padding: 15px; } .header-title-approval { font-size: 24px; } .review-item-approval { padding: 15px; } .read-more-btn-approval, .approve-btn-approval, .button-approval { padding: 8px 12px; } .button-container-approval { flex-direction: column; align-items: center; } .button-approval { margin-top: 10px; } } </style> </head> <body> <div class="container-approval"> <h1 class="header-title-approval">Проверка отзывов</h1> <div class="button-container-approval"> <a href="{% url 'reviews' %}" class="button-approval">Вернуться к отзывам</a> <a href="{% url 'archived_reviews' %}" class="button-approval">Перейти к архивированным отзывам</a> </div> <ul class="review-list-approval"> {% if reviews %} {% for review in reviews %} <li class="review-item-approval"> <div class="review-content-approval"> <div class="review-info-approval"> <span class="review-name-approval">{{ review.name }}</span> - <span class="review-email-approval">{{ review.email }}</span> </div> <div class="review-comment-approval">{{ review.review|truncatewords:30 }}</div> {% if review.review|length > 100 %} <button onclick="toggleComment(this)" class="read-more-btn-approval">Подробнее</button> <div class="full-comment-approval" style="display: none;">{{ review.review }}</div> {% endif %} </div> <div class="approve-btn-container-approval"> <form action="{% url 'approve_review' review.id %}" method="post"> {% csrf_token %} <button class="approve-btn-approval" type="submit">Опубликовать</button> </form> <form action="{% url 'archive_review' review.id %}" method="post"> {% csrf_token %} <button class="approve-btn-approval" type="submit">В архив</button> </form> </div> </li> {% endfor %} {% else %} <div class="no-reviews-message-approval">Нечего проверять</div> <div class="cute-kitty-approval">ฅ^•ﻌ•^ฅ</div> {% endif %} </ul> </div> {% include 'footer.html' %} <script> function toggleComment(button) { var comment = button.nextElementSibling; if (comment.style.display === 'none' || comment.style.display === '') { comment.style.display = 'block'; button.innerText = 'Скрыть'; } else { comment.style.display = 'none'; button.innerText = 'Подробнее'; } } document.addEventListener("DOMContentLoaded", function() { var reviews = document.querySelectorAll('.review-item-approval'); var observer = new IntersectionObserver(function(entries, observer) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add('visible-approval'); observer.unobserve(entry.target); } }); }, { threshold: 0.1 }); reviews.forEach(function(review) { observer.observe(review); }); }); </script> </body> </html>

★ ★ ★ ★ ★

Роман - single211606@mail.ru

adadadad

★ ★ ★ ★ ★

Роман - zeertffg@gmail.com

фвфвфвфвфвфвфв

★ ★ ★ ★ ★

Роман - zeertffg@gmail.com

фвфвфвфвфв

★ ★ ★ ★ ★

фвфвфв - single211606@mail.ru

фвфвфвфвв

★ ★ ★ ★ ★

Роман - single211606@mail.ru

все топчик

★ ★ ★ ★ ★

Роман - single211606@mail.ru

Бывает бывает Бывает бываетБывает бываетБывает бываетБывает бываетБывает бываетБывает бываетБывает бываетБывает бываетБывает бываетБывает бываетБывает

★ ★ ★ ★ ★

Джинс - single211606@mail.ru

Текст (от лат. textus — ткань; сплетение, сочетание) — зафиксированная на каком-либо материальном носителе человеческая мысль; в общем плане связная и

Отзывы

Отправить отзыв