Statistics page redesign #60
@@ -254,7 +254,7 @@ window.addEventListener('DOMContentLoaded', async function () {
|
|||||||
if (!completions || typeof completions !== 'object') {
|
if (!completions || typeof completions !== 'object') {
|
||||||
tbody.innerHTML = `
|
tbody.innerHTML = `
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="4" class="text-muted">Impossible de charger les finisseurs 100%.</td>
|
<td colspan="3" class="text-muted">Impossible de charger les finisseurs 100%.</td>
|
||||||
</tr>
|
</tr>
|
||||||
`;
|
`;
|
||||||
return;
|
return;
|
||||||
@@ -267,7 +267,7 @@ window.addEventListener('DOMContentLoaded', async function () {
|
|||||||
if (!years.length) {
|
if (!years.length) {
|
||||||
tbody.innerHTML = `
|
tbody.innerHTML = `
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="4" class="text-muted">Aucune année trouvée.</td>
|
<td colspan="3" class="text-muted">Aucune année trouvée.</td>
|
||||||
</tr>
|
</tr>
|
||||||
`;
|
`;
|
||||||
return;
|
return;
|
||||||
@@ -283,7 +283,6 @@ window.addEventListener('DOMContentLoaded', async function () {
|
|||||||
const yearStr = String(y);
|
const yearStr = String(y);
|
||||||
const total = Number(totals?.[yearStr] ?? 0);
|
const total = Number(totals?.[yearStr] ?? 0);
|
||||||
const completers = Array.isArray(byYear?.[yearStr]) ? byYear[yearStr] : [];
|
const completers = Array.isArray(byYear?.[yearStr]) ? byYear[yearStr] : [];
|
||||||
const count = completers.length;
|
|
||||||
|
|
||||||
const tr = document.createElement('tr');
|
const tr = document.createElement('tr');
|
||||||
|
|
||||||
@@ -291,17 +290,11 @@ window.addEventListener('DOMContentLoaded', async function () {
|
|||||||
tdYear.className = 'fw-semibold';
|
tdYear.className = 'fw-semibold';
|
||||||
tdYear.textContent = yearStr;
|
tdYear.textContent = yearStr;
|
||||||
|
|
||||||
const tdCount = document.createElement('td');
|
|
||||||
const badge = document.createElement('span');
|
|
||||||
badge.className = 'badge bg-secondary';
|
|
||||||
badge.textContent = String(count);
|
|
||||||
tdCount.appendChild(badge);
|
|
||||||
|
|
||||||
const tdTotal = document.createElement('td');
|
const tdTotal = document.createElement('td');
|
||||||
tdTotal.textContent = String(Number.isFinite(total) ? total : 0);
|
tdTotal.textContent = String(Number.isFinite(total) ? total : 0);
|
||||||
|
|
||||||
const tdNames = document.createElement('td');
|
const tdNames = document.createElement('td');
|
||||||
if (!count) {
|
if (!completers.length) {
|
||||||
tdNames.className = 'text-muted';
|
tdNames.className = 'text-muted';
|
||||||
tdNames.textContent = '—';
|
tdNames.textContent = '—';
|
||||||
} else {
|
} else {
|
||||||
@@ -317,7 +310,6 @@ window.addEventListener('DOMContentLoaded', async function () {
|
|||||||
}
|
}
|
||||||
|
|
||||||
tr.appendChild(tdYear);
|
tr.appendChild(tdYear);
|
||||||
tr.appendChild(tdCount);
|
|
||||||
tr.appendChild(tdTotal);
|
tr.appendChild(tdTotal);
|
||||||
tr.appendChild(tdNames);
|
tr.appendChild(tdNames);
|
||||||
tbody.appendChild(tr);
|
tbody.appendChild(tr);
|
||||||
|
|||||||
@@ -147,14 +147,13 @@
|
|||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" style="width: 110px;">Année</th>
|
<th scope="col" style="width: 110px;">Année</th>
|
||||||
<th scope="col" style="width: 140px;">Nombre</th>
|
|
||||||
<th scope="col" style="width: 140px;">Total films</th>
|
<th scope="col" style="width: 140px;">Total films</th>
|
||||||
<th scope="col">Noms</th>
|
<th scope="col">Noms</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody id="completers-table-body">
|
<tbody id="completers-table-body">
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="4" class="text-center py-4 text-muted" aria-live="polite" aria-busy="true">Chargement…</td>
|
<td colspan="3" class="text-center py-4 text-muted" aria-live="polite" aria-busy="true">Chargement…</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|||||||
Reference in New Issue
Block a user