/**
 * Unchecker - Simple extension letting you uncheck all checkboxes on a page
 * Copyright (c) Ad5001 2021
 * 
 * This Source Code Form is subject to the terms of the Mozilla Public License, 
 * v. 2.0. If a copy of the MPL was not distributed with this file, You can 
 * obtain one at http://mozilla.org/MPL/2.0/.
 **/

// This file handles all clicking automaticly all similar buttons (e.g : same text & element name)

const CLICK_ALL_SCRIPT = `
var bound, selectedElements, clickedButton, buttonText, classes, query, sameElements;
// Get the potential selected button
bound = browser.menus.getTargetElement(targetElementId).getBoundingClientRect();
selectedElements = document.elementsFromPoint(bound.x+bound.width/2, bound.y+bound.height/2)

// Leftover debug for positioning
//console.log(bound, browser.menus.getTargetElement(targetElementId), selectedElements)
//var div = document.createElement("div"); div.style.background = "black"; div.style.position = "absolute"; 
//div.style.left = bound.x+bound.width/2-5 +"px"; div.style.top = bound.y+bound.height/2-5 + "px";
//div.style.width = "10px"; div.style.height = "10px";
//document.body.appendChild(div);

selectedElements = selectedElements.filter(x => ["BUTTON","A","INPUT"].indexOf(x.tagName) > -1)
// If a button is selected
if(selectedElements.length > 0) {
    clickedButton = selectedElements[0]
    // Gather element that will be used in similar buttons (same text content).
    buttonText = clickedButton.textContent.trim()
    // Find the similar buttons
    query = clickedButton.localName + (clickedButton.tagName == "INPUT" ? "[type=" + clickedButton.type + "]" : "")
    sameElements = document.querySelectorAll(query)
    sameElements = Array.from(sameElements).filter(btn => btn.textContent.trim() == buttonText)
    // Click them automaticly.
    sameElements.forEach(btn => {
        btn.click()
    })
}
` // Requires targetElementId to be defined beforehands
const CLICK_ALL_TITLE = "Click all similar buttons";
const CLICK_ALL_MENU_CONTEXTS = ["editable", "image", "link", "page"];

function clickAllSimilarButtons(info, tab) {
    browser.tabs.executeScript(tab.id, {
        frameId: info.frameId,
        code: `var targetElementId = ${info.targetElementId};${CLICK_ALL_SCRIPT}`,
    });
}

browser.menus.create({
    id: "unchecker-clickall",
    title: CLICK_ALL_TITLE,
    icons: {
        "16": "icons/click.svg",
        "32": "icons/click.svg"
    },
    contexts: CLICK_ALL_MENU_CONTEXTS,
    onclick(info, tab) { clickAllSimilarButtons(info, tab) }
});