Week 5 - ROEL2407/cmda-smoelenboek GitHub Wiki
De laatste week waren het de puntjes op de I zetten.
Ik ben begonnen met bugs te fixen binnen de pop-up zoals het open laten staan van een pop-up als een andere docent geklikt wordt.
Idle timer
Ik ben een deel van mijn maandag ook bezig geweest met een timer die kijkt hoelang er geen interactie is gemaakt met het prototype/bord. Als deze timer van 5 minuten afloopt, gaat het prototype terug naar de homepagina. Dit wilde de opdrachtgever zodat een persoon niet eerst naar de hoofdpagina hoeft te gaan als degene daarvoor allang weg is. Naar mijn mening is dit een heel goed idee en wilde ik dit er ook graag in hebben. Na wat zoekwerk en meerdere dingen proberen heb ik de volgende code gebruikt:
// // timeout to go back to home
function idleKick() {
const idleDurationSecs = 300; // X number of seconds
const redirectUrl = '/'; // Redirect idle users to this URL
let idleTimeout; // variable to hold the timeout, do not modify
const resetIdleTimeout = function() {
// Clears the existing timeout
if(idleTimeout) clearTimeout(idleTimeout);
// Set a new idle timeout to load the redirectUrl after idleDurationSecs
idleTimeout = setTimeout(() => location.href = redirectUrl, idleDurationSecs * 1000);
};
// Init on page load
resetIdleTimeout();
// Reset the idle timeout on any of the events listed below
['click', 'touchstart', 'mousemove'].forEach(evt =>
document.addEventListener(evt, resetIdleTimeout, false)
);
}
idleKick();
Dinsdag ben ik weer verder gegaan met bugs fixen. Deze dag hadden Marloes en ik zo ingepland dat we deze dag zouden testen op school maar niet in de problemen zouden komen qua tijd mochten er zich grote problemen voor doen. Gelukkig viel dat alles mee en hadden we tijd om verder te werken.
Ook heb ik de achtergrondkleur nog veranderd van het prototype aangezien dit erg fel was op een groot scherm. Ik heb dit veranderd naar een donkergrijze kleur zodat deze nog in de CMD huisstijl past maar ook de omgeving meeneemt van de medialounge waar het scherm gaat staan.
Woensdag heb ik gebruikt om echte docentnamen en betere foto's in het CMS te zetten. Daarnaast waren er een paar kleine bugs die gefixt moesten worden.
Aan het einde van deze week zag het prototype er zo uit: Home
Pop-up
Catalog
Detail
Filter
Filter en search gecombineerd
Search