99 lines
3.3 KiB
JavaScript
99 lines
3.3 KiB
JavaScript
function showPieChart() {
|
|
var cb2ScRelOid = parseInt($("#CostBearer2SupportConceptOid").val(), 10);
|
|
|
|
if (cb2ScRelOid === null || cb2ScRelOid === undefined) {
|
|
showMessagePopup("Hilfeplanstatistik", "Es wurde kein Hilfeplan ausgewählt");
|
|
return;
|
|
}
|
|
|
|
var customerInfo = $("#selectedSupportConceptCustomerInfo").html();
|
|
var selectedSupportConceptInfo = $("#selectedSupportConceptInfo").html();
|
|
|
|
$("#statistics-header").html("Hilfeplanstatistik: " + customerInfo + " | " + selectedSupportConceptInfo);
|
|
getSupportConceptStatistics(cb2ScRelOid);
|
|
}
|
|
|
|
function getSupportConceptStatistics(cb2ScRRelOid) {
|
|
var url = getLoadStatisticsUrl();
|
|
|
|
$.get(url, {oid: cb2ScRRelOid}).done(function(jsonObject) {
|
|
var scStatistics = $.parseJSON(jsonObject);
|
|
|
|
var provided = scStatistics.MinutesProvidedThisWeek;
|
|
var approved = scStatistics.MinutesApprovedPerWeek;
|
|
var freePerWeek = scStatistics.MinutesFreePerWeekAverage;
|
|
|
|
var providedTotal = scStatistics.MinutesProvidedTotalRounded;
|
|
var approvedTotal = scStatistics.MinutesApprovedTotal;
|
|
var freePerWeekTotal = approvedTotal - providedTotal;
|
|
|
|
provided = (provided / 60).toFixed(2);
|
|
approved = (approved / 60).toFixed(2);
|
|
freePerWeek = (freePerWeek / 60).toFixed(2);
|
|
|
|
providedTotal = (providedTotal / 60).toFixed(2);
|
|
approvedTotal = (approvedTotal / 60).toFixed(2);
|
|
freePerWeekTotal = (freePerWeekTotal / 60).toFixed(2);
|
|
|
|
var percentage = 0;
|
|
|
|
if (approvedTotal > 0) {
|
|
percentage = (providedTotal / approvedTotal) * 100;
|
|
}
|
|
|
|
if (percentage > 100) {
|
|
percentage = 100;
|
|
}
|
|
|
|
drawPieChart(100 - percentage, percentage, "Frei (in %)", "Verbraucht (in %)");
|
|
|
|
$("#provided-per-week-total-col").html(provided + " / " + providedTotal);
|
|
$("#approved-per-week-total-col").html(approved + " / " + approvedTotal);
|
|
$("#free-per-week-total-col").html(freePerWeek + " / " + freePerWeekTotal);
|
|
});
|
|
}
|
|
|
|
function drawPieChart(v1, v2, free, used) {
|
|
var data = [
|
|
{
|
|
value: v1,
|
|
color: "#00FF00",
|
|
highlight: "#99FF00",
|
|
label: free
|
|
},
|
|
{
|
|
value: v2,
|
|
color: "#F7464A",
|
|
highlight: "#FF5A5E",
|
|
label: used
|
|
}
|
|
];
|
|
|
|
var options = {
|
|
scaleShowLabelBackdrop: true,
|
|
scaleBackdropColor: "rgba(255,255,255,0.75)",
|
|
scaleBeginAtZero: true,
|
|
scaleBackdropPaddingY: 2,
|
|
scaleBackdropPaddingX: 2,
|
|
scaleShowLine: true,
|
|
segmentShowStroke: true,
|
|
segmentStrokeColor: "#fff",
|
|
segmentStrokeWidth: 1,
|
|
animationSteps: 1,
|
|
animationEasing: "easeOutBounce",
|
|
responsive: true,
|
|
animateRotate: false,
|
|
animateScale: false,
|
|
legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\">" +
|
|
"<% for (var i=0; i<segments.length; i++){%>" +
|
|
"<li>" +
|
|
"<span style=\"background-color:<%=segments[i].fillColor%>\"></span>" +
|
|
"<%if(segments[i].label){%><%=segments[i].label%><%}%>" +
|
|
"</li><%}%>" +
|
|
"</ul>"
|
|
};
|
|
|
|
var context = $("#statistic-canvas").get(0).getContext("2d");
|
|
|
|
new Chart(context).Pie(data, options);
|
|
} |