You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.3 KiB
47 lines
1.3 KiB
{% extends 'base.html' %}
|
|
|
|
{% block content %}
|
|
<div class="tab">
|
|
<button class="tablinks" onclick="openTab(event, 'Songs')">Songs</button>
|
|
<button class="tablinks" onclick="openTab(event, 'Albums')">Albums</button>
|
|
</div>
|
|
|
|
<div id="Songs" class="tabcontent">
|
|
<h2>Song List</h2>
|
|
{% if songs %}
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Title</th>
|
|
<th>Author</th>
|
|
<th>Album</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for song in songs %}
|
|
<tr>
|
|
<td><a href="{{ url_for('song', song_id=song.id) }}">{{ song.title }}</a></td>
|
|
<td>{{ song.author }}</td>
|
|
<td><a href="{{ url_for('album', album_id=song.album.id) }}">{{ song.album.name }}</a></td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
{% else %}
|
|
<p>No songs found.</p>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div id="Albums" class="tabcontent">
|
|
<h2>Albums</h2>
|
|
<ul>
|
|
{% for album in albums %}
|
|
<li>
|
|
<a href="{{ url_for('album', album_id=album.id) }}">{{ album.name }} by {{ album.artist }} ({{ album.year }})</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
<hr>
|
|
<a href="{{ url_for('add_album') }}" class="button">Add New Album</a>
|
|
</div>
|
|
{% endblock %}
|