Task #141
Updated by Varsha N 9 days ago
MODULE: Profile Settings Navigation: Login → Sidebar (Bottom) → Profile Settings 🎯 TASK OBJECTIVE: Create a Profile Settings page accessible from the bottom of the sidebar. The profile page must allow: View & update personal details View username (non-editable) View email (non-editable) Update first name Update last name Upload / update enterprise logo (stored in enterprise_master) FRONTEND IMPLEMENTATION: Sidebar Update At the bottom of the sidebar add: Profile Settings (With icon — user/settings icon) Must stay fixed at bottom. Profile Settings Page UI: Page Layout: Section 1 — User Information Fields: Username (readonly) Email (editable) First Name (editable) Last Name (editable) Save Button Section 2 — Enterprise Settings Fields: Enterprise Name (readonly) enterprise address (readonly) phone number Enterprise Logo (upload input) Preview existing logo Update Logo button UI Requirements Section 2 — User Information Fields: ✔ Clean card layout Username (readonly) Email (editable) First Name (editable) Last Name (editable) Save Button change password option ✔ Logo preview (circle or square display) ✔ File upload supports image only ✔ Max file size validation ✔ Success message after save logo: image file Rules: ✔ Accept only JPG / PNG ✔ Max 2MB ✔ Save under /media/enterprise_logo/ ✔ Rename file as enterprise_id.png SECURITY RULES: ✔ User cannot change username ✔ User cannot change enterprise_id ✔ User cannot edit other enterprise data ✔ Only authenticated users allowed FLOW: User clicks Profile Settings Frontend loads profile data User updates details Save Backend validates and updates Success message shown If logo updated → refresh preview COMPLETION CRITERIA ✔ Sidebar bottom profile link working ✔ Profile data loads correctly ✔ Username readonly ✔ Email editable ✔ First & last name editable ✔ Logo upload working ✔ Enterprise logo saved correctly ✔ Only logged-in user can access ✔ UI clean and responsive