157 lines
4.9 KiB
PHP
157 lines
4.9 KiB
PHP
<?php
|
|
$this->titre = "Intersanté - Historique prises Rendez-vous";
|
|
|
|
$codeEtatRdv = $_SESSION['codeEtatRdv'] ?? "";
|
|
?>
|
|
|
|
<div class="card shadow-lg border-0 mb-4" style="border-radius: 15px;">
|
|
<div class="card-header bg-primary text-white py-3" style="border-radius: 15px 15px 0 0;">
|
|
<div class="row align-items-center">
|
|
<div class="col-8 text-center">
|
|
<h4 id="h4_titre" class="mb-2 text-center">
|
|
<i class="fas fa-clock me-2"></i>
|
|
<?= _("Demandes de rendez-vous") ?>
|
|
</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<input class="sr-only" id="nomForm" name="nomForm" value="histordv">
|
|
|
|
<!-- Filtres de recherche -->
|
|
<div class="card shadow-sm mb-4">
|
|
<div class="card-body">
|
|
<div class="row g-3 align-items-end">
|
|
<!-- Période du -->
|
|
<div class="col-12 col-sm-6 col-md-4 col-lg-3">
|
|
<label class="form-label fw-bold">
|
|
<?= _("Période du") ?> <span class="text-danger">*</span>
|
|
</label>
|
|
<input class="form-control form-control-sm datepicker" type="text"
|
|
id="d1" name="d1"
|
|
value="<?= dateLang($_SESSION['debutMois_C'], $_SESSION['lang']) ?>" required>
|
|
</div>
|
|
|
|
<!-- Période au -->
|
|
<div class="col-12 col-sm-6 col-md-4 col-lg-3">
|
|
<label class="form-label fw-bold">
|
|
<?= _("au") ?> <span class="text-danger">*</span>
|
|
</label>
|
|
<input class="form-control form-control-sm datepicker" type="text"
|
|
id="d2" name="d2"
|
|
value="<?= dateCouranteLang($_SESSION['lang'], $_SESSION['lang']) ?>" required>
|
|
</div>
|
|
|
|
<!-- État -->
|
|
<div class="col-12 col-sm-6 col-md-4 col-lg-2">
|
|
<label class="form-label fw-bold"><?= _("Etat") ?></label>
|
|
<select class="form-select form-select-sm" id="codeEtatRdv" name="codeEtatRdv">
|
|
<?php liste_options_consultation($reponsedemande, $codeEtatRdv); ?>
|
|
</select>
|
|
</div>
|
|
|
|
<!-- Bouton Actualiser -->
|
|
<div class="col-12 col-sm-6 col-md-4 col-lg-4">
|
|
<button type="button" class="btn btn-primary w-100 btn_autre"
|
|
onclick="javascript:listerrdv();">
|
|
<i class="fas fa-sync-alt me-2"></i><?= _("Actualiser") ?>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Résultats -->
|
|
<div id="div_dossiers" class="table-responsive">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.legend-title {
|
|
color: #2c3e50;
|
|
font-weight: 600;
|
|
padding-bottom: 10px;
|
|
border-bottom: 2px solid #3498db;
|
|
}
|
|
|
|
.card {
|
|
border: none;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.form-label {
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.table th {
|
|
font-size: 0.85rem;
|
|
font-weight: 600;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.table td {
|
|
font-size: 0.85rem;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* Styles pour mobile */
|
|
@media (max-width: 768px) {
|
|
.card-body {
|
|
padding: 1rem;
|
|
}
|
|
|
|
.btn {
|
|
padding: 0.35rem 0.5rem;
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
.table-responsive {
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
.badge {
|
|
font-size: 0.75rem;
|
|
}
|
|
}
|
|
|
|
/* Version ultra-mobile */
|
|
@media (max-width: 576px) {
|
|
.table th, .table td {
|
|
padding: 0.4rem;
|
|
}
|
|
|
|
.btn-sm {
|
|
padding: 0.25rem 0.4rem;
|
|
}
|
|
}
|
|
|
|
/* Tooltip personnalisé */
|
|
.tooltip-inner {
|
|
max-width: 300px;
|
|
text-align: left;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
// Initialiser les tooltips Bootstrap
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
|
|
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
|
|
return new bootstrap.Tooltip(tooltipTriggerEl);
|
|
});
|
|
|
|
// Adapter l'affichage sur mobile
|
|
function adaptForMobile() {
|
|
if (window.innerWidth < 768) {
|
|
// Actions supplémentaires pour petits écrans
|
|
}
|
|
}
|
|
|
|
adaptForMobile();
|
|
window.addEventListener('resize', adaptForMobile);
|
|
});
|
|
</script>
|