remove teams_page in favor of the team_lists

This commit is contained in:
2026-03-11 18:50:43 +01:00
parent 4074d0287c
commit 6a8aa687dc
4 changed files with 44 additions and 182 deletions

View File

@@ -24,3 +24,9 @@ Folgende Dateien wurden in diesem Prompt verändert:
- backend_splatournament_manager/src/services/team-service.ts - backend_splatournament_manager/src/services/team-service.ts
- frontend_splatournament_manager/lib/models/team.dart - frontend_splatournament_manager/lib/models/team.dart
- frontend_splatournament_manager/lib/pages/teams_page.dart - frontend_splatournament_manager/lib/pages/teams_page.dart
- Remove the teams_page and add the member count display to the list views.<br><br>
Folgende Dateien wurden in diesem Prompt verändert:
- frontend_splatournament_manager/lib/pages/teams_page.dart (gelöscht)
- frontend_splatournament_manager/lib/widgets/teams_list_widget.dart
- frontend_splatournament_manager/lib/widgets/my_teams_widget.dart

View File

@@ -1,180 +0,0 @@
import 'package:flutter/material.dart';
import 'package:frontend_splatournament_manager/models/team.dart';
import 'package:frontend_splatournament_manager/pages/create_team_page.dart';
import 'package:frontend_splatournament_manager/providers/team_provider.dart';
import 'package:provider/provider.dart';
class TeamsPage extends StatelessWidget {
const TeamsPage({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("Teams"),
actions: [
IconButton(
onPressed: () async {
final teamProvider = Provider.of<TeamProvider>(
context,
listen: false,
);
try {
await teamProvider.refreshTeams();
} catch (_) {
if (!context.mounted) return;
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('Failed to refresh teams')),
);
}
},
icon: const Icon(Icons.refresh),
),
],
),
body: Container(
padding: const EdgeInsets.all(16),
child: Consumer<TeamProvider>(
builder: (context, provider, _) {
return FutureBuilder<List<Team>>(
future: provider.ensureTeamsLoaded(),
builder: (context, snapshot) {
final teams = provider.teams;
if (snapshot.connectionState == ConnectionState.waiting &&
teams.isEmpty) {
return const Center(child: CircularProgressIndicator());
}
if (snapshot.hasError && teams.isEmpty) {
return Center(child: Text('Error: ${snapshot.error}'));
}
if (teams.isEmpty) {
return const Center(child: Text('No teams found'));
}
return ListView.builder(
itemCount: teams.length,
itemBuilder: (context, index) {
final team = teams[index];
return TeamListItem(team: team);
},
);
},
);
},
),
),
floatingActionButton: FloatingActionButton(
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => const CreateTeamPage(),
),
);
},
child: const Icon(Icons.add),
),
);
}
}
class TeamListItem extends StatelessWidget {
final Team team;
const TeamListItem({super.key, required this.team});
void _showDeleteDialog(BuildContext context) {
showDialog(
context: context,
builder: (BuildContext dialogContext) {
return AlertDialog(
title: const Text('Delete Team'),
content: Text('Are you sure you want to delete "${team.name}"?'),
actions: [
TextButton(
onPressed: () => Navigator.pop(dialogContext),
child: const Text('Cancel'),
),
TextButton(
onPressed: () async {
Navigator.pop(dialogContext);
try {
final provider = Provider.of<TeamProvider>(
context,
listen: false,
);
await provider.deleteTeam(team.id);
if (!context.mounted) return;
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('Team deleted')),
);
} catch (e) {
if (!context.mounted) return;
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('Error: $e')),
);
}
},
child: const Text('Delete', style: TextStyle(color: Colors.red)),
),
],
);
},
);
}
@override
Widget build(BuildContext context) {
final memberCountText = team.memberCount != null
? '${team.memberCount}/4 members'
: 'No members';
return Card(
margin: const EdgeInsets.symmetric(vertical: 8),
child: ListTile(
leading: CircleAvatar(
child: Text(team.tag),
),
title: Text(team.name),
subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(team.description.isEmpty ? 'No description' : team.description),
const SizedBox(height: 4),
Text(
memberCountText,
style: const TextStyle(
fontSize: 12,
fontWeight: FontWeight.w500,
),
),
],
),
isThreeLine: true,
trailing: Row(
mainAxisSize: MainAxisSize.min,
children: [
IconButton(
icon: const Icon(Icons.edit),
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => CreateTeamPage(teamToEdit: team),
),
);
},
),
IconButton(
icon: const Icon(Icons.delete, color: Colors.red),
onPressed: () => _showDeleteDialog(context),
),
],
),
),
);
}
}

View File

@@ -53,12 +53,30 @@ class _MyTeamsWidgetState extends State<MyTeamsWidget> {
} }
Widget _buildTeamCard(Team team) { Widget _buildTeamCard(Team team) {
final memberCountText = team.memberCount != null
? '${team.memberCount}/4 members'
: 'No members';
return Card( return Card(
margin: const EdgeInsets.only(bottom: 12), margin: const EdgeInsets.only(bottom: 12),
child: ListTile( child: ListTile(
leading: CircleAvatar(child: Text(team.tag)), leading: CircleAvatar(child: Text(team.tag)),
title: Text(team.name), title: Text(team.name),
subtitle: Text(team.description.isEmpty ? 'No description' : team.description), subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(team.description.isEmpty ? 'No description' : team.description),
const SizedBox(height: 4),
Text(
memberCountText,
style: const TextStyle(
fontSize: 12,
fontWeight: FontWeight.w500,
),
),
],
),
isThreeLine: true,
trailing: IconButton( trailing: IconButton(
icon: const Icon(Icons.logout, color: Colors.red), icon: const Icon(Icons.logout, color: Colors.red),
onPressed: () => _leaveTeam(team), onPressed: () => _leaveTeam(team),

View File

@@ -49,12 +49,30 @@ class TeamListItem extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final memberCountText = team.memberCount != null
? '${team.memberCount}/4 members'
: 'No members';
return Card( return Card(
margin: const EdgeInsets.only(bottom: 12), margin: const EdgeInsets.only(bottom: 12),
child: ListTile( child: ListTile(
leading: CircleAvatar(child: Text(team.tag)), leading: CircleAvatar(child: Text(team.tag)),
title: Text(team.name), title: Text(team.name),
subtitle: Text(team.description.isEmpty ? 'No description' : team.description), subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(team.description.isEmpty ? 'No description' : team.description),
const SizedBox(height: 4),
Text(
memberCountText,
style: const TextStyle(
fontSize: 12,
fontWeight: FontWeight.w500,
),
),
],
),
isThreeLine: true,
trailing: PopupMenuButton( trailing: PopupMenuButton(
icon: const Icon(Icons.more_vert), icon: const Icon(Icons.more_vert),
itemBuilder: (context) => [ itemBuilder: (context) => [