Mercury/dth-pingpong-mobileapp
1
0
Fork 0
Code Issues 4 Pull requests Actions Packages Projects 1 Releases 6 Wiki Activity

Added rank view, minor match page refactor. bump version to 0.0.51

Browse source
This commit is contained in:
Mercurio 2025-01-23 22:35:26 +01:00
parent 94088c0338
commit caac8bf978
11 changed files with 132 additions and 109 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
lib/pages/views/creatematch.dart
View file

@ -67,9 +67,6 @@ class _CreateMatchPageState extends State<CreateMatchPage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Create Match'),
),
body: Center(
child: Padding(
padding: const EdgeInsets.all(16.0),

145
lib/pages/views/joinmatch.dart
View file

@ -15,11 +15,9 @@ class _JoinMatchPageState extends State<JoinMatchPage> {
bool _isLoading = false;
int _player1Score = 0;
int _player2Score = 0;
String? _player1name;
String? _player2name;
String? _matchId;
bool _showJoinAsCheckbox = false;
bool _joinAsPlayer2 = false;
bool _joinAsPlayer3 = false;
bool _joinAsPlayer4 = false;
final String _joinMatchApiUrl = '$apiurl/joinmatch';
final String _endMatchApiUrl = '$apiurl/endmatch';
@ -49,8 +47,11 @@ class _JoinMatchPageState extends State<JoinMatchPage> {
);
if (response.statusCode == 200) {
final responseData = json.decode(response.body);
setState(() {
_isJoined = true;
_player1name = responseData['player1_name'];
_player2name = responseData['player2_name'];
_player1Score = 0;
_player2Score = 0;
_matchId = matchId;
@ -125,79 +126,115 @@ class _JoinMatchPageState extends State<JoinMatchPage> {
);
}
@override
void initState() {
super.initState();
_matchIdController.addListener(() {
if (_matchIdController.text.contains(RegExp(r'[Dd]'))) {
setState(() {
_showJoinAsCheckbox = true;
});
_showToast('We\'re sorry, this feature isn\'t available yet');
} else {
setState(() {
_showJoinAsCheckbox = false;
});
}
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Join Match'),
),
body: Padding(
padding: const EdgeInsets.all(16.0),
child: _isLoading
? Center(child: CircularProgressIndicator())
: _isJoined
? Column(
? Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
// Player 1
Text(
_player1name ?? 'Player 1',
style: TextStyle(
fontSize: 18,
color: Colors.white,
),
),
SizedBox(height: 8),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
IconButton(
icon: Icon(Icons.remove),
icon: Icon(Icons.remove, color: Colors.white),
onPressed: () => _updateScore(1, -1),
),
Text(
'Player 1 Score: $_player1Score',
style: TextStyle(fontSize: 20),
Container(
width: 100,
height: 50,
decoration: BoxDecoration(
border:
Border.all(color: Colors.white, width: 2),
borderRadius: BorderRadius.circular(8),
),
child: Center(
child: Text(
'$_player1Score',
style: TextStyle(
fontSize: 24,
color: Colors.white,
fontWeight: FontWeight.bold,
),
),
),
),
IconButton(
icon: Icon(Icons.add),
icon: Icon(Icons.add, color: Colors.white),
onPressed: () => _updateScore(1, 1),
),
],
),
SizedBox(height: 16),
SizedBox(height: 8),
Divider(
color: Colors.white,
thickness: 2,
indent: 80,
endIndent: 80,
),
SizedBox(height: 8),
// Player 2
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
IconButton(
icon: Icon(Icons.remove),
icon: Icon(Icons.remove, color: Colors.white),
onPressed: () => _updateScore(2, -1),
),
Text(
'Player 2 Score: $_player2Score',
style: TextStyle(fontSize: 20),
Container(
width: 100,
height: 50,
decoration: BoxDecoration(
border:
Border.all(color: Colors.white, width: 2),
borderRadius: BorderRadius.circular(8),
),
child: Center(
child: Text(
'$_player2Score',
style: TextStyle(
fontSize: 24,
color: Colors.white,
fontWeight: FontWeight.bold,
),
),
),
),
IconButton(
icon: Icon(Icons.add),
icon: Icon(Icons.add, color: Colors.white),
onPressed: () => _updateScore(2, 1),
),
],
),
SizedBox(height: 8),
Text(
_player2name ?? 'Player 2',
style: TextStyle(
fontSize: 18,
color: Colors.white,
),
),
SizedBox(height: 32),
ElevatedButton(
onPressed: _endMatch,
child: Text('End Match'),
),
],
),
)
: Column(
mainAxisAlignment: MainAxisAlignment.center,
@ -222,40 +259,6 @@ class _JoinMatchPageState extends State<JoinMatchPage> {
},
child: Text('Join Match'),
),
SizedBox(height: 16),
if (_showJoinAsCheckbox)
Column(
children: [
Text('Join as:'),
CheckboxListTile(
title: Text('Player 2'),
value: _joinAsPlayer2,
onChanged: (bool? value) {
setState(() {
_joinAsPlayer2 = value ?? false;
});
},
),
CheckboxListTile(
title: Text('Player 3'),
value: _joinAsPlayer3,
onChanged: (bool? value) {
setState(() {
_joinAsPlayer3 = value ?? false;
});
},
),
CheckboxListTile(
title: Text('Player 4'),
value: _joinAsPlayer4,
onChanged: (bool? value) {
setState(() {
_joinAsPlayer4 = value ?? false;
});
},
),
],
),
],
),
),

20
lib/pages/views/myprofile.dart
View file

@ -74,6 +74,17 @@ class _ProfilePageState extends State<ProfilePage> {
);
}
String getRankImage(int? elo) {
if (elo == null) return 'ranks/none.png';
if (elo > 1000) return 'ranks/u.png';
if (elo > 750) return 'ranks/s.png';
if (elo > 400) return 'ranks/a.png';
if (elo > 200) return 'ranks/b.png';
if (elo > 100) return 'ranks/c.png';
if (elo > 30) return 'ranks/d.png';
return 'ranks/none.png';
}
@override
Widget build(BuildContext context) {
return Scaffold(
@ -88,7 +99,6 @@ class _ProfilePageState extends State<ProfilePage> {
padding: EdgeInsets.all(16.0),
child: Row(
children: [
// Profile Icon
CircleAvatar(
backgroundColor: _generateRandomColor(),
child: Text(
@ -99,6 +109,7 @@ class _ProfilePageState extends State<ProfilePage> {
),
radius: 40,
),
SizedBox(width: 16),
// Profile Info
Column(
@ -116,10 +127,15 @@ class _ProfilePageState extends State<ProfilePage> {
Text('ELO: ${_elo ?? 'N/A'}'),
],
),
SizedBox(width: 25),
Image.asset(
getRankImage(_elo),
width: 137,
height: 137,
),
],
),
),
SizedBox(height: 16),
// Recent Matches
Expanded(
child: _matches.isEmpty

13
pubspec.yaml
View file

@ -2,7 +2,7 @@ name: pingpongapp
description: "DTH Ping Pong Score tracking app"
publish_to: 'none'
version: 0.0.34+1
version: 0.0.51+2
environment:
sdk: '>=3.4.3 <4.0.0'
@ -17,6 +17,7 @@ dependencies:
package_info: ^2.0.2
font_awesome_flutter: ^10.8.0
url_launcher: ^6.3.1
fl_chart: ^0.70.2
dev_dependencies:
flutter_test:
@ -26,8 +27,14 @@ flutter:
uses-material-design: true
# To add assets to your application, add an assets section, like this:
# assets:
# - images/a_dot_burr.jpeg
assets:
- ranks/none.png
- ranks/A.png
- ranks/B.png
- ranks/C.png
- ranks/D.png
- ranks/S.png
- ranks/U.png
# - images/a_dot_ham.jpeg
# An image asset can refer to one or more resolution-specific "variants", see

BIN
ranks/A.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 56 KiB

BIN
ranks/B.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 55 KiB

BIN
ranks/C.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 62 KiB

BIN
ranks/D.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 48 KiB

BIN
ranks/S.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 66 KiB

BIN
ranks/U.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 100 KiB

BIN
ranks/none.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 32 KiB