Aangvraag subsidie v1
Veld dat de eerste keer getoond wordt om in te vullen - 1 formulier veld voor de container
.form-field-container
.is-undecided --> nog geen VALIDATIE (zelfde als er nog geen classe van dit type op staat)
.can-edit --> editeerbaar door deze persoon (RECHTEN can-edit / can-change-status / can-comment)
.can-comment --> commenteerbaar door deze persoon (RECHTEN)
.is-edit-mode --> momenteel in edit mode (MODUS: is-edit-mode / is-status-mode / is-message-mode )
.is-filling-in --> (ROLE is-filling-in / is-reviewing)
Veld dat eerste keer getoond wordt - als men op help duwt
Na clicken op .form-label-help : injecteer de .form-help in de .form-row-form (onderaan)
+ JS animatie height 0->final
+ gelijktijdig JS animatie opacity 0 -> 1
animatie omdraaien en element verwijderen na clicken op .form-help-close
Veld verkeerd ingevuld
Error bestaat uit twee delen (optimaal)
1. wat is er juist fout gedaan (zeg niet dat het hun fout is, maar het systeem kan niet om met deze input (of iets dergelijk)
2. hoe kan je het oplossen
.form-field-container
- .is-undecided + .is-wrong --> VALIDATIE foutief
+ injecteer .form-validation in de .form-row-form (onderaan, maar boven .form-help als die open staat)
+ wijzig de .form-field-feedback-status-current met de text & title van deze code
Veld verkeerd ingevuld & form info open
beide cases in vooorgaande voorbeelden uitgelegd
Veld juist ingevuld
.form-field-container
- .is-undecided (of - .is-wrong) + .is-right --> VALIDATIE juist
- indien er een .form-validation in de .form-row-form staat, verwijder deze
+ wijzig de .form-field-feedback-status-current met de text & title van deze code
Gebruiker wilt een vraag stellen
.form-field-container
- .is-edit-mode & + is-message-mode --> momenteel in message mode (MODUS: is-edit-mode / is-review-mode)
injecteer de message form code
Vraag is verstuurd
.form-field-container
+ .is-edit-mode & - is-message-mode --> momenteel terug in default mode (MODUS: is-edit-mode / is-review-mode)
verijder de message form code
zet nieuw aantal in .form-field-feedback-message-number
zet het bericht in de history
Meerdere velden in 1 container + checkbox styling
Stuk code met veel comments (moest ik iets vergeten zijn)