Отображение каталога

This commit is contained in:
Vinejar
2025-03-31 04:13:06 +03:00
parent da407d85ae
commit dfd9a8e32e
3 changed files with 106 additions and 72 deletions

View File

@@ -1,46 +1,59 @@
{% extends 'base_manga.html' %}
{% load static %}
{% block title %}Каталог манги{% endblock %}
{% block content %}
<link rel="stylesheet" href="{% static 'css/manga_catalog.css' %}">
<div class="catalog-container">
<h1>Каталог манги</h1>
<div >
<h1>Каталог манги</h1>
</div>
<div class="manga-list">
{% for manga in manga_list %}
<div class="manga-item">
<!-- Изображение слева -->
<div class="manga-cover">
<img src="{{ manga.img }}"
alt="{{ manga.original_title }}"
onerror="this.onerror=null; this.src='{% static 'images/default_cover.jpg' %}'">
</div>
<!-- Информация справа -->
<div class="manga-info">
<h2>{{ manga.original_title }}</h2>
{% if manga.russian_title %}
<p class="alt-title">{{ manga.russian_title }}</p>
{% endif %}
<div class="meta-data">
<span class="pages">{{ manga.len_manga }} страниц</span>
{% if manga.tags %}
<div class="tags">
{% for tag in manga.tags %}
<span class="tag">{{ tag }}</span>
{% endfor %}
</div>
<div class="manga-cover-container">
<div class="manga-cover">
{% if manga.img %}
<a href={% url 'show_manga' manga.id %}>
<img src="{{ manga.img }}" alt="{{ manga.original_title }}"
onerror="this.src='{% static 'images/default_cover.jpg' %}'">
</a>
{% else %}
<a href={% url 'show_manga' manga.id %}>
<img src="{% static 'images/default_cover.jpg' %}" alt="Обложка отсутствует">
</a>
{% endif %}
</div>
<a href="{% url 'show_manga' manga.id %}" class="read-button">Читать</a>
</div>
<div class="manga-details">
<div class="manga-title">
<h3>{{ manga.original_title }}</h3>
</div>
<!-- Теги возвращены наверх -->
{% if manga.tags %}
<div class="tags">
{% for tag in manga.tags %}
<span class="tag">{{ tag }}</span>
{% endfor %}
</div>
{% endif %}
<div class="manga-meta">
<div class="meta-item">
<span class="meta-label">Страниц:</span>
<span class="meta-value">{{ manga.len_manga }}</span>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
<!-- Пагинация снизу -->
<div class="pagination">
{% if page_obj.has_previous %}
<a href="?page=1">&laquo; первая</a>
@@ -57,4 +70,3 @@
{% endif %}
</div>
</div>
{% endblock %}