User-all page #27
Open
User-all page #27
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This contains all the neccasery files to work.
Jesse pull main
Rutger pull
favorites en favorites empty hebben een basic styling voor nu
favoriete pagina setup
Ik heb de animatie van de carousels in een gsap timeline gezet. Vervolgens heb ik er voor gezorgd dat de carousels een reverse functie hebben waardoor er ruimte is voor de details.
Ik heb een content wrapper gemaakt waardoor ik de layout kan veranderen wanneer de details op het scherm komen. Ook heb ik hiervoor class.toggles aangemaakt in javascript waardoor de functie nu zonder animatie werkt.
Ik heb ervoor gezorgd dat de detail functie nu werkt, en verschijnt wanneer de animatie afgerond is.
Ik heb er voor gezorgd dat de titel veranderd naar de titel van de details. Wanneer er op de knop details + wordt gedrukt.
…n ook te laten werken ik heb de HTML geschreven om de detail knoppen van favorieten en geleende boeken ook te laten werken. (id's van knoppen aangepast en de hidden classes neergezet)
Ik heb de CSS Klaargezet voor de details functie van favorites en borrowed books. Hiermee zorg ik dat ze standaard op display none staan, en wanneer active op grid.
Ik heb de JS gemaakt van de favorieten en geleende boeken waardoor die functie nu ook werkt.
de div details-container was onnodig dus bij deze weggehaald
Ik heb Buttons aangemaakt voor het sluiten van de details. Deze buttons zie je wanneer er een details geactiveerd is.
De opmaak van de details buttons was defect, dit kwam door een ongebruikte class. Ik heb op alle relevante buttons een nieuwe class gezet met de styling waardoor ze weer werken.
Ik heb de details sluiten knop een eigen opmaak gegeven
Ik heb in de javascript deactivate functies aangemaakt waardoor details nu ook gesloten kan worden. Ook heb ik een fout in de css opgelost waarbij ik perongeluk een dubbele grid aan had staan op favorites en borrowed books active. Voor de rest heb ik een closing tag gemaakt voor de section details item container ik had die perongeluk 2 keer geopend.
vernieuwde root
transition var
Details feature
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Ik heb de user-all page gemaakt waar de het hoofd van het abbonement inzicht kan krijgen in alle leden van zijn familie. Ik maak gebruik van de route
/user-all', rutger.css en het main.css bestand.In het EJS bestand,
user-all.ejs, maak ik eerst blokken aan in een loop waarna alle data wordt weergegeven voor elk familielid. Vervolgens wordt dit deels herhaald, maar uitgebreider in pop-over elemenenten per gebruiker.