update app

www/app.js

@@ -1,4 +1,4 @@
-var dates = ['2026-15', '2026-14', '2026-13', '2026-12', '2026-11', '2026-10']
+var dates
 
 var parts = [
   'nieuwe namen',
@@ -9,10 +9,14 @@ var parts = [
   'andere namen',
 ]
 
-var sources = ['Algemeen', 'Groningen', 'Amsterdam', 'Literatuur', 'Vlaanderen']
+var sources = ['Algemeen', 'Amsterdam', 'Groningen', 'Literatuur', 'Vlaanderen']
 
 var data = new Map()
 
+function sleep(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms))
+}
+
 function getJSON(url) {
   return new Promise(function (resolve, reject) {
     var xhr = new XMLHttpRequest()
@@ -30,15 +34,6 @@ function getJSON(url) {
   })
 }
 
-async function getData(week) {
-  /*
-  if (data.has(week)) {
-    return
-  }
-  */
-  data[week] = await getJSON('DATA-' + week + '-4.json')
-}
-
 function escape(s) {
   return s
     .replace('&', '&')
@@ -54,7 +49,6 @@ function makeTD(title, values) {
   h3.appendChild(txt)
   td.appendChild(h3)
   const tab = document.createElement('table')
-  console.log(values)
 
   var max
   for (var i = 0; i < 20; i++) {
@@ -165,20 +159,31 @@ async function loadWeken(source, part) {
   document.getElementById('data').innerHTML = d.innerHTML
 }
 
-function kies() {
+async function kies() {
   let source = document.forms['choice']['rSource'].value
   let part = document.forms['choice']['rPart'].value
-  console.log(source)
-  console.log(part)
   if ((source == 'alles' || source == '') && (part == 'alles' || part == '')) {
     alert('Kies een bron en/of een onderdeel')
-  } else if (source == 'alles' || source == '') {
+    return
+  }
+
+  const dd = document.getElementById('data')
+  dd.classList.add('fade')
+  await sleep(20)
+
+  if (source == 'alles' || source == '') {
     loadPart(part, dates[0])
   } else if (part == 'alles' || part == '') {
     loadSource(source, dates[0])
   } else {
     loadWeken(source, part)
   }
+  dd.classList.remove('fade')
 }
 
-loadSource('Algemeen', dates[0])
+async function init() {
+  dates = await getJSON('index4.json')
+  loadSource('Algemeen', dates[0])
+}
+
+init()