User manual for common UI/UX revamp for employee screens
The user profile page allows users to manage user information. Users can add their own profile picture and can update their password from this page. The User Profile page provides common functionalities for both citizens and employees with some differences.
Employees can access the User Profile page by clicking on the Edit Profile icon at the top app bar.
Below are the fields employees can edit as per the given validation.
All content on this page by eGov Foundation is licensed under a Creative Commons Attribution 4.0 International License.
Field
Mandatory (Y/N)
Validation
Comments
Name
Yes
Only text characters are allowed. Max limit 60 characters
Currently citizen name is collected while signing up as well.
Clicking on this field allows users to edit the name. Citizen can change the name and click on the save button to update.
This field can be edited in the future as well.
Gender
No
Male
Female
Transgender
Others
Citizen can update gender. Click on the dropdown and select gender to update.
This field is editable in future as well.
No
Standard Email validation to be in place.
@ is mandatory
This field is editable as user starts clicking on email field.
Users can click on save to make changes.
This field can be edited in future as well.
Profile Picture
No
Max Size 1 MB
Recommended resolutions 110*110 or 180*180
Users can upload image from gallery or open front camera to click pitcure and upload.
Uploading picture replaces the image icon of the user.
Phone Number
NA
Non Editable
Non Editable
Change Password
NA
Password validation as per existing platform standards
User can change password by entering current password, new password and confirming new password.
Objective: The User Profile page is used to view or update user details like name, gender, email, phone number, and profile pic.
A user profile is created when the user registers the application for the first time.
Citizen: A citizen is a basic user who uses the application to perform basic tasks including
creating applications, properties, etc
viewing all applications, properties, etc
payments
Employee: An employee is a user linked to the organization and is more privileged than the citizen and can perform the following tasks
creating applications, properties, etc
viewing all applications, properties, etc
payments
and many more
Technical Implementations of the user profile code link: https://github.com/egovernments/DIGIT-Dev/blob/master/frontend/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/citizen/Home/UserProfile.js
API
ACTION ID
ROLES
/filestore/v1/files
PTCEMP, CITIZEN
/user/profile/_update
PTCEMP, CITIZEN
user/password/_update
ObOPTCEMP, CITIZEN
User manual for common UI/UX revamp for citizen screens
The User Profile page for citizens can be accessed by clicking on the Edit Profile icon in the app drawer. Click on the hamburger menu in the top bar on the app to open the app drawer.
Upload or remove profile picture
A user can upload or remove their profile picture by clicking on the camera icon available over the profile thumbnail.
Clicking on the camera icon displays the bottom drawer. Select the upload photo from the gallery or remove the profile picture option as required.
The user can upload a new photo or remove the old photo.
Update user details
Users can update their details by editing the required text fields on the User Profile page.
Values entered by the user must be valid.
Update user password (Only for employee users)
Users can also change the current password by providing
current password
new password
confirm password (must be same as new password entered)
Save changes
All changes are updated when the Save button is clicked.
Saving changes validates the fields and the status is shown in the toast messages.
User details are updated successfully.
All content on this page by eGov Foundation is licensed under a Creative Commons Attribution 4.0 International License.
User manual for common UI/UX revamp for employee city change screens
All content on this page by eGov Foundation is licensed under a Creative Commons Attribution 4.0 International License.
