Отображение каталога
This commit is contained in:
@@ -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">« первая</a>
|
||||
@@ -57,4 +70,3 @@
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user