From 5c9fe711c9c488ba070d509380af7071db2e0268 Mon Sep 17 00:00:00 2001
From: Eduard Urbach <e.urbach@gmail.com>
Date: Sun, 11 Mar 2018 04:51:10 +0100
Subject: [PATCH] Improved audio player

---
 layout/sidebar/audioplayer.scarlet | 1 +
 pages/soundtrack/soundtrack.pixy   | 2 +-
 scripts/Actions/Audio.ts           | 3 +++
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/layout/sidebar/audioplayer.scarlet b/layout/sidebar/audioplayer.scarlet
index aa8a1ae6..2fdd0b8b 100644
--- a/layout/sidebar/audioplayer.scarlet
+++ b/layout/sidebar/audioplayer.scarlet
@@ -19,6 +19,7 @@
 	justify-content center
 	align-items center
 	font-size 1.5rem
+	color text-color
 	background rgba(0, 0, 0, 0.03)
 	border none
 	border-radius 50%
diff --git a/pages/soundtrack/soundtrack.pixy b/pages/soundtrack/soundtrack.pixy
index 11f44b09..62c5f5c0 100644
--- a/pages/soundtrack/soundtrack.pixy
+++ b/pages/soundtrack/soundtrack.pixy
@@ -14,7 +14,7 @@ component Track(track *arn.SoundTrack, user *arn.User)
 					.sound-track-media.video-container
 						iframe.lazy.video(data-src=media.EmbedLink(), allowfullscreen="allowfullscreen")
 					
-					if user != nil && media.Service == "Youtube" && (user.Role == "admin" || user.Role == "editor") && track.File != ""
+					if user != nil && media.Service == "Youtube" && track.File != ""
 						.buttons
 							button.action(data-action="playAudio", data-trigger="click", data-src="/audio/" + track.File)
 								Icon("play")
diff --git a/scripts/Actions/Audio.ts b/scripts/Actions/Audio.ts
index dd11037c..6b8ddc1d 100644
--- a/scripts/Actions/Audio.ts
+++ b/scripts/Actions/Audio.ts
@@ -23,6 +23,9 @@ export function playAudio(arn: AnimeNotifier, button: HTMLButtonElement) {
 			audioNode.buffer = buffer
 			audioNode.connect(audioContext.destination)
 			audioNode.start(0)
+			audioNode.onended = () => {
+				document.getElementById("audio-player").classList.add("fade-out")
+			}
 		}, console.error)
 	}
 	request.send()