Xeewy/TravelMate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add profile picture support for group members and enhance trip details display

Browse Source
This commit is contained in:
Van Leemput Dayron
2025-11-13 18:25:33 +01:00
parent 3560b2d6f5
commit 41402e1b2c
3 changed files with 133 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

157
lib/components/home/show_trip_details_content.dart
View File

@@ -10,6 +10,7 @@ import 'package:travel_mate/models/trip.dart';
import 'package:travel_mate/components/map/map_content.dart';
import 'package:travel_mate/services/error_service.dart';
import 'package:travel_mate/services/activity_cache_service.dart';
import 'package:travel_mate/repositories/group_repository.dart';
import 'package:travel_mate/components/activities/activities_page.dart';
import 'package:url_launcher/url_launcher.dart';
@@ -24,6 +25,7 @@ class ShowTripDetailsContent extends StatefulWidget {
class _ShowTripDetailsContentState extends State<ShowTripDetailsContent> {
final ErrorService _errorService = ErrorService();
final ActivityCacheService _cacheService = ActivityCacheService();
final GroupRepository _groupRepository = GroupRepository();
@override
void initState() {
@@ -386,46 +388,8 @@ class _ShowTripDetailsContentState extends State<ShowTripDetailsContent> {
),
const SizedBox(height: 12),
Row(
children: [
// Avatars des participants (limité à 4 + bouton add)
...List.generate(
widget.trip.totalParticipants > 4 ? 4 : widget.trip.totalParticipants,
(index) => Container(
margin: const EdgeInsets.only(right: 8),
child: CircleAvatar(
radius: 25,
backgroundColor: Colors.blue[100],
child: Icon(
Icons.person,
color: Colors.blue[600],
size: 24,
),
),
),
),
// Bouton d'ajout si moins de 4 participants affichés
if (widget.trip.totalParticipants <= 4)
Container(
width: 50,
height: 50,
decoration: BoxDecoration(
shape: BoxShape.circle,
border: Border.all(
color: Colors.grey[300]!,
width: 2,
style: BorderStyle.solid,
),
),
child: Icon(
Icons.add,
color: Colors.grey[400],
size: 24,
),
),
],
),
// Afficher les participants avec leurs images
_buildParticipantsSection(),
const SizedBox(height: 32),
@@ -593,18 +557,15 @@ class _ShowTripDetailsContentState extends State<ShowTripDetailsContent> {
color: theme.colorScheme.onSurface,
),
),
onTap: () async {
onTap: () {
Navigator.pop(context);
final result = await Navigator.push(
Navigator.push(
context,
MaterialPageRoute(
builder: (context) =>
CreateTripContent(tripToEdit: widget.trip),
),
);
if (result == true && mounted) {
Navigator.pop(context, true);
}
},
),
ListTile(
@@ -671,6 +632,112 @@ class _ShowTripDetailsContentState extends State<ShowTripDetailsContent> {
);
}
/// Construire la section des participants avec leurs images de profil
Widget _buildParticipantsSection() {
// Vérifier que le trip a un ID
if (widget.trip.id == null || widget.trip.id!.isEmpty) {
return const Center(child: Text('Aucun participant'));
}
return FutureBuilder(
future: _groupRepository.getGroupByTripId(widget.trip.id!),
builder: (context, snapshot) {
// En attente
if (snapshot.connectionState == ConnectionState.waiting) {
return const Center(child: CircularProgressIndicator());
}
// Erreur
if (snapshot.hasError) {
return Center(
child: Text(
'Erreur: ${snapshot.error}',
style: TextStyle(color: Colors.red),
),
);
}
// Pas de groupe trouvé
if (!snapshot.hasData || snapshot.data == null) {
return const Center(child: Text('Aucun participant'));
}
final group = snapshot.data!;
final members = group.members;
if (members.isEmpty) {
return const Center(child: Text('Aucun participant'));
}
return SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: Row(
children: [
...List.generate(
members.length,
(index) {
final member = members[index];
return Padding(
padding: const EdgeInsets.only(right: 12),
child: _buildParticipantAvatar(member),
);
},
),
],
),
);
},
);
}
/// Construire un avatar pour un participant
Widget _buildParticipantAvatar(dynamic member) {
final theme = Theme.of(context);
final initials = member.pseudo.isNotEmpty
? member.pseudo[0].toUpperCase()
: (member.firstName.isNotEmpty ? member.firstName[0].toUpperCase() : '?');
final name = member.pseudo.isNotEmpty ? member.pseudo : member.firstName;
return Tooltip(
message: name,
child: Container(
decoration: BoxDecoration(
shape: BoxShape.circle,
border: Border.all(
color: theme.colorScheme.primary.withValues(alpha: 0.3),
width: 2,
),
boxShadow: [
BoxShadow(
color: Colors.black.withValues(alpha: 0.1),
blurRadius: 4,
offset: const Offset(0, 2),
),
],
),
child: CircleAvatar(
radius: 28,
backgroundColor: theme.colorScheme.primary.withValues(alpha: 0.2),
backgroundImage: (member.profilePictureUrl != null &&
member.profilePictureUrl!.isNotEmpty)
? NetworkImage(member.profilePictureUrl!)
: null,
child: (member.profilePictureUrl == null || member.profilePictureUrl!.isEmpty)
? Text(
initials,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
color: theme.colorScheme.primary,
),
)
: null,
),
),
);
}
void _navigateToActivities() {
Navigator.push(
context,