Added onlyNotEmbedded feature #37

2 files changed, 9 insertions, 5 deletions

diff --git a/src/pages/options/youtube/youtube.html b/src/pages/options/youtube/youtube.html
index b21e5150..34d6ab54 100644
--- a/src/pages/options/youtube/youtube.html
+++ b/src/pages/options/youtube/youtube.html
@@ -128,7 +128,11 @@
     <div id="invidious-piped">
       <div class="some-block option-block">
         <h4>Only Redirect Embedded-Video</h4>
-        <input id="only-embed" type="checkbox" checked />
+        <select id="only-embed">
+          <option value="both">both</option>
+          <option value="onlyEmbedded">Only Embedded</option>
+          <option value="onlyNotEmbedded">Only Not Embedded</option>
+        </select>
       </div>
 
       <div class="some-block option-block">
diff --git a/src/pages/options/youtube/youtube.js b/src/pages/options/youtube/youtube.js
index 79330f46..29831198 100644
--- a/src/pages/options/youtube/youtube.js
+++ b/src/pages/options/youtube/youtube.js
@@ -63,9 +63,9 @@ invidiousAutoplayElement.addEventListener("change",
     (event) => youtubeHelper.setInvidiousAutoplay(event.target.options[invidiousAutoplayElement.selectedIndex].value)
 );
 
-let invidiousOnlyEmbeddedVideoElement = document.getElementById("only-embed");
-invidiousOnlyEmbeddedVideoElement.addEventListener("change",
-    (event) => youtubeHelper.setInvidiousOnlyEmbeddedVideo(event.target.checked)
+let OnlyEmbeddedVideoElement = document.getElementById("only-embed");
+OnlyEmbeddedVideoElement.addEventListener("change",
+    (event) => youtubeHelper.setOnlyEmbeddedVideo(event.target.options[OnlyEmbeddedVideoElement.selectedIndex].value)
 );
 
 let alwaysUsePreferredElement = document.getElementById("always-use-preferred")
@@ -78,7 +78,7 @@ youtubeHelper.init().then(() => {
     invidiousThemeElement.checked = youtubeHelper.getInvidiousTheme();
     invidiousVolumeElement.value = youtubeHelper.getInvidiousVolume();
     invidiousVolumeValueElement.textContent = `${youtubeHelper.getInvidiousVolume()}%`;
-    invidiousOnlyEmbeddedVideoElement.checked = youtubeHelper.getInvidiousOnlyEmbeddedVideo();
+    OnlyEmbeddedVideoElement.value = youtubeHelper.getOnlyEmbeddedVideo();
     alwaysUsePreferredElement.checked = youtubeHelper.getAlwaysusePreferred();
     invidiousAutoplayElement.checked = youtubeHelper.getInvidiousAutoplay();
     let frontend = youtubeHelper.getFrontend();