73 lines
2.4 KiB
JavaScript
73 lines
2.4 KiB
JavaScript
/*addHook(() => {
|
|
|
|
})*/
|
|
|
|
const Kilobyte = 1024;
|
|
const Megabyte = Kilobyte * 1024;
|
|
const Gigabyte = Megabyte * 1024;
|
|
const Terabyte = Gigabyte * 1024;
|
|
const Petabyte = Terabyte * 1024;
|
|
|
|
function convertByteUnit(bytes) {
|
|
if(bytes >= Petabyte) return Math.ceil(bytes / Petabyte) + "PB";
|
|
else if(bytes >= Terabyte) return Math.ceil(bytes / Terabyte) + "TB";
|
|
else if(bytes >= Gigabyte) return Math.ceil(bytes / Gigabyte) + "GB";
|
|
else if(bytes >= Megabyte) return Math.ceil(bytes / Megabyte) + "MB";
|
|
else if(bytes >= Kilobyte) return Math.ceil(bytes / Kilobyte) + "KB";
|
|
return bytes;
|
|
}
|
|
|
|
// TODO: Fully localise this
|
|
// TODO: Load rawLabels and seriesData dynamically rather than potentially fiddling with nonces for the CSP?
|
|
function buildStatsChart(rawLabels, seriesData, timeRange, legendNames, bytes = false) {
|
|
console.log("buildStatsChart");
|
|
let labels = [];
|
|
let aphrases = phraseBox["analytics"];
|
|
if(timeRange=="one-year") {
|
|
labels = [aphrases["analytics.now"],"1" + aphrases["analytics.months_short"]];
|
|
for(let i = 2; i < 12; i++) {
|
|
labels.push(i + aphrases["analytics.months_short"]);
|
|
}
|
|
} else if(timeRange=="three-months") {
|
|
labels = [aphrases["analytics.now"],"3" + aphrases["analytics.days_short"]]
|
|
for(let i = 6; i < 90; i = i + 3) {
|
|
labels.push(i + aphrases["analytics.days_short"]);
|
|
}
|
|
} else if(timeRange=="one-month") {
|
|
labels = [aphrases["analytics.now"],"1" + aphrases["analytics.days_short"]];
|
|
for(let i = 2; i < 30; i++) {
|
|
labels.push(i + aphrases["analytics.days_short"]);
|
|
}
|
|
} else if(timeRange=="one-week") {
|
|
labels = [aphrases["analytics.now"]];
|
|
for(let i = 2; i < 14; i++) {
|
|
if (i%2==0) labels.push("");
|
|
else labels.push(Math.floor(i/2) + aphrases["analytics.days"]);
|
|
}
|
|
} else {
|
|
for(const i in rawLabels) {
|
|
let date = new Date(rawLabels[i]*1000);
|
|
console.log("date: ", date);
|
|
let minutes = "0" + date.getMinutes();
|
|
let label = date.getHours() + ":" + minutes.substr(-2);
|
|
console.log("label:", label);
|
|
labels.push(label);
|
|
}
|
|
}
|
|
labels = labels.reverse()
|
|
for(let i = 0; i < seriesData.length; i++) {
|
|
seriesData[i] = seriesData[i].reverse();
|
|
}
|
|
|
|
let config = {height: '250px', plugins:[]};
|
|
if(legendNames.length > 0) config.plugins = [
|
|
Chartist.plugins.legend({legendNames: legendNames})
|
|
];
|
|
if(bytes) config.plugins.push(Chartist.plugins.byteUnits());
|
|
Chartist.Line('.ct_chart', {
|
|
labels: labels,
|
|
series: seriesData,
|
|
}, config);
|
|
}
|
|
|
|
runInitHook("analytics_loaded"); |