From b0e9513e975f22592bd3995197e9e2ae3cdcb19f Mon Sep 17 00:00:00 2001 From: de-souza <43355143+de-souza@users.noreply.github.com> Date: Sat, 16 Nov 2019 00:16:41 +0100 Subject: Wrap Soundcloud player Javascript in function --- assets/js/soundcloud.js | 38 ++++++++++++++++++++------------------ 1 file changed, 20 insertions(+), 18 deletions(-) diff --git a/assets/js/soundcloud.js b/assets/js/soundcloud.js index 3a10c90..22c425b 100644 --- a/assets/js/soundcloud.js +++ b/assets/js/soundcloud.js @@ -1,18 +1,20 @@ -for (const wrapper of document.querySelectorAll(".Soundcloud")) { - const iframe = document.createElement("iframe"); - iframe.className = "Soundcloud-iframe"; - iframe.setAttribute("src", `https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/${wrapper.getAttribute('data-id')}&show_comments=false`); - const link = document.createElement("a"); - link.setAttribute("href", "https://soundcloud.com/pages/cookies"); - link.textContent = "cookie policy"; - link.onclick = e => e.stopPropagation(); - link.onkeydown = e => e.stopPropagation(); - const player = document.createElement("div"); - player.className = "Soundcloud-player"; - player.setAttribute("tabindex", "0"); - player.textContent = 'Load player'; - player.appendChild(link); - player.onclick = () => { wrapper.replaceChild(iframe, player) }; - player.onkeydown = e => { if (e.keyCode == 13) wrapper.replaceChild(iframe, player) }; - wrapper.appendChild(player); -}; +const soundcloud = (() => { + for (const wrapper of document.querySelectorAll(".Soundcloud")) { + const iframe = document.createElement("iframe"); + iframe.className = "Soundcloud-iframe"; + iframe.setAttribute("src", `https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/${wrapper.getAttribute('data-id')}&show_comments=false`); + const link = document.createElement("a"); + link.setAttribute("href", "https://soundcloud.com/pages/cookies"); + link.textContent = "cookie policy"; + link.onclick = e => e.stopPropagation(); + link.onkeydown = e => e.stopPropagation(); + const player = document.createElement("div"); + player.className = "Soundcloud-player"; + player.setAttribute("tabindex", "0"); + player.textContent = 'Load player'; + player.appendChild(link); + player.onclick = () => wrapper.replaceChild(iframe, player); + player.onkeydown = e => { if (e.keyCode == 13) wrapper.replaceChild(iframe, player) }; + wrapper.appendChild(player); + }; +})(); -- cgit v1.2.3