Added Soju #109

2 files changed, 16 insertions, 1 deletions

diff --git a/src/pages/popup/popup.html b/src/pages/popup/popup.html
index 419c9590..365de1d1 100644
--- a/src/pages/popup/popup.html
+++ b/src/pages/popup/popup.html
@@ -77,6 +77,14 @@
     <input id="disable-pixiv" type="checkbox" checked />
   </div>
 
+  <div id="spotify" class="some-block">
+    <a class="title" href="https://spotify.com">
+      <img src="../../../assets/images/spotify-icon.png" />
+      <h4>Spotify</h4>
+    </a>
+    <input id="disable-spotify" type="checkbox" checked />
+  </div>
+
   <div id="wikipedia" class="some-block">
     <a class="title" href="https://wikipedia.org">
       <img src="../../../assets/images/wikipedia-icon.svg" />
@@ -113,7 +121,6 @@
     </a>
     <input id="disable-lbry" type="checkbox" checked />
   </div>
-
   <div id="search" class="some-block">
     <a class="title" href="http://libredirect.onion">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
diff --git a/src/pages/popup/popup.js b/src/pages/popup/popup.js
index 30630e6c..01dc7265 100644
--- a/src/pages/popup/popup.js
+++ b/src/pages/popup/popup.js
@@ -15,6 +15,7 @@ import mediumHelper from "../../assets/javascripts/helpers/medium.js";
 import imgurHelper from "../../assets/javascripts/helpers/imgur.js";
 import tiktokHelper from "../../assets/javascripts/helpers/tiktok.js";
 import pixivHelper from "../../assets/javascripts/helpers/pixiv.js";
+import spotifyHelper from "../../assets/javascripts/helpers/spotify.js";
 import sendTargetsHelper from "../../assets/javascripts/helpers/sendTargets.js";
 import peertubeHelper from "../../assets/javascripts/helpers/peertube.js";
 import lbryHelper from "../../assets/javascripts/helpers/lbry.js";
@@ -36,6 +37,7 @@ let disableSendTargetsElement = document.getElementById("disable-sendTargets");
 let disableImgurElement = document.getElementById("disable-imgur");
 let disableTiktokElement = document.getElementById("disable-tiktok");
 let disablePixivElement = document.getElementById("disable-pixiv");
+let disableSpotifyElement = document.getElementById("disable-spotify");
 
 async function wholeInit() {
   await youtubeHelper.init();
@@ -50,6 +52,7 @@ async function wholeInit() {
   await imgurHelper.init();
   await tiktokHelper.init();
   await pixivHelper.init();
+  await spotifyHelper.init();
   await sendTargetsHelper.init();
   await peertubeHelper.init();
   await lbryHelper.init();
@@ -69,6 +72,7 @@ wholeInit().then(() => {
   disableImgurElement.checked = !imgurHelper.getDisable();
   disableTiktokElement.checked = !tiktokHelper.getDisable();
   disablePixivElement.checked = !pixivHelper.getDisable();
+  disableSpotifyElement.checked = !spotifyHelper.getDisable();
   disableMediumElement.checked = !mediumHelper.getDisable();
   disablePeertubeElement.checked = !peertubeHelper.getDisable();
   disableLbryElement.checked = !lbryHelper.getDisable();
@@ -126,6 +130,10 @@ disablePixivElement.addEventListener("change",
   event => pixivHelper.setDisable(!event.target.checked)
 );
 
+disableSpotifyElement.addEventListener("change",
+  event => spotifyHelper.setDisable(!event.target.checked)
+);
+
 disableMediumElement.addEventListener("change",
   event => mediumHelper.setDisable(!event.target.checked)
 );