Implement "Add Activity" Modal Dialogue on Home Profile Page

[brylie]

Introduction Add an "Add Activity" feature on the Home profile page, to be implemented as a modal dialogue with a form.

Detailed Description

• The "Add Activity" button will be placed in the upper right corner of the Home profile page.
• On click, a Bootstrap 5 modal dialogue will appear, containing a Django form for the Activity model.
• Form fields:
  • resident: Multi-select for residents with active residencies (use Select2 for enhanced UI).
  • activity_type: Single-select dropdown, options from ActivityTypeChoices.
  • activity_date: Datetime field with a calendar widget.
  • duration_minutes: Positive integer field for activity duration in minutes.
  • caregiver_role: Select widget, options from CaregiverRoleChoices.
• Buttons:
  • "Save": Green button to submit form, POST request to Django view, redirect to Home profile on success.
  • "Cancel": Blue button to close the modal without action.
• Additional UI elements:
  • Small 'X' button in the upper right of the modal to dismiss it.

Use Case

• Streamlines the process of logging activities by caregivers.
• Enhances data accuracy and efficiency in activity tracking.

Technical Considerations

• Form field names should match the actual model field names in the Activity model.
• The Django view handling the form submission must require user authentication.
• Ensure POST method is used for form submission with proper CSRF protection.
• Modal and form must be responsive and accessible on various devices and screen sizes.
• The modal dialogue approach is chosen to give the user the feeling of being on the same page, thus providing a convenient user experience.

Alternatives Considered

• N/A, as the modal dialogue is a standard for form submissions in the current design pattern.

Additional Context

• Consistent UI/UX design with existing modals in the project.
• Bootstrap 5 and Select2 should be used to maintain design uniformity and enhance user experience.

[brylie]

Closing this since we have the "global" Add Activity form.