From 1b5b52f3e31fad59a69fbd3492ee039ff3762c8e Mon Sep 17 00:00:00 2001
From: heltonricardo <50843386+heltonricardo@users.noreply.github.com>
Date: Fri, 19 May 2023 09:20:08 -0300
Subject: [PATCH] feat: add toggle checkbox functionality

---
 popup.css           | 5 +++++
 popup.html          | 1 +
 popup.js            | 9 +++++++++
 toggleCheckboxes.js | 9 +++++++++
 4 files changed, 24 insertions(+)
 create mode 100644 toggleCheckboxes.js

diff --git a/popup.css b/popup.css
index 940b4d4..e40008c 100644
--- a/popup.css
+++ b/popup.css
@@ -85,4 +85,9 @@ body {
     background-color: #badb34;
     border-color: #b6b929;
   }
+
+  button#toggle-checkboxes {
+    background-color: #2287da;
+    border-color: #2758ab;
+  }
   
\ No newline at end of file
diff --git a/popup.html b/popup.html
index ae5e2c1..4f9f555 100644
--- a/popup.html
+++ b/popup.html
@@ -15,6 +15,7 @@
             <button id="add-checkboxes"><span>Add</span><br><span>Checkboxes</span></button>
             <button id="remove-checkboxes"><span>Remove</span><br><span>Checkboxes</span></button>                       
         </div>
+        <button id="toggle-checkboxes">Toggle Checkboxes</button>
         <button id="bulk-delete">Bulk delete</button>
     </div>      
     <div class="footer">
diff --git a/popup.js b/popup.js
index f9e3029..7924654 100644
--- a/popup.js
+++ b/popup.js
@@ -16,6 +16,15 @@ document.getElementById('bulk-delete').addEventListener('click', () => {
   });
 });
 
+document.getElementById('toggle-checkboxes').addEventListener('click', () => {
+  chrome.tabs.query({ active: true, currentWindow: true }, ([tab]) => {
+    chrome.scripting.executeScript({
+      target: { tabId: tab.id },
+      files: ['toggleCheckboxes.js']
+    });
+  });
+});
+
 document.getElementById('remove-checkboxes').addEventListener('click', () => {
   chrome.tabs.query({ active: true, currentWindow: true }, ([tab]) => {
     chrome.scripting.executeScript({
diff --git a/toggleCheckboxes.js b/toggleCheckboxes.js
new file mode 100644
index 0000000..18c464d
--- /dev/null
+++ b/toggleCheckboxes.js
@@ -0,0 +1,9 @@
+function toggleCheckboxes() {
+  const conversations = document.querySelectorAll(".conversation-checkbox");
+
+  conversations.forEach((checkbox) => {
+    checkbox.checked = !checkbox.checked;
+  });
+}
+
+toggleCheckboxes();