From f6834ff9734bf20962433a739378456c60127057 Mon Sep 17 00:00:00 2001
From: Norbaev <timnrbv@gmail.com>
Date: Sun, 30 Jun 2024 00:18:11 +0500
Subject: [PATCH] =?UTF-8?q?=D0=A5=D1=80=D0=B0=D0=BD=D0=B5=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=B5=20=D0=B7=D0=BD=D0=B0=D1=87=D0=B5=D0=BD=D0=B8=D1=8F=20pre?=
 =?UTF-8?q?Vol=20=D0=BF=D0=B5=D1=80=D0=B5=D0=B4=20=D0=BE=D1=82=D0=BA=D0=BB?=
 =?UTF-8?q?/=D0=B2=D0=BA=D0=BB=20=D0=B7=D0=B2=D1=83=D0=BA=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/player.vue | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/client/src/components/player.vue b/client/src/components/player.vue
index 3c67b0c..40cf703 100644
--- a/client/src/components/player.vue
+++ b/client/src/components/player.vue
@@ -55,7 +55,13 @@
           />
           <q-skeleton v-if="loaderPlay" class="player__tools m--skeleton" />
           <div v-else class="player__volume">
-            <span ref="volumeIcon" @click="toggleVolume" :class="volumeClass" />
+            <span
+              ref="volumeIcon"
+              @click="toggleVolume"
+              :class="
+                songVolume == 0 ? 'player__volume-off' : 'player__volume-on'
+              "
+            />
             <input
               type="range"
               min="0"
@@ -106,6 +112,8 @@ export default {
       connection: null,
       isUserMusic: !this.$store.state.currentPlay.live,
       songVolume: 0.5,
+      // Локальное значение для хранения громкости перед toggleVolume
+      preToggleVol: null,
       playerInfo: {
         progress: 0,
         currentTime: 0,
@@ -129,9 +137,6 @@ export default {
     loaderPlay() {
       return this.$store.state.currentPlay.isLoader;
     },
-    volumeClass() {
-      return this.songVolume == 0 ? 'player__volume-off' : 'player__volume-on';
-    },
   },
   watch: {
     currentPlay: {
@@ -381,10 +386,11 @@ export default {
     },
     toggleVolume() {
       if (this.songVolume === 0) {
-        this.songVolume = 1;
+        this.songVolume = this.preToggleVol;
         console.log(this.songVolume);
         this.$store.dispatch('handlerPlayer', { volume: this.songVolume });
       } else {
+        this.preToggleVol = this.songVolume;
         this.songVolume = 0.0;
         console.log(this.songVolume);
         this.$store.dispatch('handlerPlayer', { volume: this.songVolume });