Andrey Smakotin
2d344ef53c
Реализовано: - Создан набор переиспользуемых шаблонных тегов для отображения качества - quality_badge_mini: маленький значок в углу фото - quality_badge_full: полный индикатор с размером фото - quality_indicator: включаемый тег с позиционированием - quality_icon_only: только символ качества для списков - Добавлены шаблонные теги в: - product_detail.html: индикатор в углу миниатюр + в модальной галерее - product_list.html: иконка качества в таблице товаров - productkit_detail.html: индикатор в углу фото комплектов - Создан CSS с ненавязчивыми стилями: - Полупрозрачные индикаторы (opacity: 0.8) - Компактные размеры (не отвлекает от фото) - Отзывчивость на мобильных устройствах - Анимации при наведении - Обновлена админ панель: - Добавлены 3 новых экшена для поиска товаров по качеству - show_poor_quality_photos: фильтр на товары требующие обновления - show_excellent_quality_photos: фильтр на товары с хорошим качеством - show_all_quality_levels: статистика распределения качества Интеграция в базу template tags: - myproject/products/templatetags/quality_tags.py (новый файл) - myproject/static/css/quality_indicator.css (новый файл) - myproject/products/templates/products/includes/quality_badge.html (новый файл) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
55 lines
2.1 KiB
HTML
55 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% block title %}Мой Django Проект{% endblock %}</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
|
|
|
|
<!-- Select2 CSS -->
|
|
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
|
|
<link href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" rel="stylesheet" />
|
|
|
|
<!-- Качество фото индикаторы -->
|
|
<link rel="stylesheet" href="/static/css/quality_indicator.css">
|
|
|
|
<style>
|
|
body {
|
|
background-color: #f8f9fa;
|
|
padding-top: 56px; /* Add space for fixed navbar */
|
|
}
|
|
.form-container {
|
|
max-width: 400px;
|
|
margin: 50px auto;
|
|
padding: 30px;
|
|
background: white;
|
|
border-radius: 10px;
|
|
box-shadow: 0 0 20px rgba(0,0,0,0.1);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- Include the navbar component -->
|
|
{% include 'navbar.html' %}
|
|
|
|
<!-- Сообщения для залогиненных пользователей отображаются здесь -->
|
|
{% if user.is_authenticated %}
|
|
{% include 'components/messages.html' %}
|
|
{% endif %}
|
|
|
|
<div class="container">
|
|
{% block content %}{% endblock %}
|
|
</div>
|
|
|
|
<!-- jQuery (required for Select2) -->
|
|
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<!-- Select2 JS -->
|
|
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/i18n/ru.js"></script>
|
|
|
|
{% block extra_js %}{% endblock %}
|
|
</body>
|
|
</html> |