Add id to the table rows.

This commit is contained in:
Benoit Marty 2024-03-11 07:30:28 +01:00 committed by Benoit Marty
parent ad5b973778
commit c00b9c83f0
2 changed files with 18 additions and 6 deletions

View file

@ -84,8 +84,13 @@ input {
} }
#screenshots_container { #screenshots_container {
margin-top: 80px; overflow: scroll;
margin-bottom: 56px; position: absolute;
top: 64px;
bottom: 40px;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
} }
.screenshot { .screenshot {

View file

@ -192,9 +192,15 @@ function addTable() {
const numVisibleLanguages = languagesHeaderRow.childElementCount const numVisibleLanguages = languagesHeaderRow.childElementCount
// Next items are the data // Next items are the data
var currentHeaderValue = ""; var currentHeaderValue = "";
var screenshotCounter = 0;
for (let screenshotIndex = 1; screenshotIndex < screenshots.length; screenshotIndex++) { for (let screenshotIndex = 1; screenshotIndex < screenshots.length; screenshotIndex++) {
let englishFile = screenshots[screenshotIndex][0]; let englishFile = screenshots[screenshotIndex][0];
let niceName = getNiceName(englishFile);
if (niceName != currentHeaderValue) {
screenshotCounter = 0;
}
const tr = document.createElement('tr'); const tr = document.createElement('tr');
tr.id = niceName + screenshotCounter;
let hasTranslatedFiles = false; let hasTranslatedFiles = false;
for (let languageIndex = 0; languageIndex < dataLanguages.length; languageIndex++) { for (let languageIndex = 0; languageIndex < dataLanguages.length; languageIndex++) {
if (visibleLanguages[languageIndex] == 0) { if (visibleLanguages[languageIndex] == 0) {
@ -228,20 +234,21 @@ function addTable() {
} }
if (showAllScreenshots || hasTranslatedFiles) { if (showAllScreenshots || hasTranslatedFiles) {
// Add a header for row, if different from previous // Add a header for row, if different from previous
let name = getNiceName(englishFile); if (niceName != currentHeaderValue) {
if (name != currentHeaderValue) { currentHeaderValue = niceName;
currentHeaderValue = name;
const trHead = document.createElement('tr'); const trHead = document.createElement('tr');
trHead.id = niceName;
const tdHead = document.createElement('td'); const tdHead = document.createElement('td');
tdHead.colSpan = numVisibleLanguages; tdHead.colSpan = numVisibleLanguages;
tdHead.className = "view-header"; tdHead.className = "view-header";
tdHead.textContent = name; tdHead.textContent = niceName;
trHead.appendChild(tdHead); trHead.appendChild(tdHead);
tbody.appendChild(trHead); tbody.appendChild(trHead);
tbody.appendChild(languagesHeaderRow.cloneNode(true)); tbody.appendChild(languagesHeaderRow.cloneNode(true));
} }
tbody.appendChild(tr); tbody.appendChild(tr);
} }
screenshotCounter++;
} }
table.appendChild(thead); table.appendChild(thead);
table.appendChild(tbody); table.appendChild(tbody);