52 lines
2.4 KiB
PHP
52 lines
2.4 KiB
PHP
<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">Retrouvez tous les brouillons contenant des affectations. Ouvrez un planning pour le contrôler puis le valider directement 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>À valider</span>
|
||
<strong id="pending-validation-count">0</strong>
|
||
<small>planning(s)</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>Semaine</th>
|
||
<th>Créneaux</th>
|
||
<th>Volume</th>
|
||
<th>Dernière modification</th>
|
||
<th></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="pending-validation-body"></tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
</section>
|