Add button to select all units

CHANGELOG.md

@@ -1,6 +1,33 @@
 # Changelog
 
-### 1.6.1 (2025-11-15)
+## 1.9.1 (2025-11-18)
+
+- ajout d'un bouton pour sélectionner toutes les troupes
+
+## 1.8.1 (2025-11-17)
+
+- remplacement de 'attaques' par 'occurrences'
+- correction du calcul d'arrivée des unités
+- ajout des dizièmes de seconde pour envoyer des unités
+
+## 1.7.4 (2025-11-16)
+
+- correction bug de calcul des secondes en utilisant search regex
+
+## 1.7.3 (2025-11-16)
+
+- correction bug de calcul des secondes en utilisant le temps du serveur
+
+## 1.7.2 (2025-11-16)
+
+- correction bug de calcul des secondes sur la page des attaques
+
+## 1.7.1 (2025-11-16)
+
+- ajout des secondes dans la page des attaques
+- ajout d'un lien vers le calculateur de trajet dans la page des attaques
+
+## 1.6.1 (2025-11-15)
 
 - correction du bug de sélection de village dans le marché
 

images/calculator.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="#000000" d="M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 128C512 92.7 483.3 64 448 64L192 64zM224 128L416 128C433.7 128 448 142.3 448 160L448 192C448 209.7 433.7 224 416 224L224 224C206.3 224 192 209.7 192 192L192 160C192 142.3 206.3 128 224 128zM240 296C240 309.3 229.3 320 216 320C202.7 320 192 309.3 192 296C192 282.7 202.7 272 216 272C229.3 272 240 282.7 240 296zM320 320C306.7 320 296 309.3 296 296C296 282.7 306.7 272 320 272C333.3 272 344 282.7 344 296C344 309.3 333.3 320 320 320zM448 296C448 309.3 437.3 320 424 320C410.7 320 400 309.3 400 296C400 282.7 410.7 272 424 272C437.3 272 448 282.7 448 296zM216 416C202.7 416 192 405.3 192 392C192 378.7 202.7 368 216 368C229.3 368 240 378.7 240 392C240 405.3 229.3 416 216 416zM344 392C344 405.3 333.3 416 320 416C306.7 416 296 405.3 296 392C296 378.7 306.7 368 320 368C333.3 368 344 378.7 344 392zM424 416C410.7 416 400 405.3 400 392C400 378.7 410.7 368 424 368C437.3 368 448 378.7 448 392C448 405.3 437.3 416 424 416zM192 488C192 474.7 202.7 464 216 464L328 464C341.3 464 352 474.7 352 488C352 501.3 341.3 512 328 512L216 512C202.7 512 192 501.3 192 488zM424 464C437.3 464 448 474.7 448 488C448 501.3 437.3 512 424 512C410.7 512 400 501.3 400 488C400 474.7 410.7 464 424 464z"/></svg>

manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "KAplus",
-  "version": "1.6.1",
+  "version": "1.9.1",
 
   "developer": {
     "name": "Samuel Campos",

metadata.json

@@ -5,8 +5,8 @@
       "firefox"
     ],
     "release_notes": {
-      "fr": "- correction du bug de sélection de village dans le marché",
+      "fr": "- ajout d'un bouton pour sélectionner toutes les troupes",
-      "en-US": "- fix bug on selecting village in market"
+      "en-US": " - add button to select all units"
     }
   }
 }

src/kaplus.js

@@ -1,3 +1,8 @@
+let tomorrow = new Date(new Date().getTime() + 24*60*60*1000);
+tomorrow.setHours(0, 0, 0, 0);
+let afterTomorrow = new Date(tomorrow.getTime() + 24*60*60*1000);
+let movingDuration = 0;
+
 function num(s) {
 	return parseInt(s.replace(".", ""));
 }
@@ -31,6 +36,20 @@ function createRow(key, value) {
     return row;
 }
 
+function createInput(type, name, value) {
+    let elt = document.createElement("input");
+    elt.setAttribute("type", type);
+    elt.setAttribute("name", name);
+    elt.setAttribute("value", value);
+    return elt;
+}
+
+function searchPoint(text) {
+    let index = text.search(/\d{3}\|\d{3}/);
+    let point = text.slice(index, index + 7).split("|");
+    return {x: point[0], y: point[1]}
+}
+
 function shortcutElementReplace(elt, img, text) {
     // If more than one hyperlink element found,
     // then keep the last one but with href of the first one.
@@ -65,6 +84,25 @@ function shortcutElementReplace(elt, img, text) {
     }
 }
 
+function countUpMs() {
+    let arrivalDate = new Date(new Date().getTime() + movingDuration * 1000);
+    let prefix = "";
+    if (arrivalDate >= afterTomorrow) {
+        prefix = "le " + arrivalDate.getDate() + "." + arrivalDate.getMonth() + " ";
+    } else if (arrivalDate > tomorrow) {
+        prefix = "demain ";
+    }
+    document.getElementById("countup-time-ms").textContent = prefix
+        + "à "
+        + arrivalDate.getHours().toString().padStart(2, "0")
+        + ":"
+        + arrivalDate.getMinutes().toString().padStart(2, "0")
+        + ":"
+        + arrivalDate.getSeconds().toString().padStart(2, "0")
+        + ":"
+        + Math.floor(arrivalDate.getMilliseconds() / 100);
+}
+
 function main() {
     /* Exit immediately if not on game page */
     let layCastleTopElements = document.getElementsByClassName("lay_castle_top");
@@ -95,6 +133,7 @@ function main() {
     let section = urlParams.get("s");
     let module = urlParams.get("m");
     let sub = urlParams.get("sub");
+    let sendCommandForm = document.getElementById("sendCommandForm");
 
     /* Display unit-points on user profile */
     if (section === "info_player" && (module === "profile" || module === null)) {
@@ -141,34 +180,131 @@ function main() {
         villagePointsRow.after(unitPointsRow);
     }
 
-    /* Allow multiple attacks */
+    /* Units order page */
-    if (section === "build_barracks" && module === "command" && sub === "send") {
+    if (section === "build_barracks" && (module === null || module === "command") && sendCommandForm !== null) {
+        let barracksCommands = sendCommandForm.getElementsByClassName("barracksCommand");
+        let borderListTables = sendCommandForm.getElementsByClassName("borderlist");
+
+        let quantityLabel = document.createElement("label");
+        let quantityInput = document.createElement("input");
+        quantityInput.setAttribute("type", "checkbox");
+        quantityInput.addEventListener("change", function () {
+            let clickSpans = [];
+            if (barracksCommands.length === 1) {
+                clickSpans = barracksCommands[0].getElementsByClassName("click");
+            } else if (borderListTables.length === 1) {
+                clickSpans = borderListTables[0].getElementsByClassName("click");
+            }
+            for (let i = 0; i < 12; i++) {
+                if (clickSpans[i].classList.contains("all")) {
+                    continue;
+                }
+                clickSpans[i].click();
+            }
+        })
+        quantityLabel.appendChild(quantityInput);
+        let quantitySpan = document.createElement("span");
+        quantitySpan.classList.add("click", "all");
+        quantitySpan.textContent = "(Tout sélectionner)";
+        quantityLabel.appendChild(quantitySpan);
+
+        if (barracksCommands.length === 1) {
+            let boxCell = document.createElement("div");
+            boxCell.classList.add("box");
+
+            let backgroundCell = document.createElement("div");
+            backgroundCell.classList.add("background");
+            let backgroundImg = document.createElement("img");
+            backgroundImg.setAttribute("src", "//s58-fr.kingsage.gameforge.com/img/modern/card_sendunit.png");
+            backgroundCell.appendChild(backgroundImg);
+            boxCell.appendChild(backgroundCell);
+
+            let imageCell = document.createElement("div");
+            imageCell.classList.add("image");
+            let imageImg = document.createElement("img");
+            imageImg.setAttribute("src", "//s58-fr.kingsage.gameforge.com/img/shortcut/barracks.png");
+            imageImg.style.width = "28px";
+            imageCell.appendChild(imageImg);
+            boxCell.appendChild(imageCell);
+
+            let nameCell = document.createElement("div");
+            nameCell.classList.add("name");
+            let nameA = document.createElement("a");
+            nameA.setAttribute("href", "help.php?m=units");
+            nameA.setAttribute("target", "_help");
+            let nameB = document.createElement("b");
+            nameB.textContent = "Tout";
+            nameA.appendChild(nameB);
+            nameCell.appendChild(nameA);
+            boxCell.appendChild(nameCell);
+
+            let quantityCell = document.createElement("div");
+            quantityCell.classList.add("quantity");
+            quantityCell.appendChild(quantityLabel);
+            boxCell.appendChild(quantityCell);
+
+            let brTag = barracksCommands[0].getElementsByTagName("br")[1];
+            barracksCommands[0].insertBefore(boxCell, brTag);
+
+        } else if (borderListTables.length === 1) {
+            let borderListRows = borderListTables[0].getElementsByTagName("tr");
+            let selectAllCell = borderListRows[1].getElementsByTagName("td")[3];
+
+            let imageA = document.createElement("a");
+            imageA.setAttribute("href", "help.php?m=units");
+            imageA.setAttribute("target", "_help");
+            let imageImg = document.createElement("img");
+            imageImg.setAttribute("src", "//s58-fr.kingsage.gameforge.com/img/shortcut/barracks.png")
+            imageImg.setAttribute("title", "Tout");
+            imageA.appendChild(imageImg);
+            selectAllCell.appendChild(imageA);
+
+            selectAllCell.appendChild(quantityLabel);
+        }
+    }
+
+    /* Units sending page */
+    if (section === "build_barracks" && module === "command" && sub === "send" && sendCommandForm === null) {
+        /* Improve countup time cell */
+        let oldCell = document.getElementById("countup-time");
+        let hms = oldCell.parentElement.previousElementSibling.getElementsByTagName("td")[1].textContent.split(":");
+        movingDuration = parseInt(hms[0]) * 3600 + parseInt(hms[1]) * 60 + parseInt(hms[2]) ;
+        let newRow = document.createElement("tr");
+        let newLeftCell = document.createElement("td");
+        newLeftCell.textContent = "Arrivée:";
+        newRow.appendChild(newLeftCell);
+        let newRightCell = document.createElement("td");
+        newRightCell.setAttribute("id", "countup-time-ms");
+        newRow.appendChild(newRightCell);
+        oldCell.parentElement.parentElement.insertBefore(newRow, oldCell.parentElement);
+        oldCell.parentElement.style.display = "none";
+        setInterval(countUpMs, 100);
+
+        /* Allow multiple occurrences of send */
         let table = document.createElement("table");
         table.classList.add("borderlist");
         let tbody = document.createElement("tbody");
         let tr = document.createElement("tr");
         let th = document.createElement("th");
-        th.textContent = "Nombre d'attaques:";
+        th.textContent = "Nombre d'occurrences:";
         tr.appendChild(th)
         let td = document.createElement("td");
         let input = document.createElement("input");
         input.setAttribute("type", "number");
-        input.setAttribute("name", "attack_count");
+        input.setAttribute("name", "occurrences");
         input.setAttribute("value", "1");
         td.appendChild(input);
         tr.appendChild(td);
         tbody.appendChild(tr);
         table.appendChild(tbody);
-
         let form = document.getElementsByTagName("form")[0];
         let firstInput = form.getElementsByTagName("input")[0];
         form.insertBefore(table, firstInput);
         form.addEventListener("submit", function (event) {
             event.preventDefault();
             let formData = new FormData(this);
-            let attackCount = parseInt(formData.get("attack_count").toString());
+            let attackCount = parseInt(formData.get("occurrences").toString());
-            formData.delete("attack_count");
+            formData.delete("occurrences");
-
             let sent = 0;
             for (let i = 0; i < attackCount; i++) {
                 let xhr = new XMLHttpRequest();
@@ -201,6 +337,48 @@ function main() {
             }
         });
     }
+
+    /* Improve attacks display */
+    if (section === "ally" && module === "attacks") {
+        let serverTime = parseInt(document.getElementById("servertime").getAttribute("time"));
+        let contentPane = document.getElementsByClassName("contentpane")[1]
+        let table = contentPane.getElementsByClassName("borderlist")[0];
+        let rows = table.getElementsByTagName("tr");
+
+        let headCell = document.createElement("th");
+        rows[0].appendChild(headCell);
+
+        for (let i = 1; i < rows.length; i ++) {
+            let cells = rows[i].getElementsByTagName("td");
+            let arrivalDateCell = cells[3]
+            let arrivalTimeCell = cells[4];
+
+            let seconds = parseInt(arrivalTimeCell.getElementsByTagName("span")[0].getAttribute("time"));
+            let arrival = new Date((serverTime + seconds) * 1000);
+            let hour = arrival.toLocaleTimeString("fr-FR");
+            arrivalDateCell.textContent = arrivalDateCell.textContent.replace(/(.*)\d\d:\d\d(.*)/, "$1" + hour + "$2");
+
+            let startPoint = searchPoint(cells[2].textContent);
+            let targetPoint = searchPoint(cells[1].textContent);
+            let calculatorCell = document.createElement("td");
+            let calculatorForm = document.createElement("form");
+            calculatorForm.setAttribute("method", "post");
+            calculatorForm.setAttribute("action", "/?s=tools&m=runtime_calculator&inta=calculate");
+            calculatorForm.appendChild(createInput("hidden", "start_x", startPoint.x));
+            calculatorForm.appendChild(createInput("hidden", "start_y", startPoint.y));
+            calculatorForm.appendChild(createInput("hidden", "target_x", targetPoint.x));
+            calculatorForm.appendChild(createInput("hidden", "target_y", targetPoint.y));
+            let calculatorImg = document.createElement("input");
+            calculatorImg.setAttribute("type", "image");
+            calculatorImg.setAttribute("src", chrome.runtime.getURL("images/calculator.svg"));
+            calculatorImg.style.width = "20px";
+            calculatorImg.style.height = "20px";
+            calculatorImg.style.border = "none";
+            calculatorForm.appendChild(calculatorImg);
+            calculatorCell.appendChild(calculatorForm);
+            rows[i].appendChild(calculatorCell);
+        }
+    }
 }
 
 main();