2022-08-13 23:36:10 +02:00
|
|
|
{% extends 'base.html' %}
|
|
|
|
|
|
|
|
{% block header %}
|
|
|
|
<h1>{% block title %}Albums{% endblock %}</h1>
|
|
|
|
{% endblock %}
|
|
|
|
|
2022-08-16 00:00:20 +02:00
|
|
|
{% block header_actions %}
|
|
|
|
<a href="create-album">
|
|
|
|
<button id="new-album">Nouvel Album</button>
|
|
|
|
</a>
|
|
|
|
{% endblock %}
|
|
|
|
|
2022-08-13 23:36:10 +02:00
|
|
|
{% block content %}
|
2022-08-17 23:52:58 +02:00
|
|
|
<form action="/albums/search" method="post" id="search-form">
|
2022-08-16 18:13:00 +02:00
|
|
|
<input id="search-bar" type="search" name="query" placeholder="Rechercher" required>
|
2022-08-17 23:52:58 +02:00
|
|
|
<br/>
|
|
|
|
<input type="checkbox" id="online-search" name="online-search" value="online-search" checked="on">
|
|
|
|
<label for="online-search" id="online-search-label">Recherche en ligne</label>
|
2022-08-16 18:13:00 +02:00
|
|
|
</form>
|
2022-08-13 23:36:10 +02:00
|
|
|
{% if albums|length != 0 %}
|
|
|
|
{% for album in albums %}
|
|
|
|
<a href="{{ album['uuid'] }}">
|
|
|
|
<div class="album-cover" id="album-{{ album['id'] }}">
|
|
|
|
{{ album["name"] }}
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
{% endfor %}
|
|
|
|
{% else %}
|
|
|
|
<div>Aucun album disponible</div>
|
|
|
|
{% endif %}
|
|
|
|
{% endblock %}
|