Media pauser

mogrene · Oct 31, 2024 · 006d721 · 006d721
1 parent 36f7b28
commit 006d721
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/src/contentScript.ts b/src/contentScript.ts
@@ -0,0 +1,12 @@
+const pauseMedia = (): void => {
+    document.querySelectorAll('video, audio').forEach((media) => {
+      const mediaElement = media as HTMLMediaElement
+      mediaElement.pause()
+    })
+  }
+
+  browser.storage.sync.get(['status']).then((result) => {
+    if (result.status) {
+      pauseMedia()
+    }
+  })
diff --git a/src/popup.css b/src/popup.css
@@ -11,7 +11,6 @@ html {
   --eerie-black: #1c1c1c;
   --cold-gray: #9e9e9e;
   --green: #bbea8d;
-  --white: #fff;
   --font: 'Helvetica', sans-serif;
 
   font-family: var(--font);

diff --git a/src/popup.ts b/src/popup.ts
@@ -34,11 +34,11 @@ document.addEventListener('DOMContentLoaded', () => {
   ) as HTMLInputElement
   if (statusCheckbox) {
     browser.storage.sync.get(['status']).then((result) => {
-      statusCheckbox.checked = result.status || true
+      statusCheckbox.checked = result.status || false
     })
 
     statusCheckbox.addEventListener('click', () => {
-      browser.storage.sync.set({ status: !statusCheckbox.checked })
+      browser.storage.sync.set({ status: statusCheckbox.checked })
 
       document.getElementById('on-off-icon')!.style.fill =
         statusCheckbox.checked ? 'var(--green)' : 'var(--cold-gray)'