From 1b08833e3e6e7aaa7236922188fce31d94d17274 Mon Sep 17 00:00:00 2001
From: Nikan Dalvand <nikandalvand@gmail.com>
Date: Fri, 26 Jul 2019 16:30:47 +0430
Subject: [PATCH] pdated playerbar and implemented hover effect enter and
 removed cursor

---
 src/renderer/layouts/PlayerBar.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/renderer/layouts/PlayerBar.vue b/src/renderer/layouts/PlayerBar.vue
index b5ab1a0..6cc2340 100644
--- a/src/renderer/layouts/PlayerBar.vue
+++ b/src/renderer/layouts/PlayerBar.vue
@@ -33,6 +33,7 @@ export default {
       container: '#visualizer',
       waveColor: '#c3c3c3',
       progressColor: '#336cfb',
+      cursorColor: 'rgba(0,0,0,0)',
       barWidth: 2,
       barHeight: 1,
       barGap: null,
@@ -47,6 +48,12 @@ export default {
     this.wavesurfer.on('audioprocess', (amount) => {
       progress.innerHTML = formatSeconds(amount)
     })
+    let waves = this.wavesurfer.container.getElementsByTagName('wave')
+    let progressWave = waves[1]
+    let mainWave = waves[0]
+    mainWave.addEventListener('mousemove', (e) => {
+      progressWave.style.width = e.offsetX + 'px'
+    })
   },
   data () {
     return {
@@ -59,7 +66,6 @@ export default {
       let img = this.$el.getElementsByTagName('img')[0]
       color(img.src, (_, color) => {
         this.wavesurfer.setProgressColor(`#${color}`)
-        this.wavesurfer.setCursorColor(`#${color}`)
       })
     },
     play () {
@@ -119,5 +125,5 @@ section.player
         height: 64px
         wave
             overflow-x: hidden !important
-            cursor: e-resize
+            cursor: pointer
 </style>