Merge pull request #18 from kavi-kv/local-branch

Done user profile and update profile page

Author: ENG-CJ

assets/abdirahman_cj.jpeg

@@ -1,4 +1,6 @@
- import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:flutter/material.dart';
+import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:job_finder/views/components/user_profile.dart';
 
 ///Creates list of menus that routes different pages or different screens
 final  List<Map<String,dynamic>> menus=[
@@ -26,6 +28,12 @@ final  List<Map<String,dynamic>> menus=[
   {
     "menuIcon": FaIcon(FontAwesomeIcons.user),
     "menuTitle": "Profile",
-    "trailing": FaIcon(FontAwesomeIcons.angleRight)
+    "trailing": FaIcon(FontAwesomeIcons.angleRight),
+    "onClick" : (BuildContext context)  {
+      Navigator.push(
+        context ,
+        MaterialPageRoute(builder: (context) => const UserProfile()), // Navigate to ProfilePage
+      );
+    }
   }
 ];

assets/mo_ali.jpeg

@@ -9,4 +9,25 @@ const fullTime = "Full-time-job";
 const jobLevel = "Senior Level";
 const softSkillsTxt = "Soft Skills";
 //? -> Job Card Page
-const applyBtnTxt = "Details";
+const applyBtnTxt = "Details";
+
+//? -> Profile
+const tLogOut = "Logout";
+const tManagement = "User Management";
+const tSetting = "Settings";
+const tPrivacy = "Privacy";
+const tInfo = "Information";
+const tBookmark = "Bookmark";
+
+//? -> Profile Update
+const tFullname = "Full Name";
+const tEmail = "Email";
+const tPhone = "Phone No";
+const tCity = "City";
+const tProfession = "Profession";
+const tDOP = "Date Of Birth";
+const tLanguages = "Languages";
+const tOtherSkills= "Other Skills";
+const tBio= "bio";
+
+const tSaveBtn= "Save";

lib/consts/menus_list.dart

@@ -0,0 +1,59 @@
+import 'dart:convert';
+import 'package:job_finder/modals/Profile/profile_modal.dart';
+
+class UserProfileData {
+  static Profile mohamed = Profile(
+    userName: "Mohamed Ali Abdi",
+    userEmail: "dudu921@gmail.com",
+    phone: "+252613625352",
+    DOB: DateTime(1997, 7, 21),
+    professional: "Software Engineer",
+    bio: getBioById(1),
+    // imageUrl: "assets/mo_ali.jpeg"
+  );
+  static Profile abdirahman = Profile(
+    userName: "Abdirahman Haji ",
+    userEmail: "abdirah24@gmail.com",
+    phone: "613625352",
+    DOB: DateTime(2002, 1, 21),
+    professional: "Software Engineer",
+    languages: ['Somali','English'],
+    bio: getBioById(2),
+    // imageUrl: "assets/abdirahman_cj.jpeg",
+  );
+
+
+
+  static String getBioById(int id) {
+    // Read the JSON data from the file.
+    String jsonData = '''
+      {
+        "bio": [
+          {
+            "id": 1,
+            "bio": "Enthusiastic Tech Gig Learning Android and IOS Dev | Java Geek😎 | Dart⭐| C#(Winforms), Html&Css Javascrip(Reactjs🤩 and Nodejs) and last but not the when I'm not immersed in lines of code you'll find me outdoors, indulging in my love for Chess♟"
+          },
+          {
+            "id": 2,
+            "bio": "A passionate and innovative software engineer with a relentless curiosity for crafting efficient and elegant solutions to complex technical challenges."
+          },
+          {
+            "id": 3,
+            "bio": "..."
+          }
+        ]
+      }
+    ''';
+
+
+    Map<String, dynamic> data = json.decode(jsonData);
+
+    Map<String, dynamic> bioObject = data['bio'].firstWhere((bio) => bio['id'] == id, orElse: () => null);
+
+    if (bioObject != null) {
+      return bioObject['bio'];
+    } else {
+      return '';
+    }
+  }
+}

lib/consts/texts.dart

@@ -0,0 +1,24 @@
+
+class Profile{
+  String userName,userEmail,phone;
+  String? bio,city,professional,sex,imageUrl;
+  List<String>? otherSkills,languages;
+  DateTime? DOB;
+  // ui.Image? profileImage;
+
+  Profile({
+    required this.userName,
+    required this.userEmail,
+    required this.phone,
+    this.city,
+    this.professional,
+    this.sex,
+    this.bio,
+    this.DOB,
+    this.otherSkills,
+    this.languages,
+    this.imageUrl,
+    // this.profileImage
+});
+
+}

lib/data/user_profile_data.dart

@@ -5,6 +5,21 @@ class ProfileImage extends StatelessWidget {
   final Color? color;
   final String imagePath;
   final double? paddingAll;
+
+
+  const ProfileImage(
+      {super.key,
+      required this.imagePath,
+      this.color,
+      this.paddingAll,
+   });
+
+  @override
+  Widget build(BuildContext context) {
+    return CircleAvatar(
+      radius: 60,
+      backgroundColor: color ?? Colors.white,
+
   final bool asBackgroundImage;
   final double radius;
   const ProfileImage({
@@ -21,9 +36,12 @@ class ProfileImage extends StatelessWidget {
     return !asBackgroundImage?  CircleAvatar(
       radius: radius,
       backgroundColor: color??Colors.white,
+
       child: Padding(
-        padding:  EdgeInsets.all(paddingAll??8.0),
-        child: Image.asset(imagePath),
+        padding: EdgeInsets.all(paddingAll ?? 8.0),
+        child: Image.asset(
+          imagePath, height: 120,width: 120,
+        ),
       ),
     )
     :
@@ -34,4 +52,4 @@ class ProfileImage extends StatelessWidget {
     )
     ;
   }
-}
+}

lib/modals/Profile/profile_modal.dart

@@ -0,0 +1,62 @@
+import 'package:flutter/material.dart';
+import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:job_finder/util/helpers/text_helper.dart';
+import 'package:job_finder/util/text.dart';
+
+import '../../consts/colors.dart';
+
+class ProfileTile extends StatelessWidget {
+  const ProfileTile({
+    super.key,
+    required this.title,
+    required this.icon,
+    required this.onPress,
+    this.endIcon = true,
+    this.color,
+    required this.leadingIconColor,
+  });
+
+  final String title;
+  final IconData icon;
+  final VoidCallback onPress;
+  final bool endIcon;
+  final Color? color;
+  final Color? leadingIconColor;
+
+  @override
+  Widget build(BuildContext context) {
+    var isDark = MediaQuery.of(context).platformBrightness == Brightness.dark;
+    var iconColor = isDark ? colors['primary'] : colors['secondary'];
+    return ListTile(
+      shape: const StadiumBorder(),
+      onTap: onPress,
+      leading: Container(
+        width: 40,
+        height: 40,
+        decoration: BoxDecoration(
+            borderRadius: BorderRadius.circular(100),
+            color: colors['primary']?.withOpacity(0.1)),
+        child: Icon(icon,color: leadingIconColor,),
+      ),
+      title: CText(
+        text: title,
+        decorations: TextDecorations(
+            color: color != null ? color!.withOpacity(0.8) : iconColor!, fontSize: 18, weight: FontWeight.w400),
+      ),
+      trailing: endIcon
+          ? Container(
+        width: 30,
+        height: 30,
+        decoration: BoxDecoration(
+            borderRadius: BorderRadius.circular(100),
+            color: Colors.grey.withOpacity(0.1)),
+        child:  Icon(
+          FontAwesomeIcons.angleRight,
+          size: 18.0,
+          color: colors['primary'],
+        ),
+      )
+          : null,
+    );
+  }
+}

lib/util/profile.dart

@@ -19,8 +19,8 @@ class LoginModeProfile extends StatelessWidget {
 
       children: [
         Padding(
-          padding: const EdgeInsets.only(top: 20),
-          child: ProfileImage(imagePath: "assets/google.png"),
+          padding: const EdgeInsets.only(top: 10),
+          child: ProfileImage(imagePath: "assets/google.png",imgHeight: 20,imgWidth: 20),
         ),
 
         SizedBox(height: 4,),