Feature componenten

De map src/components/features bevat domeinspecifieke UI voor taken zoals authenticatie, projecten en e-mailbeheer. Onderstaande samenvatting geeft nieuwe ontwikkelaars een startpunt voor navigatie en documentatie.

Feature overzicht

Domein	Entry component(en)	Korte toelichting
Auth	`LoginForm.astro`, `ChallengeForm.astro`	User login, MFA en password reset flows.
Tenants	`TenantForm.astro`, `TenantTable.astro`	CRUD voor klantorganisaties.
Closures	`VkmForm.astro`, `SupportFileModal.astro`	Afsluit-workflows, eventfeeds en bestandslijsten.
Email editor	`EditorModal.astro`	Drag-and-drop email templates, zie sectie hieronder.
Mail	`MailForm.astro`, `TemplateSelect.astro`	Bulk mail samenstellen en versturen.
Projects	`ProjectForm.astro`, `ProjectOverview.astro`	Projectbeheer en statusoverzichten.
Recipients	`RecipientBulkUploadForm.astro`	Upload en beheer van ontvangerslijsten.
Stakeholders	`EventFeedStakeholder.astro`	Self-service dashboards voor stakeholders.
Users	`UserBulkForm.astro`, `UserTable.astro`	Gebruikersbeheer en CSV-import.

Email Editor

Email editor component gebaseerd op een fork van EmailBuilder.js met aanpassingen voor VEMAP:

Custom template storage - Database opslag via Backend API
Custom table block - Toegevoegd voor gestructureerde data
Template variables - VEMAP-specifieke variable support

EmailBuilder.js Docs

Dependencies

EmailBuilder.js - Core library
React - ^18.2.0 (Huidige implementatie)
TypeScript - ^5.0.0
Tailwind CSS - ^4.1.0
VEMAP Backend API - Template opslag
VEMAP Database - Template persistentie

File Structure

Directorycomponents/
- Directorydashboards/ - Dashboard componenten
  - …
- Directoryfeatures/
  - Directoryauth/
    ChallengeForm.astro
    ForgotPasswordForm.astro
    LoginForm.astro
    LogoutBtn.astro
    ResetPasswordForm.astro
  - Directorytenants/
    TenantForm.astro
    TenantTable.astro
    TenantTableRow.astro
  - Directoryclosures/
    Directoryevents/
    CommentEventCard.astro
    EventList.astro
    FileEventCard.astro
    MailEventCard.astro
    MailListEventCard.astro
    MajorEventCard.astro
    StakeholderEventCard.astro
    Directoryforms/
    AddStakeholderForm.astro
    ClosureForm.astro
    ManageMailListForm.astro
    VkmForm.astro
    Directorylists/
    FileList.astro
    FileListItem.astro
    MailList.astro
    MailListItem.astro
    StakeholderList.astro
    StakeholderListItem.astro
    UploadRecipientsPreviewList.astro
    UploadRecipientsPreviewListItem.astro
    SupportFileModal.astro
    VkmControlSection.astro
  - Directoryemail-editor/
    EditorModal.astro
    EditorClient.tsx
    email-builder-index.ts
    DirectoryApp/
    …
    DirectoryTemplatePanel/
    …
    DirectorySamplesDrawer/
    …
    DirectoryInspectorDrawer/
    …
    Directorylayout-blocks/
    …
    Directorydocuments/
    …
    Directoryrenderers/
    …
    Directoryblocks/
    …
    DirectoryReader/
    …
    DirectorygetConfiguration/
    …
    theme.ts
    voorbeeld output.html
  - Directorymail/
    MailForm.astro
    TemplateSelect.astro
    TemplateSelectItem.astro
  - Directoryprojects/
    ClosurePreview.astro
    ClosurePreviewListItem.astro
    ClosuresPreviewList.astro
    ProjectArchive.astro
    ProjectArchiveTable.astro
    ProjectCard.astro
    ProjectForm.astro
    ProjectManagersForm.astro
    ProjectOverview.astro
  - Directoryrecipients/
    RecipientBulkUploadForm.astro
  - Directorystakeholders/
    EventFeedStakeholder.astro
    StakeholderTaskList.astro
    StakeholderTaskListCard.astro
  - Directoryusers/
    UserBulkForm.astro
    UserForm.astro
    UserTable.astro
    UserTableRow.astro
- Directoryui/ - UI componenten
  - …