fixing audio player

1 files changed, 7 insertions, 4 deletions

diff --git a/public/assets/js/lib/views/details/audioPlayer.js b/public/assets/js/lib/views/details/audioPlayer.js
index f31a8b3..8075dc7 100644
--- a/public/assets/js/lib/views/details/audioPlayer.js
+++ b/public/assets/js/lib/views/details/audioPlayer.js
@@ -8,7 +8,7 @@ const AudioPlayer = View.extend({
   initialize: function () {
     this.$title = this.$(".title");
 
-    this.icon_el = this.$(".icon").get(0);
+    this.button_el = this.$(".icon").get(0);
     this.pos_el = this.$(".pos").get(0);
     this.track_el = this.$(".track").get(0);
     this.dot_el = this.$(".dot").get(0);
@@ -17,6 +17,7 @@ const AudioPlayer = View.extend({
     this.mousedown = this.mousedown.bind(this);
     this.mousemove = this.mousemove.bind(this);
     this.mouseup = this.mouseup.bind(this);
+    this.toggle = this.toggle.bind(this);
 
     if (is_mobile) {
       this.pos_el.addEventListener("touchstart", (e) =>
@@ -46,6 +47,8 @@ const AudioPlayer = View.extend({
     const track_left = this.pos_el.offsetLeft;
     this.down = true;
     this.mousex = (e.pageX - track_left) / this.track_el.offsetWidth;
+    this.dot_el.style.transform =
+      "translateX(" + this.mousex * this.track_el.offsetWidth + "px)";
   },
 
   mousemove: function (e, isTouch) {
@@ -82,8 +85,8 @@ const AudioPlayer = View.extend({
       this.$el.addClass("active");
     }
     // if (index === music.length) return stop();
-    if (!this.icon_el.classList.contains("active")) {
-      this.icon_el.classList.add("active");
+    if (!this.button_el.classList.contains("active")) {
+      this.button_el.classList.add("active");
     }
     this.onTimeUpdate();
 
@@ -93,7 +96,7 @@ const AudioPlayer = View.extend({
   },
 
   onPause: function () {
-    this.icon_el.classList.remove("active");
+    this.button_el.classList.remove("active");
   },
 
   onStop: function () {