My Profile

🎬 Simulate:

Personal Information

First Name

Khamphet

Last Name

Phongsavanh

Contact Information

khamphet.p@doe.la

Mobile Number

+856-20-5551-2345

Edit

Screen Flow (from flow.puml):

→ clicks Edit → Edit Staff Profile → [exit]

📝 Spec notes — UC-IDP.11 / SCR-IDP.46 (fields, actions, requirements)

Identity

Screen: SCR-IDP.46 — View Staff Profile
Use case: UC-IDP.11 — Update Staff Profile

Brief description

The Staff Profile View page displays the profile information of the currently logged-in staff member (Program Administrator or Super Administrator) in read-only mode, showing the most recently saved data immediately after a successful edit from SCR-IDP.45, along with a temporary success notification banner. All fields are read-only. The staff member may click "Edit" at any time to return to SCR-IDP.45.

Fields

save_success_notice "Profile updated successfully" — text · no data_ref · read-only · visible when param.save_success == true (auto-hides after 5 s or on dismiss)
photo "Profile Photo" — file · StaffProfile.photo · read-only · always visible (rendered as initials avatar placeholder in prototype)
firstname "First Name" — text · User.firstname · read-only · always visible
lastname "Last Name" — text · User.lastname · read-only · always visible
email "Email" — text · StaffProfile.email · read-only · always visible
mobile "Mobile Number" — phone · StaffProfile.mobile · read-only · always visible

Actions

edit "Edit" — always enabled · triggers UC-IDP.11-M-1 → navigates to SCR-IDP.45

Additional requirements

When navigating from a successful save (UC-IDP.11-M-3), display a temporary success banner — auto-hide after 5 seconds or when the user dismisses it manually. [refs: —]