66 lines
3.1 KiB
PHP
66 lines
3.1 KiB
PHP
<?php
|
||
/**
|
||
* File des plannings en attente de validation, REGROUPÉE PAR AGENT.
|
||
* Module JS : `pendingValidation`.
|
||
*
|
||
* Le tableau ne liste plus un planning par ligne mais un AGENT par ligne
|
||
* (nom, lieu d'affectation, nombre de semaines à valider) : la file dépassait
|
||
* la centaine de lignes en période de saisie. Le détail semaine par semaine
|
||
* reste accessible en dépliant la ligne de l'agent.
|
||
*
|
||
* Partiel de contenu inclus par la vue de page homonyme. Les identifiants HTML
|
||
* posés ici sont les points d'ancrage du module JS : les renommer casse le
|
||
* module sans aucune erreur visible.
|
||
*/
|
||
?>
|
||
<section id="pending-validation-view" class="app-view page-content">
|
||
<section class="card pending-validation-header-card">
|
||
<div class="section-heading">
|
||
<div>
|
||
<h2>Plannings en attente de validation</h2>
|
||
<p class="section-subtitle">Chaque ligne regroupe les brouillons d’un agent. Dépliez-la pour voir le détail des semaines, puis ouvrez celle à contrôler pour la valider dans l’écran de saisie.</p>
|
||
</div>
|
||
<button id="refresh-pending-validation" class="button button-secondary" type="button">Actualiser</button>
|
||
</div>
|
||
|
||
<div class="pending-validation-summary" aria-live="polite">
|
||
<article class="pending-summary-card">
|
||
<span>Agents concernés</span>
|
||
<strong id="pending-validation-agents">0</strong>
|
||
<small><span id="pending-validation-count">0</span> planning(s) à valider</small>
|
||
</article>
|
||
<article class="pending-summary-card">
|
||
<span>Volume en attente</span>
|
||
<strong id="pending-validation-hours">0 h 00</strong>
|
||
<small>toutes affectations</small>
|
||
</article>
|
||
<article class="pending-summary-card">
|
||
<span>Heures décomptées</span>
|
||
<strong id="pending-validation-counted-hours">0 h 00</strong>
|
||
<small>impact sur les quotas</small>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="card pending-validation-list-card">
|
||
<div id="pending-validation-message" class="message" role="status" aria-live="polite"></div>
|
||
<div id="pending-validation-loading" class="empty-state" hidden>Chargement des plannings à valider…</div>
|
||
<div id="pending-validation-empty" class="empty-state" hidden>Aucun planning n’est actuellement en attente de validation.</div>
|
||
<div id="pending-validation-content" class="pending-validation-table-wrap" hidden>
|
||
<table class="pending-validation-table">
|
||
<thead>
|
||
<tr>
|
||
<th>Agent</th>
|
||
<th>Lieu d’affectation</th>
|
||
<th>Semaines à valider</th>
|
||
<th>Volume</th>
|
||
<th>Dernière modification</th>
|
||
<th></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="pending-validation-body"></tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
</section>
|