diff --git a/src/app/admin/admin-pannel.scss b/src/app/admin/admin-pannel.scss index ff8626de17f5779ffb0d40d5813565d69bc16091..5ced4166a5e2f505bfe7b9444c4038de268a67cf 100644 --- a/src/app/admin/admin-pannel.scss +++ b/src/app/admin/admin-pannel.scss @@ -18,3 +18,11 @@ .incomplete { color: $red; } + +.isOutdated { + color: $red; +} + +.structure-updated-at { + text-align: right; +} diff --git a/src/app/admin/components/structures-list/admin-structures-list.component.html b/src/app/admin/components/structures-list/admin-structures-list.component.html index aef30389371bef50c6774e038248607b4e9ee081..e483cbb350108cfbbcc1d9e32260f61eafbc8945 100644 --- a/src/app/admin/components/structures-list/admin-structures-list.component.html +++ b/src/app/admin/components/structures-list/admin-structures-list.component.html @@ -4,7 +4,7 @@ <div *ngIf="!isLoading" fxLayout="column" fxLayoutAlign="center center"> <table aria-describedby="demands attachment results" class="results-tab results-column"> <thead> - <th scope="col"> + <th colspan="2" scope="colgroup"> Structures avec des données manquantes ({{ structuresIncomplete ? structuresIncomplete.length : 0 }}) </th> </thead> @@ -15,6 +15,9 @@ {{ structure.structureName }}</a > </td> + <td class="structure-updated-at"> + <span [ngClass]="{ isOutdated: structure.isOutdated }">{{ structure.updatedAt | date: 'mediumDate' }}</span> + </td> </tr> <tr *ngIf="!structuresIncomplete?.length"> <td colspan="3">Aucune structure</td> @@ -23,13 +26,16 @@ </table> <table aria-describedby="demands attachment results" class="results-tab results-column"> <thead> - <th scope="col">Structures en cours de revendication ({{ structuresInClaim.length }})</th> + <th colspan="2" scope="colgroup">Structures en cours de revendication ({{ structuresInClaim.length }})</th> </thead> <tbody> <tr *ngFor="let structure of structuresInClaim"> <td> <a href="/acteurs?id={{ structure.structureId }}" target="_blank"> {{ structure.structureName }}</a> </td> + <td class="structure-updated-at"> + <span [ngClass]="{ isOutdated: structure.isOutdated }">{{ structure.updatedAt | date: 'mediumDate' }}</span> + </td> </tr> <tr *ngIf="!structuresInClaim?.length"> <td colspan="3">Aucune structure</td> @@ -38,13 +44,16 @@ </table> <table aria-describedby="demands attachment results" class="results-tab results-column"> <thead> - <th scope="col">Structures à revendiquer ({{ structuresToClaim.length }})</th> + <th colspan="2" scope="colgroup">Structures à revendiquer ({{ structuresToClaim.length }})</th> </thead> <tbody> <tr *ngFor="let structure of structuresToClaim"> <td> <a href="/acteurs?id={{ structure.structureId }}" target="_blank"> {{ structure.structureName }}</a> </td> + <td class="structure-updated-at"> + <span [ngClass]="{ isOutdated: structure.isOutdated }">{{ structure.updatedAt | date: 'mediumDate' }}</span> + </td> </tr> <tr *ngIf="!structuresToClaim?.length"> <td colspan="3">Aucune structure</td> @@ -53,13 +62,16 @@ </table> <table aria-describedby="demands attachment results" class="results-tab results-column"> <thead> - <th scope="col">Structures revendiquées ({{ structuresClaimed.length }})</th> + <th colspan="2" scope="colgroup">Structures revendiquées ({{ structuresClaimed.length }})</th> </thead> <tbody> <tr *ngFor="let structure of structuresClaimed"> <td> <a href="/acteurs?id={{ structure.structureId }}" target="_blank"> {{ structure.structureName }}</a> </td> + <td class="structure-updated-at"> + <span [ngClass]="{ isOutdated: structure.isOutdated }">{{ structure.updatedAt | date: 'mediumDate' }}</span> + </td> </tr> <tr *ngIf="!structuresClaimed?.length"> <td colspan="3">Aucune structure</td>