119 lines
4.2 KiB
JavaScript
119 lines
4.2 KiB
JavaScript
var chartAnz;
|
|
|
|
function showStatistics() {
|
|
$("#customersDropDown").val($("#customersDropDown option").eq(0).val());
|
|
$("#zeiterfassung").css("display", "none");
|
|
$("#KalenderNavigation").css("display", "none");
|
|
$("#Kalender").css("display", "none");
|
|
$("#klienten").css("display", "none");
|
|
$("#colorRibbon").css("background-color", "#04b4d0");
|
|
$("#UnterschriftBereich").css("display", "none");
|
|
$("#Statistics").css("display", "none");
|
|
$("#SupportStatistik").css("display", "block");
|
|
|
|
var supportConceptOid = $("#scDropDown").val();
|
|
|
|
if(supportConceptOid >= 0) {
|
|
$("#StatisticUberschrift").html('Hilfeplan Statistik: ' + $('#scDropDown option[value=\'' + supportConceptOid + '\']').text());
|
|
loadSupportConceptStatistics(supportConceptOid);
|
|
} else {
|
|
$("#StatisticUberschrift").html("Hilfeplan Statistik: Es wurde kein Hilfeplan ausgewählt");
|
|
|
|
statisticDesign(0, 0);
|
|
|
|
$("#LegendStatistic2").val(0);
|
|
$("#LegendStatistic1").val(0);
|
|
}
|
|
}
|
|
|
|
function statisticDesign(wert1, wert2, string1, string2) {
|
|
var data = [
|
|
{
|
|
value: wert1,
|
|
color: "#00FF00",
|
|
highlight: "#99FF00",
|
|
label: string1
|
|
},
|
|
{
|
|
value: wert2,
|
|
color: "#F7464A",
|
|
highlight: "#FF5A5E",
|
|
label: string2
|
|
}];
|
|
|
|
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 ctx = $("#myChart").get(0).getContext("2d");
|
|
|
|
if(chartAnz != null) {
|
|
chartAnz.destroy();
|
|
}
|
|
|
|
chartAnz = new Chart(ctx).Doughnut(data, options);
|
|
}
|
|
|
|
function loadSupportConceptStatistics(oid) {
|
|
$.ajax({
|
|
type: "GET",
|
|
url: loadStatisticsUrl,
|
|
data: { oid: oid },
|
|
success: function(jsonServiceRecord) {
|
|
var supportConceptStatistics = $.parseJSON(jsonServiceRecord);
|
|
|
|
var provided = supportConceptStatistics.MinutesProvidedThisWeek;
|
|
var approved = supportConceptStatistics.MinutesApprovedPerWeek;
|
|
var freePerWeek = supportConceptStatistics.MinutesFreePerWeekAverage;
|
|
|
|
var providedTotal = supportConceptStatistics.MinutesProvidedTotalRounded;
|
|
var approvedTotal = supportConceptStatistics.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 prozent = 0;
|
|
|
|
if (approvedTotal > 0) {
|
|
prozent = (providedTotal / approvedTotal) * 100;
|
|
}
|
|
if (prozent > 100) {
|
|
prozent = 100;
|
|
}
|
|
|
|
//statisticDesign(80, 20, "Frei (in %)", "Verbraucht (in %)");
|
|
statisticDesign(100 - prozent, prozent, "Frei (in %)", "Verbraucht (in %)");
|
|
|
|
$("#supportConceptStatisticsProvided").html('Geleistet diese Woche/Gesamt: ' + provided + ' / ' + providedTotal);
|
|
$("#supportConceptStatisticsApproved").html('Bewilligt pro Woche/Gesamt: ' + approved + ' / ' + approvedTotal);
|
|
$("#supportConceptStatisticsFree").html('Frei pro Woche(Ø)/Gesamt: ' + freePerWeek + ' / ' + freePerWeekTotal);
|
|
}
|
|
});
|
|
}
|