diverse aanpassingen

www/app.js

@@ -56,7 +56,7 @@ function makeTD(title, values) {
     if (i < values.length) {
       value = values[i]
     } else {
-      value = [0, '\xa0', '']
+      value = [0, '\xa0', '', '', '']
     }
     if (i == 0) {
       max = value[0]
@@ -68,9 +68,24 @@ function makeTD(title, values) {
         tr.classList.add('tags')
         t2 = '<br><small>' + escape(value[2]) + '</small>'
       }
+      var t3 = ''
+      if (value[3] && value[4]) {
+        t3 =
+          '<hr><small><em>lemma:</em> ' +
+          escape(value[3]) +
+          '<br><em>postag:</em> ' +
+          escape(value[4]) +
+          '</small>'
+      }
       tr.setAttribute(
         'onmouseover',
-        "tooltip.show('" + value[0] + ' \xa0 ' + escape(value[1]) + t2 + "')",
+        "tooltip.show('" +
+          value[0] +
+          ' \xa0 ' +
+          escape(value[1]) +
+          t2 +
+          t3 +
+          "')",
       )
       tr.setAttribute('onmouseout', 'tooltip.hide()')
     }
@@ -97,7 +112,7 @@ async function loadSource(source, week) {
   }
 
   document.getElementById('subtitle').innerHTML =
-    source + ' — ' + data[week].year + ' week ' + data[week].week
+    source + '<br>' + data[week].start + ' t/m ' + data[week].last
 
   const d = document.createElement('div')
   const tab = document.createElement('table')
@@ -118,7 +133,7 @@ async function loadPart(part, week) {
   }
 
   document.getElementById('subtitle').innerHTML =
-    part + ' — ' + data[week].year + ' week ' + data[week].week
+    part + '<br>' + data[week].start + ' t/m ' + data[week].last
 
   const d = document.createElement('div')
   const tab = document.createElement('table')
@@ -148,9 +163,7 @@ async function loadWeken(source, part) {
         data[week] = await getJSON('DATA-' + week + '-4.json')
       }
       var values = data[week][source][part]
-      tr.appendChild(
-        makeTD(data[week].year + ' week ' + data[week].week, values),
-      )
+      tr.appendChild(makeTD('t/m ' + data[week].last, values))
     }
   }
 

www/style2.css

@@ -146,6 +146,6 @@ label:hover {
   transition: all 200ms linear;
 }
 #data.fade {
-  background-color: #ffa54f;
+  background-color: #00fa9a;
   transition: all 20ms linear;
 }