ebene/radiantrh
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

var

Browse Source
This commit is contained in:
KONE SOREL 2025-12-30 19:24:54 +00:00
parent 1151c9de6e
commit 9cbf2091f4
2 changed files with 68 additions and 101 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
Js/fonctions.js
View File

@ -809,7 +809,6 @@ function afficher_adherents_police()
} }
function graphique_sinistre() { function graphique_sinistre() {
// Spinner pendant le chargement
$("#div_graphique").html(` $("#div_graphique").html(`
<div class="text-center my-5 py-5"> <div class="text-center my-5 py-5">
<div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;"> <div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;">
@ -820,46 +819,24 @@ function graphique_sinistre() {
`); `);
$.ajax({ $.ajax({
url: $("#racineWeb").val() + "Ajaxgraphiquesinistres/", url: $("#racineWeb").val() + "Ajaxgraphiquesinistres/?api=1",
type: 'post', type: 'get',
success: function(data, textStatus, jqXHR) { dataType: 'json',
let contentType = jqXHR.getResponseHeader("Content-Type"); success: function(data) {
if (contentType && contentType.indexOf("application/json") !== -1) {
// --- Mode JSON ---
$("#div_graphique").empty(); $("#div_graphique").empty();
// Layout responsive Bootstrap // Construis ton layout HTML ici
$("#div_graphique").append(` $("#div_graphique").append(`
<div class="row"> <div class="row">
<div class="col-md-6 mb-4"> <div class="col-md-6 mb-4"><canvas id="claimsChart"></canvas></div>
<div class="card shadow-sm"> <div class="col-md-6 mb-4"><canvas id="claimsMonthChart"></canvas></div>
<div class="card-body"> <div class="col-md-12 mb-4"><canvas id="lossRatioChart"></canvas></div>
<h5 class="card-title text-primary">Répartition des sinistres</h5>
<canvas id="claimsChart"></canvas>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card shadow-sm">
<div class="card-body">
<h5 class="card-title text-success">Évolution mensuelle</h5>
<canvas id="claimsMonthChart"></canvas>
</div>
</div>
</div>
<div class="col-md-12 mb-4">
<div class="card shadow-sm">
<div class="card-body">
<h5 class="card-title text-danger">Ratio de sinistralité</h5>
<canvas id="lossRatioChart"></canvas>
</div>
</div>
</div>
</div> </div>
`); `);
// Graphique 1 : répartition
// Initialise les graphiques avec Chart.js
// Graphique 1 : répartition des sinistres
new Chart(document.getElementById('claimsChart'), { new Chart(document.getElementById('claimsChart'), {
type: 'bar', type: 'bar',
data: { data: {
@ -894,7 +871,7 @@ function graphique_sinistre() {
} }
}); });
// Graphique 3 : ratio // Graphique 3 : ratio de sinistralité
new Chart(document.getElementById('lossRatioChart'), { new Chart(document.getElementById('lossRatioChart'), {
type: 'line', type: 'line',
data: { data: {
@ -908,19 +885,9 @@ function graphique_sinistre() {
} }
}); });
} else {
// --- Mode Vue HTML ---
$("#div_graphique").html(data);
}
}, },
error: function(err) { error: function(err) {
console.error("Erreur AJAX:", err); $("#div_graphique").html(`<div class="alert alert-danger">Impossible de charger les graphiques.</div>`);
$("#div_graphique").html(`
<div class="alert alert-danger">
Impossible de charger les graphiques.
</div>
`);
} }
}); });
} }

2
Vue/gabarit.php
View File

@ -599,7 +599,7 @@ $activeChildId = $menuData['child'];
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<!-- Application Scripts --> <!-- Application Scripts -->
<script src="/Js/fonctions.js?ver=2025.12.30.09"></script> <script src="/Js/fonctions.js?ver=2025.12.30.10"></script>
<?php if (est_anglophone()): ?> <?php if (est_anglophone()): ?>
<script src="/Js/datepicker-eng.js"></script> <script src="/Js/datepicker-eng.js"></script>