Implemented first version of point overview
This commit is contained in:
93
lib/presentation/views/point_overview_view.dart
Normal file
93
lib/presentation/views/point_overview_view.dart
Normal 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'),
|
||||
],
|
||||
),
|
||||
);
|
||||
}),
|
||||
],
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
)));
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user