From aa84cd9a6d81dd628840790be7c12b53f0c80f5e Mon Sep 17 00:00:00 2001
From: =?utf8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@0d.be>
Date: Sun, 2 Sep 2018 14:28:31 +0200
Subject: [PATCH] include link to origin site in player

---
 earwig/static/css/style.scss      | 2 +-
 earwig/static/js/earwig.js        | 1 +
 earwig/templates/earwig/home.html | 4 +++-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/earwig/static/css/style.scss b/earwig/static/css/style.scss
index 3be1629..5a1f162 100644
--- a/earwig/static/css/style.scss
+++ b/earwig/static/css/style.scss
@@ -25,11 +25,11 @@ header {
 		margin: 1rem;
 		flex: 1 1 auto;
 		span {
-			display: block;
 			height: 50px;
 			line-height: 50px;
 		}
 		audio {
+			display: block;
 			width: 100%;
 		}
 	}
diff --git a/earwig/static/js/earwig.js b/earwig/static/js/earwig.js
index 0001e8b..03dc2e4 100644
--- a/earwig/static/js/earwig.js
+++ b/earwig/static/js/earwig.js
@@ -3,6 +3,7 @@ $(function() {
     $('header').removeClass('hidden');
     $('header #cover').css('background-image', $(this).parent().css('background-image'));
     $('header #title').text($(this).find('.channel').text() + ' - ' + $(this).find('.sound').text());
+    $('header #site').attr('href', $(this).data('page-uri'));
     $('audio').empty();
     var source = $('<source>', {src: $(this).data('sound-uri')});
     $('audio').append(source);
diff --git a/earwig/templates/earwig/home.html b/earwig/templates/earwig/home.html
index 725c438..63e68e4 100644
--- a/earwig/templates/earwig/home.html
+++ b/earwig/templates/earwig/home.html
@@ -8,6 +8,7 @@
 </div>
 <div>
   <span id="title">&nbsp;</span>
+  - <a id="site" href="#">{% trans "Visit Site" %}</a>
   <audio controls></audio>
 </div>
 </header>
@@ -19,7 +20,8 @@
 <div id="content">
 {% for sound in object_list|slice:":50" %}
 <div class="tile" style="background-image: url({% url 'sound-image' pk=sound.pk %})">
-  <a href="#" data-sound-uri="{{ sound.sound_url }}">
+  <a href="#" data-sound-uri="{{ sound.sound_url }}"
+              data-page-uri="{{ sound.page_url }}">
     <span class="channel">{{ sound.channel.title }}</span>
     <span class="sound">{{ sound.title }}</span>
   </a>
-- 
2.39.2