Merge pull request #112 from summea/issue-111

Issue #111
summea · Mar 20, 2022 · 38a1fd9 · 38a1fd9
2 parents ee577be + 76ceea0
commit 38a1fd9
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/app.js b/app.js
@@ -645,6 +645,8 @@ function openAlbum(event, albumId) {
     let li = document.createElement("li");
     let link = document.createElement("a");
     let linkText = document.createTextNode(song.name);
+    let downloadLink = document.createElement("a");
+    let downloadLinkImg = document.createElement("i");
     link.id = "song_" + i;
     link.href = song.url;
     link.className = "song";
@@ -655,6 +657,11 @@ function openAlbum(event, albumId) {
     });
     li.value = song.albumSongNumber;
     li.append(link);
+    downloadLink.href = song.url;
+    // ref: https://icons.getbootstrap.com/icons/download/
+    downloadLinkImg.className = "bi bi-download songDownloadButton";
+    downloadLink.append(downloadLinkImg);
+    li.append(downloadLink);
     songList.querySelector("ol").append(li);
     i++;
   });

diff --git a/css/audio.css b/css/audio.css
@@ -167,6 +167,10 @@ body {
   flex-direction: row;
 }
 
+.songDownloadButton {
+  margin-left: 10px;
+}
+
 .randomDisabled {
   color: #000;
 }