makaveli10
100 lines
3.2 KiB
JavaScript
100 lines
3.2 KiB
JavaScript
// 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 });
|
|
});
|
|
});
|