Update changelog

CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 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é
+
 ## 1.5.1 (2025-11-13)
 
 - fonctionnalité de multi-attaques dans la même seconde

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,9 +1,12 @@
 {
   "manifest_version": 3,
   "name": "KAplus",
-  "version": "1.5.1",
+  "version": "1.7.1",
 
-  "author": "Samuel Campos - netoik.io",
+  "developer": {
+    "name": "Samuel Campos",
+    "url": "https://git.netoik.io/samuel/kaplus"
+  },
   "description": "Extension développée pour améliorer l'expérience de jeu KingsAge (fonctionne avec ou sans premium)",
 
   "browser_specific_settings": {

metadata.json

@@ -5,8 +5,8 @@
       "firefox"
     ],
     "release_notes": {
-      "fr": "- fonctionnalité de multi-attaques dans la même seconde",
+      "fr": "- ajout des secondes dans la page des attaques\n- ajout d'un lien vers le calculateur de trajet dans la page des attaques",
-      "en-US": "- feature multi-attack in same second"
+      "en-US": "- add seconds in attack page\n- add calculator link in attack page"
     }
   }
 }

src/kaplus.js

@@ -31,6 +31,14 @@ 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 shortcutElementReplace(elt, img, text) {
     // If more than one hyperlink element found,
     // then keep the last one but with href of the first one.
@@ -65,109 +73,184 @@ function shortcutElementReplace(elt, img, text) {
     }
 }
 
-/* Improve main menu display */
+function main() {
-let layCastleTopElements = document.getElementsByClassName("lay_castle_top");
+    /* Exit immediately if not on game page */
-if (layCastleTopElements.length === 1) {
+    let layCastleTopElements = document.getElementsByClassName("lay_castle_top");
-	document.getElementById("banner_skyscraper").remove();
+    if (layCastleTopElements.length === 0) {
+        return;
+    }
 
-	let shortcutElements = layCastleTopElements[0].getElementsByClassName("shortcut_element");
+    /* Remove iframe banner */
-	shortcutElementReplace(shortcutElements[0], "ranking", shortcutElements[0].textContent.replace(/[^0-9]/g, ""));
+    document.getElementById("banner_skyscraper").remove();
-	shortcutElementReplace(shortcutElements[1], "ally", "");
-	shortcutElementReplace(shortcutElements[2], "profile", "");
-	shortcutElementReplace(shortcutElements[3], "premium", "");
-	shortcutElementReplace(shortcutElements[4], "messages", "");
-	shortcutElementReplace(shortcutElements[5], "tools", "");
-	shortcutElementReplace(shortcutElements[6], "favorites", "");
 
-	let shortcutContainers = layCastleTopElements[0].getElementsByClassName("shortcut_container");
+    /* Improve navbar icons */
-	shortcutContainers[0].classList.add("shortcut_container_left");
+    let shortcutElements = layCastleTopElements[0].getElementsByClassName("shortcut_element");
-	shortcutContainers[2].classList.add("shortcut_container_right"); 
+    shortcutElementReplace(shortcutElements[0], "ranking", shortcutElements[0].textContent.replace(/[^0-9]/g, ""));
-}
+    shortcutElementReplace(shortcutElements[1], "ally", "");
+    shortcutElementReplace(shortcutElements[2], "profile", "");
+    shortcutElementReplace(shortcutElements[3], "premium", "");
+    shortcutElementReplace(shortcutElements[4], "messages", "");
+    shortcutElementReplace(shortcutElements[5], "tools", "");
+    shortcutElementReplace(shortcutElements[6], "favorites", "");
 
-/* Display unit-points on user profile */
+    /* Center navbar */
-if (document.body.id === "info_player") {
+    let shortcutContainers = layCastleTopElements[0].getElementsByClassName("shortcut_container");
-	let mainContentPane = document.getElementsByClassName("contentpane")[1];
+    shortcutContainers[0].classList.add("shortcut_container_left");
-	let borderLists = mainContentPane.getElementsByClassName("borderlist");
+    shortcutContainers[2].classList.add("shortcut_container_right");
 
-	let playerPropertiesTable = borderLists[0];
+    /* Parse url params and switch case */
-	let playerPropertiesRows = playerPropertiesTable.getElementsByTagName("tr");
+    let urlParams = new URLSearchParams(window.location.search);
-	let totalPoints = num(playerPropertiesRows[2].getElementsByTagName("td")[1].textContent);
+    let section = urlParams.get("s");
-	let villagesCount = num(playerPropertiesRows[4].getElementsByTagName("td")[1].textContent);
+    let module = urlParams.get("m");
+    let sub = urlParams.get("sub");
 
-    let villagesTable = borderLists[1];
+    /* Display unit-points on user profile */
-    let villagesRows = villagesTable.getElementsByTagName("tr");
+    if (section === "info_player" && (module === "profile" || module === null)) {
-    let villagesPoints = 0;
+        let mainContentPane = document.getElementsByClassName("contentpane")[1];
-	for (let i=1; i<villagesRows.length; i+=1) {
+        let borderLists = mainContentPane.getElementsByClassName("borderlist");
-		villagesPoints += num(villagesRows[i].getElementsByTagName("td")[2].textContent);
-	}
-    let villagesBonus = 2250 * Math.max(0, villagesCount - 1);
 
-    let armyPoints = totalPoints - villagesPoints - villagesBonus;
+        let playerPropertiesTable = borderLists[0];
-    let armyPercent = "-";
+        let playerPropertiesRows = playerPropertiesTable.getElementsByTagName("tr");
-	if (villagesCount > 0) {
+        let totalPoints = num(playerPropertiesRows[2].getElementsByTagName("td")[1].textContent);
-        armyPercent = (Math.round(armyPoints / villagesCount) / 100).toString() + " %";
+        let villagesCount = num(playerPropertiesRows[4].getElementsByTagName("td")[1].textContent);
-	}
 
-    playerPropertiesTable.appendChild(createRow("Points troupes:", str(armyPoints)));
+        let villagesTable = borderLists[1];
-	playerPropertiesTable.appendChild(createRow("% points troupes:", armyPercent));
+        let villagesRows = villagesTable.getElementsByTagName("tr");
-}
+        let villagesPoints = 0;
-
+        for (let i = 1; i < villagesRows.length; i += 1) {
-/* Display unit-points on village overview */
+            villagesPoints += num(villagesRows[i].getElementsByTagName("td")[2].textContent);
-if (document.body.id === "overview") {
-    let settlements = document.getElementById("settlement").textContent.split("|");
-    let noBorderRows = document.getElementsByClassName("noborder");
-    let villagePointsRow = noBorderRows[0];
-	for (let i=0; i<noBorderRows.length; i++) {
-		if (noBorderRows[i].textContent.startsWith("Points:")) {
-            villagePointsRow = noBorderRows[i];
-			break;
-		}
-	}
-	let unitPointsRow = villagePointsRow.cloneNode(true);
-	villagePointsRow.getElementsByTagName("td")[1].textContent = "Points village: " + settlements[3];
-	unitPointsRow.getElementsByTagName("td")[1].textContent = "Points troupes: " + settlements[4];
-	villagePointsRow.after(unitPointsRow);
-}
-
-/* Allow multiple attacks */
-if (document.body.id === "build_barracks_command") {
-    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:";
-    tr.appendChild(th)
-    let td = document.createElement("td");
-    let input = document.createElement("input");
-    input.setAttribute("type", "number");
-    input.setAttribute("name", "attack_count");
-    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());
-        formData.delete("attack_count");
-
-        let sent = 0;
-        for (let i = 0; i < attackCount; i ++) {
-            let xhr = new XMLHttpRequest();
-            xhr.onload = function() {
-                sent ++;
-                if (sent === attackCount) {
-                    window.location.replace(xhr.responseURL);
-                }
-            }
-            xhr.open(this.method, this.action, true);
-            xhr.send(formData);
         }
-    });
+        let villagesBonus = 2250 * Math.max(0, villagesCount - 1);
+
+        let armyPoints = totalPoints - villagesPoints - villagesBonus;
+        let armyPercent = "-";
+        if (villagesCount > 0) {
+            armyPercent = (Math.round(armyPoints / villagesCount) / 100).toString() + " %";
+        }
+
+        playerPropertiesTable.appendChild(createRow("Points troupes:", str(armyPoints)));
+        playerPropertiesTable.appendChild(createRow("% points troupes:", armyPercent));
+    }
+
+    /* Display unit-points on village overview */
+    if (section === "overview") {
+        let settlements = document.getElementById("settlement").textContent.split("|");
+        let noBorderRows = document.getElementsByClassName("noborder");
+        let villagePointsRow = noBorderRows[0];
+        for (let i = 0; i < noBorderRows.length; i++) {
+            if (noBorderRows[i].textContent.startsWith("Points:")) {
+                villagePointsRow = noBorderRows[i];
+                break;
+            }
+        }
+        let unitPointsRow = villagePointsRow.cloneNode(true);
+        villagePointsRow.getElementsByTagName("td")[1].textContent = "Points village: " + settlements[3];
+        unitPointsRow.getElementsByTagName("td")[1].textContent = "Points troupes: " + settlements[4];
+        villagePointsRow.after(unitPointsRow);
+    }
+
+    /* Allow multiple attacks */
+    if (section === "build_barracks" && module === "command" && sub === "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:";
+        tr.appendChild(th)
+        let td = document.createElement("td");
+        let input = document.createElement("input");
+        input.setAttribute("type", "number");
+        input.setAttribute("name", "attack_count");
+        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());
+            formData.delete("attack_count");
+
+            let sent = 0;
+            for (let i = 0; i < attackCount; i++) {
+                let xhr = new XMLHttpRequest();
+                xhr.onload = function () {
+                    sent++;
+                    if (sent === attackCount) {
+                        window.location.replace(xhr.responseURL);
+                    }
+                }
+                xhr.open(this.method, this.action, true);
+                xhr.send(formData);
+            }
+        });
+    }
+
+    /* Fix select bug in market */
+    if (section === "build_market" && (module === "send" || module === null)) {
+        let select = document.getElementsByName("village_name")[0];
+        select.removeAttribute("onchange");
+        select.addEventListener("change", function () {
+            let sendX = document.getElementById("send_x");
+            let sendY = document.getElementById("send_y");
+            if (this.selectedIndex === 0) {
+                sendX.value = "";
+                sendY.value = "";
+            } else {
+                let xy = this.value.split("|");
+                sendX.value = xy[0];
+                sendY.value = xy[1];
+            }
+        });
+    }
+
+    /* Improve attacks display */
+    if (section === "ally" && module === "attacks") {
+        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 interval = arrivalTimeCell.textContent.split(":");
+            let seconds = parseInt(interval[0]) * 3600 + parseInt(interval[1]) * 60 + parseInt(interval[2]);
+            let arrival = new Date(Date.now() + seconds * 1000);
+            let hour = arrival.toLocaleTimeString("fr-FR");
+            arrivalDateCell.textContent = arrivalDateCell.textContent.replace(/(.*)\d\d:\d\d(.*)/, "$1" + hour + "$2");
+
+            let startPoint = cells[2].getElementsByTagName("a")[3].textContent.split("|");
+            let targetPoint = cells[1].getElementsByTagName("a")[2].textContent.split("|");
+            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[0]));
+            calculatorForm.appendChild(createInput("hidden", "start_y", startPoint[1]));
+            calculatorForm.appendChild(createInput("hidden", "target_x", targetPoint[0]));
+            calculatorForm.appendChild(createInput("hidden", "target_y", targetPoint[1]));
+            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();