From 8d3400a0f693f862fb507a6f55492d6c00438c5f Mon Sep 17 00:00:00 2001
From: bkfox <thomas bkfox net>
Date: Fri, 9 Dec 2016 20:10:32 +0100
Subject: [PATCH] work on player, fix seek issue + show cover in the button

---
 aircox_cms/static/aircox_cms/css/layout.css       | 15 ++++++++++++++-
 aircox_cms/static/aircox_cms/js/player.js         |  6 ++++--
 .../templates/aircox_cms/snippets/player.html     |  1 +
 3 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/aircox_cms/static/aircox_cms/css/layout.css b/aircox_cms/static/aircox_cms/css/layout.css
index b393053..9a552c5 100755
--- a/aircox_cms/static/aircox_cms/css/layout.css
+++ b/aircox_cms/static/aircox_cms/css/layout.css
@@ -364,10 +364,23 @@ ul.list {
     .player .item:not([selected]) .button > img.play {
         display: block;
     }
-    .player .item:not([selected]) .button > img:not(.play) {
+
+    .player .item:not([selected]) .button > img:not(.play):not(.cover) {
         display: none;
     }
 
+    .player .item .button > img.cover {
+        display: block;
+        position: absolute;
+        transition: opacity 0.2s;
+    }
+
+    .player .item:hover .button > img.cover {
+        /* display: none; */
+        opacity: 0.2;
+    }
+
+
 
 main .player .actions .action:not(.add),
 .section_player .actions .action.add,
diff --git a/aircox_cms/static/aircox_cms/js/player.js b/aircox_cms/static/aircox_cms/js/player.js
index e5282cf..1cfee8c 100755
--- a/aircox_cms/static/aircox_cms/js/player.js
+++ b/aircox_cms/static/aircox_cms/js/player.js
@@ -56,7 +56,7 @@ Sound.prototype = {
         if(this.detail)
             item.querySelector('.detail').href = this.detail;
         if(playlist.player.show_cover && this.cover)
-            item.querySelector('img.play').src = this.cover;
+            item.querySelector('img.cover').src = this.cover;
 
         item.sound = this;
         this.item = item;
@@ -316,7 +316,9 @@ Player.prototype = {
         // progress
         progress = this.progress.bar;
         progress.addEventListener('click', function(event) {
-            player.audio.currentTime = time_from_progress(event);
+            self.audio.currentTime = time_from_progress(event);
+            event.preventDefault();
+            event.stopImmediatePropagation();
         }, false);
 
         progress.addEventListener('mouseout', update_info, false);
diff --git a/aircox_cms/templates/aircox_cms/snippets/player.html b/aircox_cms/templates/aircox_cms/snippets/player.html
index 8e3438c..68fbb1d 100755
--- a/aircox_cms/templates/aircox_cms/snippets/player.html
+++ b/aircox_cms/templates/aircox_cms/snippets/player.html
@@ -11,6 +11,7 @@
 <div class="playlist">
     <li class='item list_item flex_row' style="display: none;">
         <div class="button">
+            <img src="" class="cover"/>
             <img src="{% static "aircox/images/play.png" %}" class="play"
                 title="{% trans "play" %}" />
             <img src="{% static "aircox/images/pause.png" %}" class="pause"