openstamanager/modules/stato_servizi/widgets/spazio_utilizzato.php

151 lines
4.6 KiB
PHP
Executable File

<?php
include_once __DIR__.'/../../../core.php';
$module = Modules::get('Stato dei servizi');
echo '
<script src="'.ROOTDIR.'/assets/dist/js/chartjs/Chart.min.js"></script>';
// Operazioni JavaScript
echo '
<script>
function formatBytes(a,b=2){if(0===a)return"0 Bytes";const c=0>b?0:b,d=Math.floor(Math.log(a)/Math.log(1024));return parseFloat((a/Math.pow(1024,d)).toFixed(c))+" "+["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][d]}
$(document).ready(function() {
$.ajax({
url: globals.rootdir + "/actions.php",
type: "get",
data: {
id_module: '.$module->id.',
op: "sizes",
},
success: function(data) {
data = JSON.parse(data);
crea_grafico(data);
}
});
});
function crea_grafico(values){
var ctx = $("#chart");
$data = [];
$labels = [];
values.forEach(function(element) {
$data.push(element.size);
//Segnalazione se sul server sembrano mancare file rispetto a quanto previsto a DB
if (element.dbSize!==""){
if (element.size<element.dbSize){
var diff = (element.dbSize-element.size);
if (diff>1000){
$("#message").append("<div class=\"label label-warning\" ><i class=\"fa fa-exclamation-triangle\" aria-hidden=\"true\"></i> "+formatBytes(diff)+" di file mancanti per allegati.</div><br>");
}
}
}
//Segnalazione se sul server sembrano mancare file rispetto a quanto previsto a DB
if (element.dbCount!==""){
if (element.count<element.dbCount){
var diff = (element.dbCount-element.count);
$("#message").append("<div class=\"label label-warning\" ><i class=\"fa fa-exclamation-triangle\" aria-hidden=\"true\"></i> "+diff+" di file mancanti per allegati.</div><br>");
}
}
//Numero di file in Allegati per estensione
if (element.dbExtensions.length > 0){
$("#message").append("<p><b>Top 10 allegati:</b></p>");
element.dbExtensions.forEach(function(extension) {
$("#message").append("<div class=\"label label-info\" ><i class=\"fa fa-file\" aria-hidden=\"true\"></i> <b>"+extension["NUM"]+"</b> file con estensione <b>"+extension["EXTENSION"]+"</b>.</div><br>");
});
}
$labels.push(element.description + " (" + element.formattedSize + ")" + " [" + element.count + "]" )
});
options = {
legend: {
display: true,
position: "right"
},
animation:{
animateScale: true,
animateRotate: true,
},
tooltips: {
callbacks: {
title: function(tooltipItem, data) {
return data["labels"][tooltipItem[0]["index"]];
},
label: function(tooltipItem, data) {
//return data["datasets"][0]["data"][tooltipItem["index"]];
var dataset = data["datasets"][0];
var percent = Math.round((dataset["data"][tooltipItem["index"]] / dataset["_meta"][0]["total"]) * 100)
return "(" + percent + "%)";
},
afterLabel: function(tooltipItem, data) {
//var dataset = data["datasets"][0];
//var percent = Math.round((dataset["data"][tooltipItem["index"]] / dataset["_meta"][0]["total"]) * 100)
//return "(" + percent + "%)";
}
},
backgroundColor: "#fbfbfb",
titleFontSize: 12,
titleFontColor: "#000",
bodyFontColor: "#444",
bodyFontSize: 10,
displayColors: true
}
};
data = {
datasets: [{
data: $data,
backgroundColor: [
\'rgba(255, 99, 132, 0.2)\',
\'rgba(54, 162, 235, 0.2)\',
\'rgba(255, 206, 86, 0.2)\',
\'rgba(75, 192, 192, 0.2)\',
\'rgba(153, 102, 255, 0.2)\',
\'rgba(255, 159, 64, 0.2)\'
],
borderColor: [
\'rgba(255, 99, 132, 1)\',
\'rgba(54, 162, 235, 1)\',
\'rgba(255, 206, 86, 1)\',
\'rgba(75, 192, 192, 1)\',
\'rgba(153, 102, 255, 1)\',
\'rgba(255, 159, 64, 1)\'
],
}],
labels: $labels,
};
var chart = new Chart(ctx, {
type: "pie",
data: data,
options: options
});
}
</script>
<div id="message" class="pull-right"></div>
<div class="chart-container" style="width:35em;">
<canvas id="chart"></canvas>
</div>';