Azimkin
29d8302a4f
All checks were successful
Build and Push Docker Image / build (push) Successful in 51s
- Implemented `Favorite` model with unique user-item constraint and timestamped records - Added `favorites:index` and `favorites:toggle` views with AJAX support for toggling favorites - Built templates and front-end assets for the favorites page and integration with item grids - Extended header with favorites link and dynamic counter - Added tests covering models, views, and templates for the favorites functionality - Updated admin to enable management of favorites via Django admin interface
59 lines
2.4 KiB
HTML
59 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
||
{% load static %}
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Santehray - {% block title %}{{ title }}{% endblock %}</title>
|
||
<link rel="icon" type="image/svg+xml" href="{% url 'favicon' %}">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
|
||
rel="stylesheet">
|
||
<link rel="stylesheet" href="{% static 'css/normalize.css' %}">
|
||
<link rel="stylesheet" href="{% static 'css/style.css' %}">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css"/>
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.1/dist/fancybox/fancybox.css"/>
|
||
<script src="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.1/dist/fancybox/fancybox.umd.js"></script>
|
||
<script src="{% static 'js/header-category-dropdown.js' %}"></script>
|
||
{% block add_css %}
|
||
<!-- Additional CSS -->
|
||
{% endblock %}
|
||
</head>
|
||
<body>
|
||
{% if messages %}
|
||
<div class="site-toast-stack" aria-live="polite" aria-atomic="true">
|
||
{% for message in messages %}
|
||
<div class="site-toast site-toast--{{ message.tags }}" data-toast>
|
||
<div class="site-toast__content">{{ message }}</div>
|
||
<button class="site-toast__close" type="button" aria-label="Закрыть уведомление" data-toast-close>×</button>
|
||
</div>
|
||
{% endfor %}
|
||
</div>
|
||
{% endif %}
|
||
{% block content %}
|
||
{% endblock %}
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
document.querySelectorAll('[data-toast]').forEach(function (toast) {
|
||
const closeButton = toast.querySelector('[data-toast-close]')
|
||
const hideToast = function () {
|
||
toast.classList.add('is-hiding')
|
||
window.setTimeout(function () {
|
||
toast.remove()
|
||
}, 220)
|
||
}
|
||
|
||
if (closeButton) {
|
||
closeButton.addEventListener('click', hideToast)
|
||
}
|
||
|
||
window.setTimeout(hideToast, 4000)
|
||
})
|
||
})
|
||
</script>
|
||
<script src="{% static 'js/favorites.js' %}"></script>
|
||
</body>
|
||
</html>
|