aboutsummaryrefslogtreecommitdiff
path: root/asset-sources/fietsboek.ts
diff options
context:
space:
mode:
authorDaniel Schadt <kingdread@gmx.de>2024-04-06 01:17:08 +0200
committerDaniel Schadt <kingdread@gmx.de>2024-04-06 01:17:08 +0200
commit8bb2d8c2cb9809b2c347b98c2ac24fa760233383 (patch)
tree22761c5a5ab493124000851f15c6e0d487cb0762 /asset-sources/fietsboek.ts
parent6e79fc2302660e29b6642a766012f1e0a6549fbb (diff)
downloadfietsboek-8bb2d8c2cb9809b2c347b98c2ac24fa760233383.tar.gz
fietsboek-8bb2d8c2cb9809b2c347b98c2ac24fa760233383.tar.bz2
fietsboek-8bb2d8c2cb9809b2c347b98c2ac24fa760233383.zip
implement basic version of profile graph
Diffstat (limited to 'asset-sources/fietsboek.ts')
-rw-r--r--asset-sources/fietsboek.ts43
1 files changed, 43 insertions, 0 deletions
diff --git a/asset-sources/fietsboek.ts b/asset-sources/fietsboek.ts
index 1073ae4..c34e3d4 100644
--- a/asset-sources/fietsboek.ts
+++ b/asset-sources/fietsboek.ts
@@ -9,6 +9,10 @@ interface JsonFriend {
id: number,
}
+interface YearSummary {
+ [index: string]: {[index: number]: number},
+}
+
interface Window {
fietsboekImageIndex: number,
fietsboekCurrentImage: HTMLDivElement | null,
@@ -470,6 +474,45 @@ function toggleTrackFavourite(event: MouseEvent) {
addHandler(".favourite-star", "click", toggleTrackFavourite);
+/**
+ * Load and plot the user's summary.
+ */
+function loadProfileStats() {
+ let monthNames: string[] = [];
+ let date = new Date(2000, 0);
+ for (let i = 0; i < 12; i++) {
+ monthNames.push(date.toLocaleString(LOCALE, {month: 'long'}));
+ date.setMonth(i + 1);
+ }
+
+ const url = new URL("/me/summary.json", window.location.href);
+ fetch(url)
+ .then(response => response.json())
+ .then((response: YearSummary) => {
+ let datasets = [];
+ for (const [year, months] of Object.entries(response)) {
+ let data = [];
+ for (let i = 1; i <= 12; ++i) {
+ data.push((i in months) ? (months[i] / 1000) : 0);
+ }
+ datasets.push({
+ data: data,
+ label: year,
+ })
+ }
+
+ new Chart(
+ "graph-month-summary",
+ {
+ type: "line",
+ data: {
+ datasets: datasets,
+ labels: monthNames,
+ },
+ },
+ );
+ });
+}
document.addEventListener('DOMContentLoaded', function() {
window.fietsboekImageIndex = 0;