sBubshait/wesal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement profile page with settings

Browse Source
This commit is contained in:
sBubshait 2025-07-20 09:46:42 +03:00
parent f55491022f
commit dc11d3ec3e
4 changed files with 408 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
lib/screens/pages/feed_page.dart
View File

@ -105,6 +105,15 @@ class _FeedPageState extends State<FeedPage> {
},
),
),
floatingActionButton: FloatingActionButton(
onPressed: () {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('Create post functionality coming soon!')),
);
},
backgroundColor: Color(0xFF6A4C93),
child: Icon(Icons.edit, color: Colors.white),
),
);
}
}

9
lib/screens/pages/invitations_page.dart
View File

@ -253,6 +253,15 @@ class _InvitationsPageState extends State<InvitationsPage> {
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: () {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('Create invitation functionality coming soon!')),
);
},
backgroundColor: Color(0xFF6A4C93),
child: Icon(Icons.person_add, color: Colors.white),
),
);
}
}

388
lib/screens/pages/profile_page.dart
View File

@ -12,6 +12,36 @@ class _ProfilePageState extends State<ProfilePage> {
final TextEditingController _tokenController = TextEditingController();
bool isLoading = false;
final List<Map<String, dynamic>> mockUserPosts = [
{
'id': '1',
'content':
'Just finished working on a new Flutter project! The development experience keeps getting better.',
'timestamp': '2 hours ago',
'likes': 15,
'comments': 4,
'isLiked': true,
},
{
'id': '2',
'content':
'Beautiful sunset from my office window today. Sometimes you need to take a moment to appreciate the simple things.',
'timestamp': '1 day ago',
'likes': 23,
'comments': 8,
'isLiked': false,
},
{
'id': '3',
'content':
'Excited to share that I completed my certification today! Hard work pays off.',
'timestamp': '3 days ago',
'likes': 42,
'comments': 12,
'isLiked': true,
},
];
@override
void initState() {
super.initState();
@ -28,7 +58,7 @@ class _ProfilePageState extends State<ProfilePage> {
setState(() {
isLoading = true;
});
try {
final token = await NotificationService().getToken();
setState(() {
@ -57,25 +87,333 @@ class _ProfilePageState extends State<ProfilePage> {
}
}
void _navigateToSettings() {
Navigator.of(
context,
).push(MaterialPageRoute(builder: (context) => SettingsPage()));
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(
'Profile',
style: TextStyle(
fontWeight: FontWeight.w600,
title: Text('Profile', style: TextStyle(fontWeight: FontWeight.w600)),
backgroundColor: Colors.white,
foregroundColor: Color(0xFF6A4C93),
elevation: 0,
actions: [
IconButton(
onPressed: _navigateToSettings,
icon: Icon(Icons.settings),
),
],
bottom: PreferredSize(
preferredSize: Size.fromHeight(1),
child: Container(height: 1, color: Colors.grey[200]),
),
),
body: SingleChildScrollView(
child: Column(
children: [
Container(
padding: EdgeInsets.all(24),
child: Column(
children: [
CircleAvatar(
radius: 50,
backgroundColor: Color(0xFF6A4C93),
child: Text(
'A',
style: TextStyle(
color: Colors.white,
fontSize: 36,
fontWeight: FontWeight.bold,
),
),
),
SizedBox(height: 16),
Text(
'Abu Norah',
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.bold,
color: Colors.black87,
),
),
SizedBox(height: 4),
Text(
'@yasser_hajri',
style: TextStyle(fontSize: 16, color: Colors.grey[600]),
),
SizedBox(height: 20),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Column(
children: [
Text(
'${mockUserPosts.length}',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
color: Color(0xFF6A4C93),
),
),
Text(
'Posts',
style: TextStyle(
fontSize: 14,
color: Colors.grey[600],
),
),
],
),
Column(
children: [
Text(
'127',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
color: Color(0xFF6A4C93),
),
),
Text(
'Followers',
style: TextStyle(
fontSize: 14,
color: Colors.grey[600],
),
),
],
),
],
),
],
),
),
Container(
height: 1,
color: Colors.grey[200],
margin: EdgeInsets.symmetric(horizontal: 16),
),
SizedBox(height: 16),
ListView.builder(
shrinkWrap: true,
physics: NeverScrollableScrollPhysics(),
padding: EdgeInsets.symmetric(horizontal: 16),
itemCount: mockUserPosts.length,
itemBuilder: (context, index) {
final post = mockUserPosts[index];
return Container(
margin: EdgeInsets.only(bottom: 16),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(12),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.05),
blurRadius: 10,
offset: Offset(0, 2),
),
],
),
child: Padding(
padding: EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
CircleAvatar(
radius: 16,
backgroundColor: Color(0xFF6A4C93),
child: Text(
'J',
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.bold,
fontSize: 14,
),
),
),
SizedBox(width: 12),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Abu Norah',
style: TextStyle(
fontWeight: FontWeight.w600,
fontSize: 14,
color: Colors.black87,
),
),
Text(
post['timestamp'],
style: TextStyle(
color: Colors.grey[600],
fontSize: 12,
),
),
],
),
),
],
),
SizedBox(height: 12),
Text(
post['content'],
style: TextStyle(
fontSize: 15,
height: 1.4,
color: Colors.black87,
),
),
SizedBox(height: 12),
Row(
children: [
Icon(
post['isLiked']
? Icons.favorite
: Icons.favorite_border,
color: post['isLiked']
? Colors.red
: Colors.grey[600],
size: 20,
),
SizedBox(width: 4),
Text(
'${post['likes']}',
style: TextStyle(
color: Colors.grey[700],
fontSize: 14,
),
),
SizedBox(width: 16),
Icon(
Icons.chat_bubble_outline,
color: Colors.grey[600],
size: 20,
),
SizedBox(width: 4),
Text(
'${post['comments']}',
style: TextStyle(
color: Colors.grey[700],
fontSize: 14,
),
),
],
),
],
),
),
);
},
),
SizedBox(height: 24),
],
),
),
);
}
}
class SettingsPage extends StatefulWidget {
@override
_SettingsPageState createState() => _SettingsPageState();
}
class _SettingsPageState extends State<SettingsPage> {
String? fcmToken;
final TextEditingController _tokenController = TextEditingController();
bool isLoading = false;
@override
void initState() {
super.initState();
_loadFCMToken();
}
@override
void dispose() {
_tokenController.dispose();
super.dispose();
}
Future<void> _loadFCMToken() async {
setState(() {
isLoading = true;
});
try {
final token = await NotificationService().getToken();
setState(() {
fcmToken = token;
_tokenController.text = token ?? 'Token not available';
isLoading = false;
});
} catch (e) {
setState(() {
fcmToken = null;
_tokenController.text = 'Error loading token: $e';
isLoading = false;
});
}
}
Future<void> _copyToClipboard() async {
if (fcmToken != null && fcmToken!.isNotEmpty) {
await Clipboard.setData(ClipboardData(text: fcmToken!));
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('FCM Token copied to clipboard'),
backgroundColor: Color(0xFF6A4C93),
),
);
}
}
void _signOut() {
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: Text('Sign Out'),
content: Text('Are you sure you want to sign out?'),
actions: [
TextButton(
onPressed: () => Navigator.of(context).pop(),
child: Text('Cancel'),
),
TextButton(
onPressed: () {
Navigator.of(context).pop();
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('Signed out successfully')),
);
},
child: Text('Sign Out', style: TextStyle(color: Colors.red)),
),
],
);
},
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Settings', style: TextStyle(fontWeight: FontWeight.w600)),
backgroundColor: Colors.white,
foregroundColor: Color(0xFF6A4C93),
elevation: 0,
bottom: PreferredSize(
preferredSize: Size.fromHeight(1),
child: Container(
height: 1,
color: Colors.grey[200],
),
child: Container(height: 1, color: Colors.grey[200]),
),
),
body: Padding(
@ -92,7 +430,7 @@ class _ProfilePageState extends State<ProfilePage> {
),
),
SizedBox(height: 16),
Text(
'FCM Token:',
style: TextStyle(
@ -102,7 +440,7 @@ class _ProfilePageState extends State<ProfilePage> {
),
),
SizedBox(height: 8),
if (isLoading)
Center(
child: CircularProgressIndicator(
@ -122,10 +460,7 @@ class _ProfilePageState extends State<ProfilePage> {
controller: _tokenController,
readOnly: true,
maxLines: 4,
style: TextStyle(
fontSize: 12,
fontFamily: 'monospace',
),
style: TextStyle(fontSize: 12, fontFamily: 'monospace'),
decoration: InputDecoration(
border: InputBorder.none,
contentPadding: EdgeInsets.all(12),
@ -134,7 +469,7 @@ class _ProfilePageState extends State<ProfilePage> {
),
),
SizedBox(height: 8),
Row(
children: [
ElevatedButton.icon(
@ -166,9 +501,28 @@ class _ProfilePageState extends State<ProfilePage> {
),
],
),
SizedBox(height: 32),
Container(
width: double.infinity,
child: ElevatedButton.icon(
onPressed: _signOut,
icon: Icon(Icons.logout, color: Colors.red),
label: Text('Sign Out', style: TextStyle(color: Colors.red)),
style: ElevatedButton.styleFrom(
backgroundColor: Colors.white,
side: BorderSide(color: Colors.red),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8),
),
padding: EdgeInsets.symmetric(vertical: 16),
),
),
),
],
),
),
);
}
}
}

38
lib/services/notification_service.dart
View File

@ -16,7 +16,7 @@ class NotificationService {
// Firebase project configuration
static const String _projectId = 'wesalapp-bc676';
// Service account credentials (JSON string)
static const String _serviceAccountJson = '''
{
@ -259,15 +259,16 @@ class NotificationService {
Future<String?> _getAccessToken() async {
try {
final credentials = ServiceAccountCredentials.fromJson(_serviceAccountJson);
final client = await clientViaServiceAccount(
credentials,
['https://www.googleapis.com/auth/firebase.messaging'],
final credentials = ServiceAccountCredentials.fromJson(
_serviceAccountJson,
);
final client = await clientViaServiceAccount(credentials, [
'https://www.googleapis.com/auth/firebase.messaging',
]);
final token = client.credentials.accessToken.data;
client.close();
return token;
} catch (e) {
print('Error getting access token: $e');
@ -288,7 +289,9 @@ class NotificationService {
return false;
}
final url = Uri.parse('https://fcm.googleapis.com/v1/projects/$_projectId/messages:send');
final url = Uri.parse(
'https://fcm.googleapis.com/v1/projects/$_projectId/messages:send',
);
final headers = {
'Content-Type': 'application/json',
'Authorization': 'Bearer $accessToken',
@ -297,10 +300,7 @@ class NotificationService {
final payload = {
'message': {
'token': token,
'notification': {
'title': title,
'body': body,
},
'notification': {'title': title, 'body': body},
'data': data ?? {},
'webpush': {
'notification': {
@ -348,7 +348,9 @@ class NotificationService {
return false;
}
final url = Uri.parse('https://fcm.googleapis.com/v1/projects/$_projectId/messages:send');
final url = Uri.parse(
'https://fcm.googleapis.com/v1/projects/$_projectId/messages:send',
);
final headers = {
'Content-Type': 'application/json',
'Authorization': 'Bearer $accessToken',
@ -357,10 +359,7 @@ class NotificationService {
final payload = {
'message': {
'topic': topic,
'notification': {
'title': title,
'body': body,
},
'notification': {'title': title, 'body': body},
'data': data ?? {},
'webpush': {
'notification': {
@ -394,8 +393,9 @@ class NotificationService {
Future<bool> sendCoffeeInviteAcceptedNotification() async {
// Send to specific token for testing
const testToken = 'cetNA4PmdzwBS075-zdvbP:APA91bEDAqLC0D4txAaiYAdzzfk43yk99tKlC_x3Tii24qHdyhIzuQifsJG4Rm_oijvdVkbsoQUm3tQso34_71OvU-kQsqZTrMOQVIvHkIul7PYqOODFJUA';
const testToken =
'evEF6UT53IkV98ku-MR1bH:APA91bGE52wWTUBm_cOoQ0GeGy6gUgpHhaZquB0Y0L_eyoosFZvE8lMuiQrhhVZ81tw-lB_baC7en0Bk1JIVGAuIj6KyFHKeuoPJVbntHh7HtEZDBEeJRkc';
return await sendNotificationToToken(
testToken,
'Coffee Time! ☕',