petegregoryy/mileograph_flutter
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases 55 Wiki Activity

add profile page, privacy options
All checks were successful
Release / meta (push) Successful in 11s
Details
Release / linux-build (push) Successful in 1m0s
Details
Release / web-build (push) Successful in 2m29s
Details
Release / android-build (push) Successful in 10m26s
Details
Release / release-master (push) Successful in 37s
Details
Release / release-dev (push) Successful in 49s
Details

Browse Source
This commit is contained in:
Pete Gregory
2026-01-04 19:50:06 +00:00
parent af37e25692
commit 42ac7a97e1
11 changed files with 1327 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

515
lib/components/pages/more/user_profile_page.dart Normal file
View File

@@ -0,0 +1,515 @@
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:provider/provider.dart';
import 'package:mileograph_flutter/components/legs/leg_card.dart';
import 'package:mileograph_flutter/objects/objects.dart';
import 'package:mileograph_flutter/services/authservice.dart';
import 'package:mileograph_flutter/services/data_service.dart';
class UserProfilePage extends StatefulWidget {
const UserProfilePage({super.key, this.userId, this.initialUser});
final String? userId;
final UserSummary? initialUser;
@override
State<UserProfilePage> createState() => _UserProfilePageState();
}
class _UserProfilePageState extends State<UserProfilePage> {
UserProfileDetail? _profile;
List<Leg> _legs = const [];
bool _loading = false;
bool _loadingMore = false;
bool _hasMore = false;
Friendship? _friendship;
bool _actionsLoading = false;
String? get _userId => widget.initialUser?.userId ?? widget.userId;
@override
void initState() {
super.initState();
WidgetsBinding.instance.addPostFrameCallback((_) {
_loadProfile();
});
}
Future<void> _loadProfile() async {
final userId = _userId;
if (userId == null || userId.isEmpty) {
if (mounted) {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('No user selected.')),
);
context.pop();
}
return;
}
setState(() {
_loading = true;
_hasMore = false;
_legs = const [];
});
final data = context.read<DataService>();
try {
final profile = await data.fetchUserProfileDetail(userId);
final friendship = await data.fetchFriendshipStatus(userId);
if (!mounted) return;
if (profile == null) {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('Failed to load user profile.')),
);
return;
}
final legs = profile.legs;
setState(() {
_profile = profile;
_legs = legs;
_hasMore = legs.length >= 25;
_friendship = friendship;
});
} finally {
if (mounted) setState(() => _loading = false);
}
}
Future<void> _loadMore() async {
final userId = _userId;
if (userId == null || userId.isEmpty || _loadingMore || !_hasMore) return;
setState(() => _loadingMore = true);
final data = context.read<DataService>();
try {
final more = await data.fetchUserLegs(
userId: userId,
offset: _legs.length,
);
if (!mounted) return;
setState(() {
_legs = [..._legs, ...more];
_hasMore = more.length >= 25;
});
} finally {
if (mounted) setState(() => _loadingMore = false);
}
}
void _handleBack() {
final router = GoRouter.of(context);
if (router.canPop()) {
router.pop();
} else {
router.go('/more/profile');
}
}
Widget _buildProfileHeader(ThemeData theme) {
final profile = _profile;
final username = profile?.username ?? widget.initialUser?.username ?? '';
final fullName = profile?.fullName ?? widget.initialUser?.fullName ?? '';
final mileage = profile?.mileage;
final privacy = profile?.privacyInfo;
final mileageHidden =
(mileage == null || mileage == 0) && privacy != null && privacy.isNotEmpty;
return Card(
child: Padding(
padding: const EdgeInsets.all(12.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
const CircleAvatar(child: Icon(Icons.person)),
const SizedBox(width: 12),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
fullName.isNotEmpty ? fullName : username,
style: theme.textTheme.titleMedium,
),
if (username.isNotEmpty)
Text('@$username', style: theme.textTheme.bodySmall),
],
),
],
),
const SizedBox(height: 12),
Text(
mileageHidden
? 'Mileage hidden'
: 'Mileage: ${(mileage ?? 0).toStringAsFixed(1)}',
),
],
),
),
);
}
Widget _buildTopLocos() {
final profile = _profile;
if (profile == null || profile.topLocos.isEmpty) {
return const SizedBox.shrink();
}
final topTen = [...profile.topLocos]
..sort(
(a, b) => (b.mileage ?? 0).compareTo(a.mileage ?? 0),
);
final displayLocos = topTen.take(10).toList();
return Card(
child: Padding(
padding: const EdgeInsets.all(12.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Top locos by mileage',
style: Theme.of(context).textTheme.titleMedium,
),
const SizedBox(height: 8),
ListView.separated(
physics: const NeverScrollableScrollPhysics(),
shrinkWrap: true,
itemCount: displayLocos.length,
separatorBuilder: (context, index) => const Divider(height: 1),
itemBuilder: (context, index) {
final loco = displayLocos[index];
final mileage = loco.mileage ?? 0;
return ListTile(
leading: CircleAvatar(
backgroundColor: Theme.of(context)
.colorScheme
.primary
.withValues(alpha: 0.1),
child: Text(
'${index + 1}',
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
fontWeight: FontWeight.bold,
),
),
),
title: Text(
loco.number.isNotEmpty ? loco.number : 'Unknown',
style: Theme.of(context).textTheme.bodyLarge,
),
subtitle: Text(loco.locoClass),
trailing: Text(
'${mileage.toStringAsFixed(1)} mi',
style: Theme.of(context)
.textTheme
.bodyMedium
?.copyWith(fontWeight: FontWeight.w700),
),
);
},
),
],
),
),
);
}
List<Widget> _buildLegsWithDividers(
BuildContext context,
List<Leg> legs,
) {
final widgets = <Widget>[];
String? currentDate;
final dayLegs = <Leg>[];
void flushDay() {
final date = currentDate;
if (date == null) return;
widgets.add(
Padding(
padding: const EdgeInsets.symmetric(vertical: 8.0),
child: Text(
date,
style: Theme.of(context).textTheme.labelMedium?.copyWith(
fontWeight: FontWeight.w700,
),
),
),
);
widgets.add(const Divider());
widgets.addAll(
dayLegs.map((leg) => LegCard(leg: leg, showDate: false)),
);
dayLegs.clear();
}
for (final leg in legs) {
final dateStr = _formatDate(leg.beginTime) ?? '';
if (currentDate != null && dateStr != currentDate) {
flushDay();
}
currentDate = dateStr;
dayLegs.add(leg);
}
flushDay();
return widgets;
}
String? _formatDate(DateTime? date) {
if (date == null) return null;
return '${date.year.toString().padLeft(4, '0')}-${date.month.toString().padLeft(2, '0')}-${date.day.toString().padLeft(2, '0')}';
}
Widget _buildFriendSection(AuthService auth) {
final friendship = _friendship;
if (friendship == null) {
return const SizedBox.shrink();
}
return Card(
child: Padding(
padding: const EdgeInsets.all(12.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Text(
'Friendship',
style: Theme.of(context).textTheme.titleMedium,
),
const SizedBox(width: 8),
_buildStatusChip(friendship, auth),
],
),
const SizedBox(height: 8),
_buildActions(friendship, auth),
],
),
),
);
}
Widget _buildStatusChip(Friendship status, AuthService auth) {
String label = status.status;
Color color = Colors.grey;
switch (status.status.toLowerCase()) {
case 'accepted':
label = 'Friends';
color = Colors.green;
break;
case 'pending':
final isRequester = status.requesterId == auth.userId;
label = isRequester ? 'Pending (you sent)' : 'Pending (needs your reply)';
color = Colors.orange;
break;
case 'blocked':
color = Colors.red;
label = 'Blocked';
break;
case 'declined':
case 'rejected':
label = 'Declined';
break;
default:
label = 'Not friends';
}
final bg = Color.alphaBlend(
color.withValues(alpha: 0.15),
Theme.of(context).colorScheme.surface,
);
return Container(
margin: const EdgeInsets.only(left: 6),
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
decoration: BoxDecoration(
color: bg,
borderRadius: BorderRadius.circular(20),
),
child: Text(label),
);
}
Widget _buildActions(Friendship status, AuthService auth) {
final isSelf = status.addresseeId == auth.userId || status.requesterId == auth.userId;
if (isSelf) {
return const Text('This is you.');
}
final isRequester = status.requesterId == auth.userId;
final id = status.id;
final buttons = <Widget>[];
Future<void> run(Future<void> Function() action) async {
setState(() => _actionsLoading = true);
try {
await action();
} finally {
if (mounted) setState(() => _actionsLoading = false);
}
}
final data = context.read<DataService>();
if (status.isNone || status.isDeclined) {
buttons.add(
ElevatedButton.icon(
onPressed: _actionsLoading
? null
: () => run(() async {
final updated = await data.requestFriendship(status.addresseeId);
if (!mounted) return;
setState(() => _friendship = updated);
}),
icon: const Icon(Icons.person_add),
label: const Text('Send friend request'),
),
);
} else if (status.isPending) {
if (isRequester) {
buttons.add(
OutlinedButton(
onPressed: _actionsLoading || id == null || id.isEmpty
? null
: () => run(() async {
await data.cancelFriendship(id);
if (!mounted) return;
setState(() => _friendship = status.copyWith(status: 'none'));
}),
child: const Text('Cancel request'),
),
);
} else {
buttons.add(
ElevatedButton(
onPressed: _actionsLoading || id == null || id.isEmpty
? null
: () => run(() async {
final updated = await data.acceptFriendship(id);
if (!mounted) return;
setState(() => _friendship = updated);
}),
child: const Text('Accept'),
),
);
buttons.add(
OutlinedButton(
onPressed: _actionsLoading || id == null || id.isEmpty
? null
: () => run(() async {
final updated = await data.rejectFriendship(id);
if (!mounted) return;
setState(() => _friendship = updated);
}),
child: const Text('Reject'),
),
);
}
} else if (status.isAccepted) {
buttons.add(
ElevatedButton.icon(
onPressed: _actionsLoading || id == null || id.isEmpty
? null
: () => run(() async {
await data.deleteFriendship(id);
if (!mounted) return;
setState(() => _friendship = status.copyWith(status: 'none'));
}),
icon: const Icon(Icons.person_remove),
label: const Text('Unfriend'),
),
);
}
if (buttons.isEmpty) return const SizedBox.shrink();
return Wrap(
spacing: 8,
runSpacing: 8,
children: buttons,
);
}
@override
Widget build(BuildContext context) {
final auth = context.watch<AuthService>();
final theme = Theme.of(context);
return Scaffold(
appBar: AppBar(
title: const Text('User profile'),
leading: IconButton(
icon: const Icon(Icons.arrow_back),
onPressed: _handleBack,
),
),
body: RefreshIndicator(
onRefresh: _loadProfile,
child: ListView(
padding: const EdgeInsets.all(16),
children: [
_buildProfileHeader(theme),
const SizedBox(height: 12),
_buildFriendSection(auth),
const SizedBox(height: 12),
_buildTopLocos(),
const SizedBox(height: 12),
Card(
child: Padding(
padding: const EdgeInsets.all(12.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'Entries',
style: theme.textTheme.titleMedium,
),
if (_loading)
const SizedBox(
width: 16,
height: 16,
child: CircularProgressIndicator(strokeWidth: 2),
),
],
),
const SizedBox(height: 8),
if (_loading && _legs.isEmpty)
const Center(
child: Padding(
padding: EdgeInsets.symmetric(vertical: 16.0),
child: CircularProgressIndicator(),
),
)
else if (_legs.isEmpty)
Text(
(_profile?.privacyInfo.isNotEmpty ?? false)
? 'Legs hidden due to privacy settings.'
: 'No entries found.',
)
else ...[
..._buildLegsWithDividers(context, _legs),
const SizedBox(height: 8),
if (_hasMore || _loadingMore)
Align(
alignment: Alignment.center,
child: OutlinedButton.icon(
onPressed: _loadingMore ? null : _loadMore,
icon: _loadingMore
? const SizedBox(
height: 14,
width: 14,
child:
CircularProgressIndicator(strokeWidth: 2),
)
: const Icon(Icons.expand_more),
label: Text(
_loadingMore ? 'Loading...' : 'Load more',
),
),
),
],
],
),
),
),
],
),
),
);
}
}