Add Typos test size column to speller table

- Added addTyposTestSize() function to fetch typossize.json data
- Updated table header to include fifth column 'Typos test size'
- Increased colspan from 4 to 5 to match new column count
- Data source will be available soon on gh-pages branch

Author: snomos

assets/js/spellertable.js

@@ -94,11 +94,15 @@ function addSpellerTableHeader() {
     let heading_4 = document.createElement('th');
     heading_4.innerHTML = 'Suggestion Quality';
     heading_4.setAttribute('style', 'width: 20%;');
+    let heading_5 = document.createElement('th');
+    heading_5.innerHTML = 'Typos test size';
+    heading_5.setAttribute('style', 'width: 15%;');
 
     row_1.appendChild(heading_1);
     row_1.appendChild(heading_2);
     row_1.appendChild(heading_3);
     row_1.appendChild(heading_4);
+    row_1.appendChild(heading_5);
 
     return row_1;
 }
@@ -116,7 +120,7 @@ function addSpellerRepoTable(repos, mainFilter, filters) {
     if (!repos || !Array.isArray(repos)) {
         const errorRow = document.createElement('tr');
         const errorCell = document.createElement('td');
-        errorCell.colSpan = 4; // Match number of columns in header
+        errorCell.colSpan = 5; // Match number of columns in header
         errorCell.innerHTML = '<strong>⚠️ GitHub repository data is temporarily unavailable</strong><br><em>This usually resolves automatically. Please try refreshing the page in a few minutes.</em>';
         errorCell.style.textAlign = 'center';
         errorCell.style.padding = '30px 20px';
@@ -142,7 +146,7 @@ function addSpellerRepoTable(repos, mainFilter, filters) {
     }
     // If no repos found, inform the user:
     if (!tbody.firstChild) {
-        tbody.appendChild(addEmptyRow(4));
+        tbody.appendChild(addEmptyRow(5));
     }
     return table;
 }
@@ -161,6 +165,18 @@ function addSpellerSuggQuality(repo) {
     return row_sugg;
 }
 
+function addTyposTestSize(repo) {
+    let row_typos = document.createElement('td');
+    const typos_image = document.createElement('img');
+    typos_image.setAttribute(
+        'src',
+        'https://img.shields.io/endpoint?url=https%3A%2F%2Fraw.githubusercontent.com%2Fgiellalt%2F' + repo.name + '%2Fgh-pages%2Ftypossize.json&label=T'
+    );
+    typos_image.setAttribute('alt', 'Typos test size');
+    row_typos.appendChild(typos_image);
+    return row_typos;
+}
+
 function addSpellerTR(repo) {
     let row = document.createElement('tr');
 
@@ -171,6 +187,7 @@ function addSpellerTR(repo) {
     row.appendChild(addRepo(repo));
     row.appendChild(addLemmaCount(repo));
     row.appendChild(addSpellerSuggQuality(repo));
+    row.appendChild(addTyposTestSize(repo));
 
     return row;
 }