glenn/ua-userscripts
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

select-search: recent-blok voor elke dropdown, bipp-budgetcode levert het niet meer zelf

Browse Source 
Elke grote dropdown houdt nu zijn eigen vijf laatst gekozen waarden bij,
bovenaan de lijst onder de kopregel recent. Alles zit onder een
localStorage-sleutel, per veld, met een sleutel die uit name of id volgt
zodat rij 3 en rij 4 van hetzelfde veld één lijst delen. Delete haalt een
regel uit recent, en data-ss-recent="manual" plus window.selectSearch.remember()
is er voor wie pas mag onthouden nadat de server bevestigd heeft.

bipp-budgetcode gebruikt die weg en bouwt zijn eigen recent-optgroup dus
niet langer zelf.

Een optie zonder leesbare tekst telt voortaan als "niets gekozen", ook als
ze een waarde draagt, zoals de <option value="0">&nbsp;</option> van een
OAF-scherm. Zo'n regel stond eerst gewoon in de lijst; wie ze koos kreeg
haar daarna permanent als lege blauwe balk onder recent te zien.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Glenn Goossens
2026-09-01 16:59:22 +02:00
co-authored by Claude Opus 5
parent 4a9ea34649
commit b831ab9f1f
8 changed files with 437 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scripts/select-search/test/fixture.html
+35 -5
View File
@@ -23,6 +23,14 @@
<td><select id="fab" name="fabricaat" data-placeholder="fabricaat"></select></td></tr>
<tr><td><label for="groep">Met groepen</label></td>
<td><select id="groep" name="groep"></select></td></tr>
<tr><td><label for="ctl00_body_resultTable_ctl03_interfaceAccountList">Grootboek rij 3</label></td>
<td><select id="ctl00_body_resultTable_ctl03_interfaceAccountList"
name="ctl00$body$resultTable$ctl03$interfaceAccountList"></select></td></tr>
<tr><td><label for="ctl00_body_resultTable_ctl04_interfaceAccountList">Grootboek rij 4</label></td>
<td><select id="ctl00_body_resultTable_ctl04_interfaceAccountList"
name="ctl00$body$resultTable$ctl04$interfaceAccountList"></select></td></tr>
<tr><td><label for="oaf">OAF-stijl</label></td>
<td><select id="oaf" name="oaf"></select></td></tr>
<tr><td><label for="klein">Klein menu</label></td>
<td><select id="klein" name="klein">
<option value="">--</option><option>Ja</option><option>Nee</option>
@@ -74,14 +82,14 @@ function vulGroepen(sel){
leeg.value = ''; leeg.textContent = 'leverancier';
sel.appendChild(leeg);
var blokken = [
['recent', maak(3, 300)],
['favorieten', maak(3, 300)],
['alle leveranciers', maak(60, 700)]
];
blokken.forEach(function(blok){
var g = document.createElement('optgroup');
g.label = blok[0];
// Alleen recent mag met Delete uitgedund worden. Zo is de vlag hier ook echt getest.
if (blok[0] === 'recent') g.dataset.removable = '1';
// Alleen favorieten mag met Delete uitgedund worden. Zo is de vlag hier ook echt getest.
if (blok[0] === 'favorieten') g.dataset.removable = '1';
blok[1].forEach(function(o){
var e = document.createElement('option');
e.value = o.v; e.textContent = o.t;
@@ -92,8 +100,25 @@ function vulGroepen(sel){
}
vulGroepen(document.getElementById('groep'));
// De host beslist wat verwijderen betekent. Hier: de optie gaat uit recent en verhuist naar de
// tweede groep, net als het echte script met zijn recente budgetcodes doet.
// OAF schrijft zijn "niets gekozen" niet met een lege waarde maar met een spatie-optie die wel
// een waarde draagt. Die regel hoort niet in de lijst te staan (je kunt ze niet lezen en dus ook
// niet herkennen) en al helemaal niet in recent, maar het kruisje mag er wel op mikken.
function vulOaf(sel){
sel.innerHTML = '';
var leeg = document.createElement('option');
leeg.value = '0'; leeg.innerHTML = '&nbsp;';
sel.appendChild(leeg);
maak(40, 500).forEach(function(o){
var e = document.createElement('option');
e.value = o.v; e.textContent = o.t;
sel.appendChild(e);
});
}
vulOaf(document.getElementById('oaf'));
// De host beslist wat verwijderen betekent voor zijn eigen regels. Hier: de optie gaat uit
// favorieten en verhuist naar de tweede groep. Het recent-blok erboven beheert select-search
// zelf; Delete daarop komt hier dus niet langs.
document.getElementById('groep').addEventListener('select-search:remove', function(e){
var sel = e.currentTarget;
var weg = sel.options[e.detail.index];
@@ -104,6 +129,11 @@ document.getElementById('groep').addEventListener('select-search:remove', functi
sel.value = gekozen;
});
var rij3 = document.getElementById('ctl00_body_resultTable_ctl03_interfaceAccountList');
var rij4 = document.getElementById('ctl00_body_resultTable_ctl04_interfaceAccountList');
vul(rij3, 40, 200);
vul(rij4, 40, 200);
var lev = document.getElementById('lev'), fab = document.getElementById('fab');
function herlaad(){
var inclusief = document.getElementById('incl').checked;