opschonen www

www/app.js

@@ -1,5 +1,6 @@
 var dates
 var datesNr
+var countsWeek
 
 var parts = [
   'nieuwe namen',
@@ -29,6 +30,18 @@ function sleep(ms) {
   return new Promise((resolve) => setTimeout(resolve, ms))
 }
 
+function setCounts(week) {
+  if (week != countsWeek) {
+    countsWeek = week
+    var max = data[week].max
+    var pp = Object.entries(data[week].sources)
+    for (var i in pp) {
+      document.getElementById(pp[i][0]).style.width =
+        (pp[i][1] / max) * 100 + '%'
+    }
+  }
+}
+
 function getJSON(url) {
   return new Promise(function (resolve, reject) {
     var xhr = new XMLHttpRequest()
@@ -136,6 +149,7 @@ async function loadSource(source, week) {
   tab.appendChild(tr)
   d.appendChild(tab)
   idData.innerHTML = d.innerHTML
+  setCounts(week)
 }
 
 async function loadPart(part, week) {
@@ -156,6 +170,7 @@ async function loadPart(part, week) {
   tab.appendChild(tr)
   d.appendChild(tab)
   idData.innerHTML = d.innerHTML
+  setCounts(week)
 }
 
 async function loadWeken(source, part) {
@@ -180,6 +195,7 @@ async function loadWeken(source, part) {
   tab.appendChild(tr)
   d.appendChild(tab)
   idData.innerHTML = d.innerHTML
+  setCounts(dates[datesNr].week)
 }
 
 function locateWeek(date) {