From a98a0dbcdc07a0ab9a93d6068ddb26f064fdcc1a Mon Sep 17 00:00:00 2001
From: Michel Roux <xefir@crystalyx.net>
Date: Mon, 28 Aug 2023 00:02:07 +0200
Subject: [PATCH] Slider volume

---
 src/components/Player/Bar.vue      |  4 ++--
 src/components/Player/Controls.vue |  6 ++++++
 src/components/Player/Volume.vue   | 11 +++++++++++
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/components/Player/Bar.vue b/src/components/Player/Bar.vue
index b6c2ca8..d09d80d 100644
--- a/src/components/Player/Bar.vue
+++ b/src/components/Player/Bar.vue
@@ -6,8 +6,8 @@
 			:src="episode.episodeUrl"
 			@durationchange="duration = audio.duration"
 			@loadeddata="loading = false"
-			@pause="paused = audio.paused"
-			@play="paused = audio.paused"
+			@pause="paused = true"
+			@play="paused = false"
 			@seeked="currentTime = audio.currentTime"
 			@timeupdate="currentTime = audio.currentTime"
 			@volumechange="volume = audio.volume" />
diff --git a/src/components/Player/Controls.vue b/src/components/Player/Controls.vue
index 61fc108..5dec55a 100644
--- a/src/components/Player/Controls.vue
+++ b/src/components/Player/Controls.vue
@@ -39,3 +39,9 @@ export default {
 	},
 }
 </script>
+
+<style scoped>
+	.pointer {
+		cursor: pointer;
+	}
+</style>
diff --git a/src/components/Player/Volume.vue b/src/components/Player/Volume.vue
index bf6880d..cf6ff98 100644
--- a/src/components/Player/Volume.vue
+++ b/src/components/Player/Volume.vue
@@ -16,6 +16,12 @@
 			class="pointer"
 			:size="30"
 			@click="unmute" />
+		<input max="1"
+			min="0"
+			step="0.1"
+			type="range"
+			:value="volume"
+			@change="(event) => audio.volume = event.target.value">
 	</div>
 </template>
 
@@ -69,6 +75,11 @@ export default {
 		justify-content: center;
     }
 
+	input {
+		transform: rotate(270deg);
+		width: 60%;
+	}
+
 	.pointer {
 		cursor: pointer;
 	}