Implemented first version of point overview

This commit is contained in:
2025-07-18 23:25:20 +02:00
parent 25552d7037
commit c8de78ee77
3 changed files with 107 additions and 1 deletions

View File

@@ -4,6 +4,7 @@ import 'package:cabo_counter/data/game_session.dart';
import 'package:cabo_counter/l10n/generated/app_localizations.dart';
import 'package:cabo_counter/presentation/views/create_game_view.dart';
import 'package:cabo_counter/presentation/views/graph_view.dart';
import 'package:cabo_counter/presentation/views/point_overview_view.dart';
import 'package:cabo_counter/presentation/views/round_view.dart';
import 'package:cabo_counter/services/local_storage_service.dart';
import 'package:flutter/cupertino.dart';
@@ -135,6 +136,18 @@ class _ActiveGameViewState extends State<ActiveGameView> {
builder: (_) => GraphView(
gameSession: gameSession,
)))),
CupertinoListTile(
title: Text(
'Übersicht',
),
backgroundColorActivated:
CustomTheme.backgroundColor,
onTap: () => Navigator.push(
context,
CupertinoPageRoute(
builder: (_) => PointOverviewView(
gameSession: gameSession,
)))),
Visibility(
visible: !gameSession.isPointsLimitEnabled,
child: CupertinoListTile(

View File

@@ -0,0 +1,93 @@
import 'package:cabo_counter/data/game_session.dart';
import 'package:cabo_counter/l10n/generated/app_localizations.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
class PointOverviewView extends StatefulWidget {
final GameSession gameSession;
const PointOverviewView({super.key, required this.gameSession});
@override
State<PointOverviewView> createState() => _PointOverviewViewState();
}
class _PointOverviewViewState extends State<PointOverviewView> {
@override
Widget build(BuildContext context) {
return CupertinoPageScaffold(
resizeToAvoidBottomInset: true,
navigationBar: CupertinoNavigationBar(
middle: const Text('Punkte-Übersicht'),
previousPageTitle: AppLocalizations.of(context).back,
),
child: SingleChildScrollView(
padding: const EdgeInsets.fromLTRB(0, 100, 0, 0),
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 5.0),
child: DataTable(
dataRowMinHeight: 60,
dataRowMaxHeight: 60,
dividerThickness: 0.5,
columnSpacing: 20,
columns: [
const DataColumn(label: Text('#')),
...widget.gameSession.players.map(
(player) => DataColumn(label: Text(player)),
),
],
rows: List<DataRow>.generate(
widget.gameSession.roundList.length,
(roundIndex) {
final round = widget.gameSession.roundList[roundIndex];
return DataRow(
cells: [
DataCell(Align(
alignment: Alignment.center,
child: Text(
'$roundIndex',
style: const TextStyle(
fontWeight: FontWeight.bold, fontSize: 20),
),
)),
...List.generate(widget.gameSession.players.length,
(playerIndex) {
final score = round.scores[playerIndex];
final update = round.scoreUpdates[playerIndex];
return DataCell(
Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Container(
padding: const EdgeInsets.symmetric(
horizontal: 6, vertical: 2),
decoration: BoxDecoration(
color: update <= 0
? Colors.green[200]
: Colors.red[200],
borderRadius: BorderRadius.circular(8),
),
child: Text(
'${update >= 0 ? '+' : '-'}$update',
style: TextStyle(
color: update <= 0
? Colors.green[900]
: Colors.red[900],
fontWeight: FontWeight.bold,
),
),
),
const SizedBox(height: 4),
Text('$score'),
],
),
);
}),
],
);
},
),
),
)));
}
}