lovinervy/music-storage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Обновил шаблон для album_list.html и добавил функцию для cover_image в модели Album

Browse Source
This commit is contained in:
Viner Abubakirov
2026-01-02 15:29:09 +05:00
parent e67f5d5689
commit c36e236c3f
3 changed files with 81 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
music_storage/templates/components/album_list.html
View File

@@ -1,11 +1,26 @@
{% load static %}
<ul>
{% for album in albums %}
<li>
<a href="{% url 'music:album_detail' album.id %}">{{ album.name }}</a> by {{ album.artist }}
</li>
{% empty %}
<li>No albums available.</li>
{% endfor %}
</ul>
<link rel="stylesheet" href="{% static 'css/album_list.css' %}">
<div class="container">
<div class="album-container">
{% for album in albums %}
<div class="album-card">
<a href="{% url 'music:album_detail' album.id %}" class="album-link">
{% if album.cover_image %}
<img src="{{ album.cover_image.url }}" alt="{{ album.name }}" class="album-cover">
{% else %}
<img src="{% static 'img/no-cover.png' %}" alt="No cover" class="album-cover">
{% endif %}
<div class="album-info">
<h3 class="album-name">{{ album.name }}</h3>
<p class="album-artist">{{ album.artist }}</p>
</div>
</a>
</div>
{% empty %}
<p>No albums available.</p>
{% endfor %}
</div>
</div>