Skip to content

Aanpassen form 27 - #91

Open
Kitkatisvibing wants to merge 6 commits into
mainfrom
aanpassen-form-27
Open

Aanpassen form 27#91
Kitkatisvibing wants to merge 6 commits into
mainfrom
aanpassen-form-27

Conversation

@Kitkatisvibing

Copy link
Copy Markdown
Collaborator

Wat is er veranderd?

Het schade formulier, alles hiervan behalve de server.js

Bij welke issue hoort deze pull request?

Link de issue(s), bijvoorbeeld: #27
Is deze issue hiermee ook opgelost? Nee, er is nog geen server.js code om het functioneel te maken


Hoe wil je dat dit gereviewd wordt?

Geef aan waar reviewers op moeten letten, bijvoorbeeld:

  • Focus op logica / functionaliteit
  • Check code structuur
  • Let op styling / UI
  • Specifieke bestanden of onderdelen

Eventuele live link, screenshot of bronnen:

RAPPE Principles

  • User test
  • Accessibility test
  • Progressive Enhancement test
  • Performance test
  • Responsive Design test
  • Device test
  • Browser test

Hoe heb je deze site getest?

Beschrijf hoe je hebt getest, bijvoorbeeld:

ik heb getest op accessibility

@JulianDavelaar

Copy link
Copy Markdown
Collaborator

top! ziet er goed uit! ik heb wel een paar dingetjes met de styling gevonden

image

de kleur van naam is anders dan die 2 eronder, ook staat er 'naam aanpasser' het is minder verwarrend als je dit houdt op 'naam'

@JulianDavelaar JulianDavelaar left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

voor de rest alles top! vooral die try/catch&finally vind ik heel nice!

Comment thread views/aanpassen.liquid
{% block content %}
<main>
<form class="form aanpassen" action="/instrumenten/{{ instrument.key }}/aanpassen" method="post">
<legend>instrument aanpassen</legend>

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

legend is alleen geldig binnen

zonder dat is het geen geldige HTML en werkt het niet in alle browsers.
je kan de velden wrappen in een fieldset of H2 gebruiken.

Comment thread views/aanpassen.liquid
</label>

<label>wijzig merk
<input type="text" name="merk" placeholder="Nieuw merk">

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

je input names kloppen niet met de API, merk is bijv: 'brand'
Check https://fdnd-agency.directus.app/items/preludefonds_instruments voor de juiste field names. tenzij je in je server route gebruik maakt van: { brand: request.body.merk } maar dat is verwarrend.

Comment thread views/aanpassen.liquid

// Succes state
aanpassenBtn.classList.remove("loading")
aanpassenBtn.textContent = "✅ Aanpassing is doorgevoerd!"

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

je succes state heeft nog geen reset, als de JS wel zou werken en iemand zou de succes state krijgen dan blijft ie staan op "✅ Aanpassing is doorgevoerd!" je kan een simpele 'setTimeout' erbij zetten van 2 seconden zodat hij altijd terug gaat.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants