p209327/nlnieuws
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update app

Browse Source
This commit is contained in:
Peter Kleiweg
2026-04-22 12:35:58 +02:00
parent eda2c71b62
commit c6c2abb387
8 changed files with 74 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
cmd/data2json/data2json.go
View File

@@ -44,8 +44,8 @@ type Value struct {
var (
sources = map[string]string{
"Algemeen": "algemeen",
"Groningen": "groningen",
"Amsterdam": "AT5",
"Groningen": "groningen",
"Literatuur": "literatuur",
"Vlaanderen": "VRT",
}

1
www/DATA-2026-16-1.json Normal file
View File

File diff suppressed because one or more lines are too long

1
www/DATA-2026-16-4.json Normal file
View File

File diff suppressed because one or more lines are too long

36
www/app.html
View File

@@ -13,7 +13,7 @@
<body>
<div class="title">
<h1>Woord van de maand</h1>
terugkijkend over vier weken
<p>terugkijkend over vier weken</p>
</div>
<div class="form">
<form name="choice">
@@ -30,18 +30,18 @@
id="rsAlgemeen"
value="Algemeen" />
<label for="rsAlgemeen">Algemeen</label><br />
<input
type="radio"
name="rSource"
id="rsGroningen"
value="Groningen" />
<label for="rsGroningen">Groningen</label><br />
<input
type="radio"
name="rSource"
id="rsAmsterdam"
value="Amsterdam" />
<label for="rsAmsterdam">Amsterdam</label><br />
<input
type="radio"
name="rSource"
id="rsGroningen"
value="Groningen" />
<label for="rsGroningen">Groningen</label><br />
<input
type="radio"
name="rSource"
@@ -55,7 +55,9 @@
value="Vlaanderen" />
<label for="rsVlaanderen">Vlaanderen</label><br />
<input type="radio" name="rSource" id="rsAlles" value="alles" />
<label for="rsAlles">alles</label><br />
<label for="rsAlles"
>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</label
>
</td>
<td>
@@ -76,14 +78,22 @@
<input type="radio" name="rPart" id="rpA" value="andere namen" />
<label for="rpA">andere namen</label><br />
<input type="radio" name="rPart" id="rpAll" value="alles" />
<label for="rpAll">alles</label><br />
<label for="rpAll"
>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</label
>
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center">
<p>to do: selecteer een periode</p>
<p>
<button type="button" onclick="kies()">
&mdash; kies &mdash;
</button>
</p>
</td>
</tr>
</table>
<p>to do: selecteer een periode</p>
<p>
<button type="button" onclick="kies()">kies</button>
</p>
</form>
</div>
<div class="title">

39
www/app.js
View File

@@ -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('&', '&amp;')
@@ -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()

1
www/index1.json Normal file
View File

@@ -0,0 +1 @@
["2026-16", "2026-15", "2026-14", "2026-13", "2026-12", "2026-11", "2026-10"]

1
www/index4.json Normal file
View File

@@ -0,0 +1 @@
["2026-16", "2026-15", "2026-14", "2026-13", "2026-12", "2026-11", "2026-10"]

30
www/style2.css
View File

@@ -14,14 +14,14 @@ html {
body {
border: 0px;
margin: 0px;
padding: 0px 0px 1em 0px;
padding: 0px 0px 2em 0px;
color: black;
background-color: #fcfffc;
}
.main {
margin: 2em 0px 0px 0px;
padding: 0.4em 0.2em;
margin: 1em 0px 0px 0px;
padding: 0px 0.2em;
width: 100%;
overflow-x: auto;
}
@@ -34,7 +34,6 @@ body {
.title {
text-align: center;
padding-bottom: 4em;
}
h1 {
@@ -118,16 +117,35 @@ table table td > div {
}
.form {
margin: 0px auto;
width: 100%;
margin: 2em auto 0px auto;
text-align: center;
line-height: 150%;
}
table.choice {
padding-top: 1em;
margin: 0px auto;
border: 1px solid #62757f;
}
table.choice td {
vertical-align: top;
text-align: left;
padding: 0.4em 1.2em;
}
label {
cursor: pointer;
}
label:hover {
text-decoration: underline;
}
#data {
background-color: inherit;
transition: all 200ms linear;
}
#data.fade {
background-color: #ffa54f;
transition: all 20ms linear;
}