Skip to Content

Wijzigen voor document Tekenveld

Laatst gewijzigd door Jeeves de Butler op 23-10-2026 02:42
Van versie 11.1
gewijzigd door Jeeves de Butler
op 20-10-2026 10:41
Opmerking bij wijziging: Er is geen opmerking bij deze versie
Naar versie 15.1
gewijzigd door Jeeves de Butler
op 23-10-2026 02:42
Opmerking bij wijziging: Er is geen opmerking bij deze versie

Samenvatting

Details

Paginaeigenschappen
Inhoud
... ... @@ -1,6 +1,6 @@
1 -Tekenveld op de startpagina van de Kennisbank: een bijna onzichtbaar veld van letters en cijfers achter de inhoud, met een muisspoor, hartslagringen, af en toe een rode ECG-lijn en een smiley bij een klik op de lege achtergrond. Vijf snelle klikken op de lege achtergrond geven een explosie; daarna komt het veld in een minuut terug. Rond feestdagen en herdenkingen (Sint-Maarten, Sinterklaas, Kerst, Nieuwjaar, Pasen, Koningsdag, 4 en 5 mei) neemt een seizoensthema het over, met de kalender uit Ember; ?tekenveld=kerst in de adresbalk toont een thema meteen. Het is hetzelfde veld als in Ember, in een rustige variant: het vervaagt naar het midden en ligt stil na een minuut zonder muis.
1 +Tekenveld op de startpagina en de inlogpagina van de Kennisbank: een bijna onzichtbaar veld van letters en cijfers achter de inhoud, met een muisspoor, hartslagringen, af en toe een rode ECG-lijn en een smiley bij een klik op de lege achtergrond. Vijf snelle klikken op de lege achtergrond geven een explosie; daarna komt het veld in een minuut terug. Rond feestdagen en herdenkingen (Sint-Maarten, Sinterklaas, Kerst, Nieuwjaar, Pasen, Koningsdag, 4 en 5 mei) neemt een seizoensthema het over, met de kalender uit Ember; ?tekenveld=kerst in de adresbalk toont een thema meteen. Het is hetzelfde veld als in Ember, in een rustige variant: het vervaagt naar het midden en ligt stil na een minuut zonder muis.
2 2  
3 -Het object //JavaScriptExtension// op deze pagina is de engine van Ember plus een korte opstart; het object //StyleSheetExtension// zet het canvas achter de inhoud. Beide staan op //onDemand// en worden alleen geladen door [[Startpagina>>doc:Wardenburg.Code.Startpagina]].
3 +Het object //JavaScriptExtension// op deze pagina is de engine van Ember plus een korte opstart; het object //StyleSheetExtension// zet het canvas achter de inhoud. Beide staan op //onDemand// en worden alleen geladen door [[Startpagina>>doc:Wardenburg.Code.Startpagina]] en, op de inlogpagina, door de lader [[TekenveldInloggen>>doc:Wardenburg.Code.TekenveldInloggen]].
4 4  
5 -Niet hier wijzigen: de bron staat in de skill xwiki-wardenburg-admin (map bron\tekenveld) en wordt gemaakt met maak-tekenveld.js. Uitzetten: de twee regels met //Wardenburg.Code.Tekenveld// van de startpagina weghalen. Zie het [[register van eigen aanpassingen>>doc:Wardenburg.Code.WebHome]].
5 +Niet hier wijzigen: de bron staat in de skill xwiki-wardenburg-admin (map bron\tekenveld) en wordt gemaakt met maak-tekenveld.js. Uitzetten: op de startpagina de twee regels met //Wardenburg.Code.Tekenveld// weghalen; op de inlogpagina de pagina TekenveldInloggen verwijderen. Zie het [[register van eigen aanpassingen>>doc:Wardenburg.Code.WebHome]].
6 6  
XWiki.JavaScriptExtension[0]
code
... ... @@ -1,5 +1,5 @@
1 1  /* Tekenveld voor de Kennisbank. Gemaakt met maak-tekenveld.js uit de skill xwiki-wardenburg-admin.
2 - Engine en seizoenen: Ember src/lib/glyphField.js en src/lib/glyphSeasons.js, commit c42b6fd.
2 + Engine en seizoenen: Ember src/lib/glyphField.js en src/lib/glyphSeasons.js, commit fdeea1a.
3 3   Niet hier wijzigen: pas de bron aan en maak opnieuw. */
4 4  (function () {
5 5  "use strict";
... ... @@ -3418,7 +3418,7 @@
3418 3418   return SEASONS.find((season) => season.klaar && inPeriod(date, season.rule)) || null;
3419 3419  }
3420 3420  
3421 -// Opstart van het tekenveld op de startpagina van de Kennisbank (Wardenburg.Code.Tekenveld).
3421 +// Opstart van het tekenveld op de startpagina en de inlogpagina van de Kennisbank (<Code>.Code.Tekenveld).
3422 3422  // maak-tekenveld.js zet dit achter de engine en de seizoenskalender van Ember; samen vormen ze de
3423 3423  // JavaScriptExtension. De engine (createGlyphField, glyphFieldSettings) en de kalender (seasonFor)
3424 3424  // komen ongewijzigd uit Ember.
... ... @@ -3431,7 +3431,8 @@
3431 3431   "select",
3432 3432   "textarea",
3433 3433   "label",
3434 - "form",
3434 + "form:not(#loginForm)",
3435 + "#loginForm .panel",
3435 3435   "summary",
3436 3436   "[role='button']",
3437 3437   "[role='dialog']",
... ... @@ -3445,8 +3445,8 @@
3445 3445  ].join(",");
3446 3446  
3447 3447  // De blokken van de startpagina; de hartslaglijn, de figuren, de vlag en de kroon kiezen bij voorkeur een
3448 -// plek waar die niet staan. De knoppen voor redacteuren (Wijzigen, Toevoegen) horen erbij.
3449 -const KB_BLOKKEN = ".wb-zoek > *, .wb-tegels li, .wb-home-onder, .navbar, .document-header .document-menu, .document-header .btn";
3449 +// plek waar die niet staan. De knoppen voor redacteuren (Wijzigen, Toevoegen) horen erbij, op de inlogpagina het inlogvak.
3450 +const KB_BLOKKEN = ".wb-zoek > *, .wb-tegels li, .wb-home-onder, .navbar, .document-header .document-menu, .document-header .btn, #loginForm .panel";
3450 3450  
3451 3451  // Na zoveel tijd zonder muis of aanraking ligt het veld stil (scheelt rekenwerk en
3452 3452  // beeldverkeer op de terminalserver); bij de eerste beweging loopt het weer.
... ... @@ -3460,8 +3460,8 @@
3460 3460  const KB_BOEM_DUUR_MS = 62000;
3461 3461  
3462 3462  function kbTekenveld() {
3463 - // Alleen op de startpagina; de extensie wordt ook alleen daar geladen.
3464 - if (!document.querySelector(".wb-home")) return;
3464 + // Alleen op de startpagina (twee laadregels) en de inlogpagina (de lader TekenveldInloggen); nooit twee keer.
3465 + if (!document.querySelector(".wb-home, #loginForm") || document.querySelector("canvas.kb-tekenveld")) return;
3465 3465  
3466 3466   // De Kennisbank heeft alleen een lichte stand; de engine leest die van <html>.
3467 3467   document.documentElement.setAttribute("data-appearance", "light");
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,5 +1,5 @@
1 -/* Tekenveld op de startpagina van de Kennisbank (Wardenburg.Code.Tekenveld); alleen geladen op
2 - de startpagina. Het canvas ligt achter de inhoud; de vlakken eromheen worden doorzichtig. */
1 +/* Tekenveld op de startpagina en de inlogpagina van de Kennisbank (<Code>.Code.Tekenveld); alleen daar
2 + geladen. Het canvas ligt achter de inhoud; de vlakken eromheen worden doorzichtig. */
3 3  
4 4  /* Kleuren voor de engine: de tekstkleur en het donkere oranje (brand-warning) uit het kleurthema;
5 5   de hartslaglijn in het rood van het thema (brand-danger). */
... ... @@ -46,6 +46,23 @@
46 46   background: radial-gradient(closest-side, rgba(255, 255, 255, .97) 62%, rgba(255, 255, 255, 0) 100%);
47 47  }
48 48  
49 +/* De footer laat het veld doorlopen; alleen de tekst houdt een rustige witte achtergrond.
50 + Ook op HEFAS, waar de footer anders een donkere balk is. */
51 +#footerglobal {
52 + background: transparent !important;
53 + border-top: 0 !important;
54 +}
55 +
56 +#footerglobal #xwikiplatformversion {
57 + width: fit-content;
58 + margin: 0 auto;
59 + padding: 4px 16px;
60 + border-radius: 16px;
61 + background: #ffffff;
62 + box-shadow: 0 0 18px 12px #ffffff;
63 + color: #5f6368;
64 +}
65 +
49 49  .wb-home-onder {
50 50   background: #ffffff;
51 51   border-radius: 16px;