From 24af1f1ec20e3170a1e8aa439a1539fc2e7ab069 Mon Sep 17 00:00:00 2001
From: Celestino Rey <creylopez@yahoo.es>
Date: Mon, 24 Jun 2024 16:52:59 +0200
Subject: [PATCH] =?UTF-8?q?el=20listado=20de=20albums=20desde=20la=20lista?=
 =?UTF-8?q?=20de=20canciones=20se=20mete=20en=20tabla=20tambi=C3=A9n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../servicios/lyrics/templates/album.html     | 25 +++++++++++++++++++
 LyricsPy/servicios/lyrics/templates/base.html | 13 +++++++++-
 2 files changed, 37 insertions(+), 1 deletion(-)

diff --git a/LyricsPy/servicios/lyrics/templates/album.html b/LyricsPy/servicios/lyrics/templates/album.html
index 7345118..c49d353 100644
--- a/LyricsPy/servicios/lyrics/templates/album.html
+++ b/LyricsPy/servicios/lyrics/templates/album.html
@@ -6,6 +6,7 @@
 <p><strong>Año:</strong> {{ album.year }}</p>
 
 <h3>Canciones en este álbum</h3>
+<!--
 <ul>
     {% for song in songs %}
     <li>
@@ -13,6 +14,30 @@
     </li>
     {% endfor %}
 </ul>
+-->
+{% if songs %}
+    <table id="songTable" class="display">
+        <thead>
+            <tr>
+                <th>Title</th>
+                <th>Author</th>
+                <th>Album</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for song in songs %}
+            <tr>
+                <td><a href="{{ url_for('paginas.song', song_id=song.id) }}">{{ song.title }}</a></td>
+                <td>{{ song.author }}</td>
+                <td><a href="{{ url_for('paginas.album', album_id=song.album.id) }}">{{ song.album.name }}</a></td>
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+{% else %}
+    <p>No songs found matching your query.</p>
+{% endif %}
+
 
 <a href="{{ url_for('paginas.index') }}">Volver al inicio</a>
 {% endblock %}
diff --git a/LyricsPy/servicios/lyrics/templates/base.html b/LyricsPy/servicios/lyrics/templates/base.html
index 7c9f8db..fefb23b 100644
--- a/LyricsPy/servicios/lyrics/templates/base.html
+++ b/LyricsPy/servicios/lyrics/templates/base.html
@@ -29,10 +29,21 @@
     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
     <!-- DataTables JS -->
     <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.js"></script>
+     <!-- DataTables Spanish Language File -->
+    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/plug-ins/1.11.5/i18n/es_es.json"></script>
     
     <script>
         $(document).ready(function() {
-            $('#songTable').DataTable();
+            $('#songTable').DataTable({
+                "language": {
+                    "url": "//cdn.datatables.net/plug-ins/1.11.5/i18n/es_es.json"
+                }
+            });
+            $('#albumTable').DataTable({
+                "language": {
+                    "url": "//cdn.datatables.net/plug-ins/1.11.5/i18n/es_es.json"
+                }
+            });
         });
         
         function openTab(evt, tabName) {