🏠 Overview › 🎯 Features ›🎯 Contact Detail & Edit Screen

Contact Detail & Edit Screen

Feature Detail

medium complexity extracted Contact & Peer Mentor Management Confidence: 100%
9
Components
198
Shared
21
User Stories
Yes
Analyzed

Description

Displays full profile information for a contact or peer mentor, including relevant metadata such as affiliation, role, and activity history. Coordinators and admins can navigate to an edit screen to update contact information. The detail screen serves as the primary entry point for understanding a contact's status and history. For Blindeforbundet, this screen must also show assignment status (open, pending, completed) and support encrypted field display with read-receipt confirmation. NHF requires handling contacts affiliated with up to 5 local chapters simultaneously, with clear affiliation display to prevent double-reporting.

Analysis

Business Value

Enables accurate record-keeping and reduces coordination errors. Critical for organizations like NHF with complex multi-chapter membership structures, and for Blindeforbundet's encrypted assignment workflow.

Implementation Notes

Edit screen should use AppTextField and custom fields table widgets. Multi-chapter affiliation for NHF requires a multi-select or tagged chip UI. Encrypted fields (Blindeforbundet) need a separate display layer with read-receipt write-back to Supabase. Validate all fields client-side before save.

Components (207)

User Interface (4)

ui Assignment Status Indicator low ui Contact Detail Screen medium ui Edit Contact Screen medium ui Encrypted Field Display Widget high

Service Layer (3)

service Contact Detail Service medium service Contact Edit Service medium service Read Receipt Service medium

Data Layer (1)

data Assignment Repository low

Infrastructure (1)

infrastructure Field Encryption Utilities high

Shared Components

These components are reused across multiple features

User Interface (59)

ui Role Switch Widget medium Shared ui Role-Aware Bottom Navigation medium Shared ui Activity Type Selection Screen low Shared ui Speech-to-Text Field Overlay medium Shared ui Receipt Capture Widget medium Shared ui Peer Mentor Single Selector low Shared ui Proxy Audit Badge Widget low Shared ui Export Period Picker low Shared ui Contact Card Widget low Shared ui Contact Search Bar low Shared ui Peer Mentor Card Widget low Shared ui Activity History List low Shared ui Multi-Chapter Affiliation Chip Widget medium Shared ui Certification Status Badge low Shared ui Duplicate Activity Warning Dialog medium Shared ui Mentor Multi-Select Widget medium Shared ui Map Filter Panel medium Shared ui Claim Status Badge low Shared ui Export Date Range Picker low Shared ui Custom Date Range Picker low Shared ui Duplicate Activity Warning Dialog low Shared ui Proxy Activity Form medium Shared ui Proxy Peer Mentor Selector medium Shared ui Expected Return Date Picker low Shared ui Pause Activation Screen low Shared ui Pause Status Indicator low Shared ui Admin KPI Stat Widget low Shared ui Organisation Hierarchy Navigator high Shared ui Bufdir Period Selector Widget low Shared ui Export History List medium Shared ui Activity Type Donut Chart medium Shared ui Monthly Activity Bar Chart medium Shared ui Statistics Period Filter Bar low Shared ui Statistics Summary Cards low Shared ui Notification Badge Widget low Shared ui Certificate Expiry Status Indicator low Shared ui Animated Stat Card Widget medium Shared ui In-App Notification Banner low Shared ui Accessible Modal Sheet Widget high Shared ui Live Region Announcer medium Shared ui Semantics Wrapper Widget medium Shared ui Sensitive Field Warning Dialog high Shared ui Confirm Before Submit Screen medium Shared ui Inline Contextual Help Widget low Shared ui Labelled Navigation Bar low Shared ui Plain Language Error Display low Shared ui Single-Action Screen Layout medium Shared ui Wizard Progress Indicator low Shared ui Accessible Text Style System medium Shared ui Accessible Touch Target Wrapper low Shared ui Contrast-Safe Color Palette Widget medium Shared ui Accessible Bottom Navigation Bar medium Shared ui Modal Close Button low Shared ui Persistent Back Button low Shared ui Vertical Scroll Container low Shared ui Organization Card Widget low Shared ui Terminology-Aware Text Widget low Shared ui FeatureGate Widget low Shared ui Chapter Switcher medium Shared

Service Layer (52)

service Authentication Service medium Shared service Authentication Session Manager medium Shared service Biometric Authentication Service medium Shared service Biometric Authentication Service medium Shared service Biometric Authentication Service medium Shared service Permission Checker Service medium Shared service Role State Manager medium Shared service No-Access Route Guard low Shared service Activity Type Metadata Resolver low Shared service Chapter Scope Resolver medium Shared service Organisation Hierarchy Resolver medium Shared service Coordinator Notification Service medium Shared service Duplicate Activity Detection Service high Shared service Mentor Filter Service low Shared service Receipt Threshold Validator low Shared service Approval Status Notification Service medium Shared service Threshold Evaluation Service medium Shared service Declaration Encryption Service high Shared service Organization Feature Flag Service low Shared service Participant Deduplication Service high Shared service Reporting Period Service medium Shared service Activity Attribution Service low Shared service Proxy Duplicate Detection Service medium Shared service Pause Management Service medium Shared service Pause Notification Service medium Shared service Admin Export Service medium Shared service Admin Row-Level Security Guard high Shared service Organisation Hierarchy Service high Shared service User Management Service high Shared service Role Access Validator low Shared service Peer Mentor Stats Aggregator medium Shared service Push Notification Dispatcher medium Shared service Notification Preference Service low Shared service Scenario Deep-Link Router medium Shared service Scenario Notification Content Builder medium Shared service Badge Criteria Integration medium Shared service Activity Summary Aggregator low Shared service Focus Management Service medium Shared service Screen Reader Detection Service medium Shared service Sensitive Field Privacy Guard high Shared service Plain Language Content Service medium Shared service Wizard State Manager medium Shared service Tab State Manager medium Shared service Organization Route Guard medium Shared service Tenant Context Service high Shared service Label Key Resolver Service low Shared service Organization Labels Notifier medium Shared service FeatureFlagProvider (Riverpod) medium Shared service Access Scope Service high Shared service Hierarchy Aggregation Service high Shared service Hierarchy Service high Shared service Unit Assignment Service medium Shared

Data Layer (33)

data Authentication Repository low Shared data Auth Token Store low Shared data Secure Session Storage low Shared data Activity Type Cache Provider medium Shared data Receipt Storage Adapter medium Shared data Proxy Contact List Provider low Shared data Contact Repository medium Shared data Contact Detail Repository medium Shared data Peer Mentor Repository low Shared data Mentor Status Repository low Shared data Contact Chapter Repository medium Shared data Contact Cache Sync Repository low Shared data Organisation Rate Configuration Repository low Shared data Multi-Organization Data Isolator medium Shared data Bufdir Aggregation Repository low Shared data Report File Storage Client low Shared data Certification Status Repository low Shared data Peer Mentor Status Repository medium Shared data Statistics Cache Manager low Shared data In-App Notification Repository low Shared data Pause Status Record Repository low Shared data Activity Aggregation Repository medium Shared data Notification Preferences Repository low Shared data Scenario Notification Repository medium Shared data Sensitive Field Configuration low Shared data Error Message Registry low Shared data Help Content Registry low Shared data Wizard Draft Repository low Shared data Design Token Provider medium Shared data Organization Repository medium Shared data Terminology Local Cache Adapter low Shared data Organization Unit Repository high Shared data Unit Assignment Repository medium Shared

Infrastructure (54)

infrastructure Keyboard-Aware Layout Utility low Shared infrastructure Supabase Auth Client low Shared infrastructure Deep Link / OAuth Redirect Handler medium Shared infrastructure Secure Storage Adapter low Shared infrastructure Supabase Session Manager medium Shared infrastructure URL Launcher Utility low Shared infrastructure Local Storage Adapter low Shared infrastructure Supabase Activity Client low Shared infrastructure Organization Labels Provider low Shared infrastructure Supabase Client low Shared infrastructure Organisation Field Config Loader medium Shared infrastructure Speech-to-Text Adapter medium Shared infrastructure File Download Handler low Shared infrastructure Duplicate Reviewed Flag Middleware low Shared infrastructure Contact RLS Query Builder low Shared infrastructure Contact Form Validator low Shared infrastructure Design Token Theme low Shared infrastructure Organization Labels Provider low Shared infrastructure Supabase Client Provider low Shared infrastructure Search Debounce Utility low Shared infrastructure Expense Type Analytics Tracker low Shared infrastructure Receipt Image Picker Integration low Shared infrastructure CSV / JSON File Generator medium Shared infrastructure Coordinator Role Guard low Shared infrastructure Nightly Job Scheduler medium Shared infrastructure Supabase RLS Policy Configuration high Shared infrastructure Export File Storage Adapter low Shared infrastructure Supabase Storage Adapter low Shared infrastructure Peer Mentor Pause Management Service medium Shared infrastructure Push Notification Service medium Shared infrastructure fl_chart Adapter medium Shared infrastructure Push Notification Service low Shared infrastructure FCM Push Notification Sender medium Shared infrastructure FCM Notification Dispatcher medium Shared infrastructure Push Notification Dispatcher medium Shared infrastructure Supabase Realtime Subscription Service medium Shared infrastructure Organisation Data Isolation Guard low Shared infrastructure Push Notification Dispatcher medium Shared infrastructure Deep Link Handler medium Shared infrastructure QR Code Generator low Shared infrastructure Share Sheet Bridge low Shared infrastructure Semantics Service Facade medium Shared infrastructure Accessibility Design Token Enforcer medium Shared infrastructure Accessible Theme Builder medium Shared infrastructure Navigation Route Configuration medium Shared infrastructure Accessibility Live Region Announcer low Shared infrastructure Feature Flag Provider low Shared infrastructure Secure Storage Adapter low Shared infrastructure Supabase RLS Tenant Scope Configurator medium Shared infrastructure Label Key Registry low Shared infrastructure Terminology Riverpod Providers low Shared infrastructure WCAG Semantics Label Resolver low Shared infrastructure Feature Flag Key Constants low Shared infrastructure RLS Policy Manager high Shared

User Stories (21)

Review Peer Mentor Activity History on Contact Detail
high 5 pts

As a As a Peer Mentor (Likeperson)

I want to scroll through a peer mentor's complete activity history directly from their contact detail screen, with filtering by date range and activity type

So that I can monitor engagement levels, identify inactive peer mentors who may need follow-up, and verify that activities have been registered correctly before submitting Bufdir reports

Acceptance Criteria
  • Given I am on the contact detail screen, When I scroll to the activity history section, Then I see a list of activities sorted by date descending, showing activity type, date, duration, and chapter
  • Given the contact has more than 20 activity records, When I scroll to the bottom of the history list, Then the next page of records loads automatically (infinite scroll pagination)
  • Given I am viewing the activity history, When I tap the time window selector, Then I can choose from preset options (Last 30 days, Last 6 months, This year, Custom) and the list filters accordingly
  • +3 more
View Full Story →
Navigate Between Contact Detail and Peer Mentor Detail Views
high 5 pts

As a As a Peer Mentor (Likeperson)

I want to seamlessly switch between the general contact detail view and the dedicated peer mentor detail view for contacts who have the peer mentor role

So that I can access both generic contact information and peer mentor-specific information such as certification status, assigned contacts list, and mentor activity summary from a single entry point

Acceptance Criteria
  • Given I am on the contact detail screen for a contact with the peer mentor role, When the screen loads, Then a 'Peer Mentor Profile' tab or button is visible in addition to the standard contact detail tab
  • Given I tap the peer mentor profile tab, When the peer mentor detail screen loads, Then I see the peer mentor profile header showing name, photo placeholder, and current certification status badge
  • Given the peer mentor's certification expires within 30 days, When the peer mentor detail view loads, Then a certification alert banner is displayed at the top with the expiry date and a prompt to renew
  • +3 more
View Full Story →
Manage Multi-Chapter Affiliations for a Contact
high 8 pts

As a As a Peer Mentor (Likeperson)

I want to view and modify which chapters a peer mentor is affiliated with, including adding or removing chapter memberships

So that I can correctly reflect a peer mentor's organizational scope and ensure their activities are attributed to the right chapters without creating duplicate reporting

Acceptance Criteria
  • Given I am on the contact detail screen, When the contact belongs to 3 chapters, Then 3 affiliation chips are displayed, each showing the chapter name and a distinct color indicator
  • Given I am in edit mode, When I tap the chapter affiliations panel, Then I can see a chapter assignment editor listing all available chapters with checkboxes for the current affiliations
  • Given I am adding a chapter affiliation, When I select a new chapter and save, Then the multi-chapter membership service validates the addition does not exceed the maximum allowed chapters (5) and persists the change
  • +3 more
View Full Story →
View Encrypted Sensitive Fields with Access Logging
high 8 pts

As a As a Peer Mentor (Likeperson)

I want to access encrypted sensitive personal information (such as personal ID numbers and medical context notes) on a contact record, with explicit consent steps and full access logging

So that I can fulfill my coordination duties that require personal data while ensuring the organization meets GDPR compliance and can audit who accessed sensitive information and when

Acceptance Criteria
  • Given I am on the contact detail screen, When I view a field containing encrypted personal data, Then the field displays a masked placeholder value and a lock icon instead of the raw data
  • Given I tap an encrypted field, When the sensitive field warning dialog appears, Then it clearly states which field I am about to view and that access will be logged
  • Given I confirm access to an encrypted field, When the decryption completes, Then the actual value is displayed inline for the duration of my session on that screen only
  • +3 more
View Full Story →
Review Peer Mentor Activity History on Contact Detail
high 5 pts

As a As a Coordinator

I want to scroll through a peer mentor's complete activity history directly from their contact detail screen, with filtering by date range and activity type

So that I can monitor engagement levels, identify inactive peer mentors who may need follow-up, and verify that activities have been registered correctly before submitting Bufdir reports

Acceptance Criteria
  • Given I am on the contact detail screen, When I scroll to the activity history section, Then I see a list of activities sorted by date descending, showing activity type, date, duration, and chapter
  • Given the contact has more than 20 activity records, When I scroll to the bottom of the history list, Then the next page of records loads automatically (infinite scroll pagination)
  • Given I am viewing the activity history, When I tap the time window selector, Then I can choose from preset options (Last 30 days, Last 6 months, This year, Custom) and the list filters accordingly
  • +3 more
View Full Story →
Navigate Between Contact Detail and Peer Mentor Detail Views
high 5 pts

As a As a Coordinator

I want to seamlessly switch between the general contact detail view and the dedicated peer mentor detail view for contacts who have the peer mentor role

So that I can access both generic contact information and peer mentor-specific information such as certification status, assigned contacts list, and mentor activity summary from a single entry point

Acceptance Criteria
  • Given I am on the contact detail screen for a contact with the peer mentor role, When the screen loads, Then a 'Peer Mentor Profile' tab or button is visible in addition to the standard contact detail tab
  • Given I tap the peer mentor profile tab, When the peer mentor detail screen loads, Then I see the peer mentor profile header showing name, photo placeholder, and current certification status badge
  • Given the peer mentor's certification expires within 30 days, When the peer mentor detail view loads, Then a certification alert banner is displayed at the top with the expiry date and a prompt to renew
  • +3 more
View Full Story →
Manage Multi-Chapter Affiliations for a Contact
high 8 pts

As a As a Coordinator

I want to view and modify which chapters a peer mentor is affiliated with, including adding or removing chapter memberships

So that I can correctly reflect a peer mentor's organizational scope and ensure their activities are attributed to the right chapters without creating duplicate reporting

Acceptance Criteria
  • Given I am on the contact detail screen, When the contact belongs to 3 chapters, Then 3 affiliation chips are displayed, each showing the chapter name and a distinct color indicator
  • Given I am in edit mode, When I tap the chapter affiliations panel, Then I can see a chapter assignment editor listing all available chapters with checkboxes for the current affiliations
  • Given I am adding a chapter affiliation, When I select a new chapter and save, Then the multi-chapter membership service validates the addition does not exceed the maximum allowed chapters (5) and persists the change
  • +3 more
View Full Story →
View Encrypted Sensitive Fields with Access Logging
high 8 pts

As a As a Coordinator

I want to access encrypted sensitive personal information (such as personal ID numbers and medical context notes) on a contact record, with explicit consent steps and full access logging

So that I can fulfill my coordination duties that require personal data while ensuring the organization meets GDPR compliance and can audit who accessed sensitive information and when

Acceptance Criteria
  • Given I am on the contact detail screen, When I view a field containing encrypted personal data, Then the field displays a masked placeholder value and a lock icon instead of the raw data
  • Given I tap an encrypted field, When the sensitive field warning dialog appears, Then it clearly states which field I am about to view and that access will be logged
  • Given I confirm access to an encrypted field, When the decryption completes, Then the actual value is displayed inline for the duration of my session on that screen only
  • +3 more
View Full Story →
Review Peer Mentor Activity History on Contact Detail
high 5 pts

As a As a Organization Administrator

I want to scroll through a peer mentor's complete activity history directly from their contact detail screen, with filtering by date range and activity type

So that I can monitor engagement levels, identify inactive peer mentors who may need follow-up, and verify that activities have been registered correctly before submitting Bufdir reports

Acceptance Criteria
  • Given I am on the contact detail screen, When I scroll to the activity history section, Then I see a list of activities sorted by date descending, showing activity type, date, duration, and chapter
  • Given the contact has more than 20 activity records, When I scroll to the bottom of the history list, Then the next page of records loads automatically (infinite scroll pagination)
  • Given I am viewing the activity history, When I tap the time window selector, Then I can choose from preset options (Last 30 days, Last 6 months, This year, Custom) and the list filters accordingly
  • +3 more
View Full Story →
Navigate Between Contact Detail and Peer Mentor Detail Views
high 5 pts

As a As a Organization Administrator

I want to seamlessly switch between the general contact detail view and the dedicated peer mentor detail view for contacts who have the peer mentor role

So that I can access both generic contact information and peer mentor-specific information such as certification status, assigned contacts list, and mentor activity summary from a single entry point

Acceptance Criteria
  • Given I am on the contact detail screen for a contact with the peer mentor role, When the screen loads, Then a 'Peer Mentor Profile' tab or button is visible in addition to the standard contact detail tab
  • Given I tap the peer mentor profile tab, When the peer mentor detail screen loads, Then I see the peer mentor profile header showing name, photo placeholder, and current certification status badge
  • Given the peer mentor's certification expires within 30 days, When the peer mentor detail view loads, Then a certification alert banner is displayed at the top with the expiry date and a prompt to renew
  • +3 more
View Full Story →
Manage Multi-Chapter Affiliations for a Contact
high 8 pts

As a As a Organization Administrator

I want to view and modify which chapters a peer mentor is affiliated with, including adding or removing chapter memberships

So that I can correctly reflect a peer mentor's organizational scope and ensure their activities are attributed to the right chapters without creating duplicate reporting

Acceptance Criteria
  • Given I am on the contact detail screen, When the contact belongs to 3 chapters, Then 3 affiliation chips are displayed, each showing the chapter name and a distinct color indicator
  • Given I am in edit mode, When I tap the chapter affiliations panel, Then I can see a chapter assignment editor listing all available chapters with checkboxes for the current affiliations
  • Given I am adding a chapter affiliation, When I select a new chapter and save, Then the multi-chapter membership service validates the addition does not exceed the maximum allowed chapters (5) and persists the change
  • +3 more
View Full Story →
View Encrypted Sensitive Fields with Access Logging
high 8 pts

As a As a Organization Administrator

I want to access encrypted sensitive personal information (such as personal ID numbers and medical context notes) on a contact record, with explicit consent steps and full access logging

So that I can fulfill my coordination duties that require personal data while ensuring the organization meets GDPR compliance and can audit who accessed sensitive information and when

Acceptance Criteria
  • Given I am on the contact detail screen, When I view a field containing encrypted personal data, Then the field displays a masked placeholder value and a lock icon instead of the raw data
  • Given I tap an encrypted field, When the sensitive field warning dialog appears, Then it clearly states which field I am about to view and that access will be logged
  • Given I confirm access to an encrypted field, When the decryption completes, Then the actual value is displayed inline for the duration of my session on that screen only
  • +3 more
View Full Story →
View Full Contact Profile with Assignment Status
critical 5 pts

As a As a Peer Mentor (Likeperson)

I want to open a contact's detail screen and see their full profile including assignment status, chapter affiliations, and activity history

So that I can quickly assess a peer mentor's current engagement and workload before making decisions about new assignments

Acceptance Criteria
  • Given I am a coordinator on the contact list screen, When I tap any contact card, Then the contact detail screen opens within 500ms showing the contact's name, role badge, and assignment status indicator
  • Given I am on the contact detail screen, When the contact belongs to multiple chapters, Then multi-chapter affiliation chips are displayed horizontally scrollable below the profile header
  • Given I am on the contact detail screen, When I scroll to the activity history section, Then a list of the last 20 activity registrations is displayed with date, type, and duration
  • +3 more
View Full Story →
Edit Contact Information with Validation
critical 5 pts

As a As a Peer Mentor (Likeperson)

I want to edit a contact's profile information including name, phone number, address, and notes, with real-time validation feedback

So that I can keep contact records accurate and up-to-date without requiring IT support or administrator intervention

Acceptance Criteria
  • Given I am on the contact detail screen, When I tap the edit button, Then the edit contact screen opens with all current field values pre-populated
  • Given I am on the edit contact screen, When I clear a required field and tap outside it, Then a plain-language error message appears beneath that field
  • Given I am editing a phone number field, When I enter an invalid Norwegian phone number format, Then the field shows an inline validation error before I attempt to save
  • +3 more
View Full Story →
Access Contact Detail Screen with Full Accessibility Support
critical 5 pts

As a As a Peer Mentor (Likeperson)

I want to use the contact detail and edit screens with full screen reader support, adequate touch targets, and plain-language labels on all interactive elements

So that coordinators with visual or motor impairments can fully use the contact management features without barriers, in compliance with the WCAG 2.2 AA requirements mandated by all partner organizations

Acceptance Criteria
  • Given a coordinator uses VoiceOver (iOS) or TalkBack (Android), When they navigate the contact detail screen, Then every interactive element is announced with a meaningful semantic label including the contact's name, field values, and action buttons
  • Given a coordinator uses the edit contact screen with a screen reader, When a validation error appears on a field, Then a live region announcement is triggered informing the user of the specific error without requiring them to refocus
  • Given any button or tappable element on the contact detail or edit screens, When I inspect its rendered size, Then it meets the minimum 44×44 points touch target requirement
  • +3 more
View Full Story →
View Full Contact Profile with Assignment Status
critical 5 pts

As a As a Coordinator

I want to open a contact's detail screen and see their full profile including assignment status, chapter affiliations, and activity history

So that I can quickly assess a peer mentor's current engagement and workload before making decisions about new assignments

Acceptance Criteria
  • Given I am a coordinator on the contact list screen, When I tap any contact card, Then the contact detail screen opens within 500ms showing the contact's name, role badge, and assignment status indicator
  • Given I am on the contact detail screen, When the contact belongs to multiple chapters, Then multi-chapter affiliation chips are displayed horizontally scrollable below the profile header
  • Given I am on the contact detail screen, When I scroll to the activity history section, Then a list of the last 20 activity registrations is displayed with date, type, and duration
  • +3 more
View Full Story →
Edit Contact Information with Validation
critical 5 pts

As a As a Coordinator

I want to edit a contact's profile information including name, phone number, address, and notes, with real-time validation feedback

So that I can keep contact records accurate and up-to-date without requiring IT support or administrator intervention

Acceptance Criteria
  • Given I am on the contact detail screen, When I tap the edit button, Then the edit contact screen opens with all current field values pre-populated
  • Given I am on the edit contact screen, When I clear a required field and tap outside it, Then a plain-language error message appears beneath that field
  • Given I am editing a phone number field, When I enter an invalid Norwegian phone number format, Then the field shows an inline validation error before I attempt to save
  • +3 more
View Full Story →
Access Contact Detail Screen with Full Accessibility Support
critical 5 pts

As a As a Coordinator

I want to use the contact detail and edit screens with full screen reader support, adequate touch targets, and plain-language labels on all interactive elements

So that coordinators with visual or motor impairments can fully use the contact management features without barriers, in compliance with the WCAG 2.2 AA requirements mandated by all partner organizations

Acceptance Criteria
  • Given a coordinator uses VoiceOver (iOS) or TalkBack (Android), When they navigate the contact detail screen, Then every interactive element is announced with a meaningful semantic label including the contact's name, field values, and action buttons
  • Given a coordinator uses the edit contact screen with a screen reader, When a validation error appears on a field, Then a live region announcement is triggered informing the user of the specific error without requiring them to refocus
  • Given any button or tappable element on the contact detail or edit screens, When I inspect its rendered size, Then it meets the minimum 44×44 points touch target requirement
  • +3 more
View Full Story →
View Full Contact Profile with Assignment Status
critical 5 pts

As a As a Organization Administrator

I want to open a contact's detail screen and see their full profile including assignment status, chapter affiliations, and activity history

So that I can quickly assess a peer mentor's current engagement and workload before making decisions about new assignments

Acceptance Criteria
  • Given I am a coordinator on the contact list screen, When I tap any contact card, Then the contact detail screen opens within 500ms showing the contact's name, role badge, and assignment status indicator
  • Given I am on the contact detail screen, When the contact belongs to multiple chapters, Then multi-chapter affiliation chips are displayed horizontally scrollable below the profile header
  • Given I am on the contact detail screen, When I scroll to the activity history section, Then a list of the last 20 activity registrations is displayed with date, type, and duration
  • +3 more
View Full Story →
Edit Contact Information with Validation
critical 5 pts

As a As a Organization Administrator

I want to edit a contact's profile information including name, phone number, address, and notes, with real-time validation feedback

So that I can keep contact records accurate and up-to-date without requiring IT support or administrator intervention

Acceptance Criteria
  • Given I am on the contact detail screen, When I tap the edit button, Then the edit contact screen opens with all current field values pre-populated
  • Given I am on the edit contact screen, When I clear a required field and tap outside it, Then a plain-language error message appears beneath that field
  • Given I am editing a phone number field, When I enter an invalid Norwegian phone number format, Then the field shows an inline validation error before I attempt to save
  • +3 more
View Full Story →
Access Contact Detail Screen with Full Accessibility Support
critical 5 pts

As a As a Organization Administrator

I want to use the contact detail and edit screens with full screen reader support, adequate touch targets, and plain-language labels on all interactive elements

So that coordinators with visual or motor impairments can fully use the contact management features without barriers, in compliance with the WCAG 2.2 AA requirements mandated by all partner organizations

Acceptance Criteria
  • Given a coordinator uses VoiceOver (iOS) or TalkBack (Android), When they navigate the contact detail screen, Then every interactive element is announced with a meaningful semantic label including the contact's name, field values, and action buttons
  • Given a coordinator uses the edit contact screen with a screen reader, When a validation error appears on a field, Then a live region announcement is triggered informing the user of the specific error without requiring them to refocus
  • Given any button or tappable element on the contact detail or edit screens, When I inspect its rendered size, Then it meets the minimum 44×44 points touch target requirement
  • +3 more
View Full Story →