Redesigned Practices

main
joschy2002 2025-05-28 08:41:57 +02:00
parent 2dfbb37e6b
commit d706f8e9a2
3 changed files with 191 additions and 134 deletions

View File

@ -33,19 +33,27 @@ class FavoritesTab extends StatelessWidget {
return const Center(child: Text('Keine Favoriten gefunden'));
}
return ListView.builder(
return GridView.builder(
padding: const EdgeInsets.all(8),
gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
maxCrossAxisExtent: 300,
childAspectRatio: 0.75,
crossAxisSpacing: 10,
mainAxisSpacing: 10,
),
itemCount: favorites.length,
itemBuilder: (context, index) {
return FutureBuilder<DocumentSnapshot>(
future: FirebaseFirestore.instance.collection('Training').doc(favorites[index]).get(),
builder: (context, trainingSnapshot) {
if (!trainingSnapshot.hasData || !trainingSnapshot.data!.exists) {
return const ListTile(title: Text('Training nicht gefunden'));
return const SizedBox.shrink();
}
final trainingData = trainingSnapshot.data!.data() as Map<String, dynamic>;
return Card(
margin: const EdgeInsets.all(8.0),
child: InkWell(
child: Stack(
children: [
InkWell(
onTap: () {
Navigator.push(
context,
@ -54,37 +62,57 @@ class FavoritesTab extends StatelessWidget {
),
);
},
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Expanded(
child: Container(
color: Colors.grey[200],
child: const Center(
child: Icon(Icons.fitness_center, size: 50),
),
),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
trainingData['title'] ?? 'Unbekannt',
style: const TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
fontSize: 16,
),
maxLines: 2,
overflow: TextOverflow.ellipsis,
),
const SizedBox(height: 8),
const SizedBox(height: 4),
Row(
children: [
const Icon(Icons.star, color: Colors.amber, size: 16),
const SizedBox(width: 4),
Text(
trainingData['description'] ?? 'Keine Beschreibung',
style: TextStyle(color: Colors.grey[600]),
(trainingData['rating overall'] ?? 0.0).toStringAsFixed(1),
style: const TextStyle(fontSize: 12),
),
const SizedBox(height: 8),
],
),
const SizedBox(height: 4),
Text(
'Dauer: ${trainingData['duration'] ?? '-'} Minuten',
style: TextStyle(color: Colors.grey[600]),
style: const TextStyle(fontSize: 12, color: Colors.grey),
),
const SizedBox(height: 8),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'Level: ${trainingData['year'] ?? '-'}',
style: TextStyle(color: Colors.grey[600]),
],
),
IconButton(
),
],
),
),
Positioned(
top: 4,
right: 4,
child: IconButton(
icon: const Icon(Icons.favorite, color: Colors.red),
onPressed: () async {
await FirebaseFirestore.instance.collection('User').doc(user.uid).update({
@ -92,12 +120,9 @@ class FavoritesTab extends StatelessWidget {
});
},
),
],
),
],
),
),
),
);
},
);

View File

@ -299,10 +299,11 @@ class _HomeScreenState extends State<HomeScreen> {
),
],
),
SizedBox(
height: 70,
child: ListView(
Padding(
padding: const EdgeInsets.symmetric(vertical: 8.0),
child: SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: Row(
children: [
_buildFavoriteCircle('Aufwärmen & Mobilisation', Icons.directions_run, categoryColors['Aufwärmen & Mobilisation']!),
_buildFavoriteCircle('Wurf- & Torabschluss', Icons.sports_handball, categoryColors['Wurf- & Torabschluss']!),
@ -313,6 +314,7 @@ class _HomeScreenState extends State<HomeScreen> {
],
),
),
),
const SizedBox(height: 24),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
@ -352,10 +354,19 @@ class _HomeScreenState extends State<HomeScreen> {
CircleAvatar(
radius: 24,
backgroundColor: color.withOpacity(0.2),
child: Icon(icon, color: color, size: 28),
child: Icon(icon, color: color, size: 26),
),
const SizedBox(height: 4),
Text(label, style: const TextStyle(fontSize: 12)),
SizedBox(
width: 60,
child: Text(
label,
style: const TextStyle(fontSize: 12),
textAlign: TextAlign.center,
maxLines: 2,
overflow: TextOverflow.ellipsis,
),
),
],
),
);

View File

@ -199,8 +199,8 @@ class _SearchTabState extends State<SearchTab> {
return GridView.builder(
padding: const EdgeInsets.all(8),
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
maxCrossAxisExtent: 300,
childAspectRatio: 0.75,
crossAxisSpacing: 10,
mainAxisSpacing: 10,
@ -213,7 +213,9 @@ class _SearchTabState extends State<SearchTab> {
final isDisabled = widget.selectMode && duration > (widget.remainingTime ?? 0);
return Card(
child: InkWell(
child: Stack(
children: [
InkWell(
onTap: isDisabled
? null
: () {
@ -259,14 +261,20 @@ class _SearchTabState extends State<SearchTab> {
overflow: TextOverflow.ellipsis,
),
const SizedBox(height: 4),
Row(
children: [
const Icon(Icons.star, color: Colors.amber, size: 16),
const SizedBox(width: 4),
Text(
'${data['description']?.toString() ?? ''}\nDauer: $duration Minuten',
style: TextStyle(
color: Colors.grey[600],
fontSize: 12,
(data['rating overall'] ?? 0.0).toStringAsFixed(1),
style: const TextStyle(fontSize: 12),
),
maxLines: 3,
overflow: TextOverflow.ellipsis,
],
),
const SizedBox(height: 4),
Text(
'Dauer: ${duration} Minuten',
style: const TextStyle(fontSize: 12, color: Colors.grey),
),
if (isDisabled)
const Padding(
@ -285,6 +293,19 @@ class _SearchTabState extends State<SearchTab> {
],
),
),
Positioned(
top: 4,
right: 4,
child: IconButton(
icon: Icon(
_favorites.contains(doc.id) ? Icons.favorite : Icons.favorite_border,
color: _favorites.contains(doc.id) ? Colors.red : Colors.grey,
),
onPressed: () => _toggleFavorite(doc.id, _favorites.contains(doc.id)),
),
),
],
),
);
},
);