Merge remote-tracking branch 'upstream/main' into add_default_server

Audio-Transcription-Chrome/popup.js

@@ -0,0 +1,99 @@
+// Wait for the DOM content to be fully loaded
+document.addEventListener("DOMContentLoaded", function () {
+  const startButton = document.getElementById("startCapture");
+  const stopButton = document.getElementById("stopCapture");
+
+  const useServerCheckbox = document.getElementById("useServerCheckbox");
+
+  // Add click event listeners to the buttons
+  startButton.addEventListener("click", startCapture);
+  stopButton.addEventListener("click", stopCapture);
+
+  // Retrieve capturing state from storage on popup open
+  chrome.storage.local.get("capturingState", ({ capturingState }) => {
+    if (capturingState && capturingState.isCapturing) {
+      toggleCaptureButtons(true);
+    } else {
+      toggleCaptureButtons(false);
+    }
+  });
+
+  // Retrieve checkbox state from storage on popup open
+  chrome.storage.local.get("useServerState", ({ useServerState }) => {
+    if (useServerState !== undefined) {
+      useServerCheckbox.checked = useServerState;
+    }
+  });
+
+  // Function to handle the start capture button click event
+  async function startCapture() {
+    // Ignore click if the button is disabled
+    if (startButton.disabled) {
+      return;
+    }
+
+    // Get the current active tab
+    const currentTab = await getCurrentTab();
+
+    // Send a message to the background script to start capturing
+    let host = "localhost";
+    let port = "9090";
+    const useCollaboraServer = useServerCheckbox.checked;
+    if (useCollaboraServer){
+      host = "transcription.kurg.org"
+      port = "7090"
+    }
+
+    chrome.runtime.sendMessage(
+      { 
+        action: "startCapture", 
+        tabId: currentTab.id,
+        host: host,
+        port: port }, () => {
+      // Update capturing state in storage and toggle the buttons
+      chrome.storage.local.set({ capturingState: { isCapturing: true } }, () => {
+        toggleCaptureButtons(true);
+      });
+    });
+  }
+
+  // Function to handle the stop capture button click event
+  function stopCapture() {
+    // Ignore click if the button is disabled
+    if (stopButton.disabled) {
+      return;
+    }
+
+    // Send a message to the background script to stop capturing
+    chrome.runtime.sendMessage({ action: "stopCapture" }, () => {
+      // Update capturing state in storage and toggle the buttons
+      chrome.storage.local.set({ capturingState: { isCapturing: false } }, () => {
+        toggleCaptureButtons(false);
+      });
+    });
+  }
+
+  // Function to get the current active tab
+  async function getCurrentTab() {
+    return new Promise((resolve) => {
+      chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
+        resolve(tabs[0]);
+      });
+    });
+  }
+
+  // Function to toggle the capture buttons based on the capturing state
+  function toggleCaptureButtons(isCapturing) {
+    startButton.disabled = isCapturing;
+    stopButton.disabled = !isCapturing;
+    useServerCheckbox.disabled = isCapturing; 
+    startButton.classList.toggle("disabled", isCapturing);
+    stopButton.classList.toggle("disabled", !isCapturing);
+  }
+
+  // Save the checkbox state when it's toggled
+  useServerCheckbox.addEventListener("change", () => {
+    const useServerState = useServerCheckbox.checked;
+    chrome.storage.local.set({ useServerState });
+  });
+});