From 3efd6612aee2405c70e0873982038baa1f246d5e Mon Sep 17 00:00:00 2001
From: Celestino Rey <creylopez@yahoo.es>
Date: Thu, 20 Jun 2024 16:41:33 +0200
Subject: [PATCH] =?UTF-8?q?El=20autor=20de=20la=20canci=C3=B3n=20es=20por?=
 =?UTF-8?q?=20defecto=20el=20artista=20del=20=C3=A1lbum?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 LyricsPy/templates/add_song.html | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/LyricsPy/templates/add_song.html b/LyricsPy/templates/add_song.html
index 5c31066..be8f039 100644
--- a/LyricsPy/templates/add_song.html
+++ b/LyricsPy/templates/add_song.html
@@ -12,7 +12,7 @@
     <label for="album_id">Álbum:</label>
     <select id="album_id" name="album_id" required>
         {% for album in albums %}
-        <option value="{{ album.id }}">{{ album.name }} by {{ album.artist }}</option>
+        <option value="{{ album.id }}" data-artist="{{ album.artist }}">{{ album.name }} by {{ album.artist }}</option>
         {% endfor %}
     </select>
     
@@ -21,4 +21,18 @@
     
     <button type="submit">Añadir canción</button>
 </form>
+
+<script>
+    function updateAuthor() {
+        var albumSelect = document.getElementById("album_id");
+        var selectedAlbum = albumSelect.options[albumSelect.selectedIndex];
+        var artist = selectedAlbum.getAttribute("data-artist");
+        document.getElementById("author").value = artist;
+    }
+
+    // Initialize the author field with the artist of the first album
+    document.addEventListener('DOMContentLoaded', function() {
+        updateAuthor();
+    });
+</script>
 {% endblock %}