920 lines
41 KiB
Dart
920 lines
41 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'dart:math' as math;
|
|
|
|
import '../classe/theme.dart';
|
|
import '../controllers/placar_controller.dart';
|
|
import 'package:playmaker/zone_map_dialog.dart';
|
|
|
|
void showAssistDialog(BuildContext context, PlacarController controller, bool isOpponent, String scorerId, double sf) {
|
|
final teamCourt = isOpponent ? controller.oppCourt : controller.myCourt;
|
|
final prefix = isOpponent ? "player_opp_" : "player_my_";
|
|
|
|
final possibleAssistants = teamCourt.where((id) => id != scorerId && !id.startsWith("fake_")).toList();
|
|
|
|
if (possibleAssistants.isEmpty) return;
|
|
|
|
showDialog(
|
|
context: context,
|
|
barrierDismissible: false,
|
|
builder: (ctx) => AlertDialog(
|
|
backgroundColor: Theme.of(context).colorScheme.surface,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15 * sf)),
|
|
title: Text("Houve Assistência?", style: TextStyle(color: Theme.of(context).colorScheme.onSurface, fontWeight: FontWeight.bold, fontSize: 18 * sf)),
|
|
content: SingleChildScrollView(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
...possibleAssistants.map((id) {
|
|
final name = controller.playerNames[id] ?? "Desconhecido";
|
|
final number = controller.playerNumbers[id] ?? "0";
|
|
return ListTile(
|
|
leading: CircleAvatar(
|
|
backgroundColor: isOpponent ? AppTheme.oppTeamRed : AppTheme.myTeamBlue,
|
|
child: Text(number, style: const TextStyle(color: Colors.white, fontWeight: FontWeight.bold)),
|
|
),
|
|
title: Text(name, style: TextStyle(color: Theme.of(context).colorScheme.onSurface, fontWeight: FontWeight.bold)),
|
|
onTap: () {
|
|
Navigator.pop(ctx);
|
|
controller.commitStat("add_ast", "$prefix$id");
|
|
ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Assistência: $name'), duration: const Duration(seconds: 1), backgroundColor: AppTheme.successGreen));
|
|
},
|
|
);
|
|
}),
|
|
Divider(color: Colors.grey.withOpacity(0.3)),
|
|
ListTile(
|
|
leading: const CircleAvatar(backgroundColor: Colors.grey, child: Icon(Icons.person_off, color: Colors.white)),
|
|
title: Text("Isolado (Sem assistência)", style: TextStyle(color: Theme.of(context).colorScheme.onSurface, fontStyle: FontStyle.italic)),
|
|
onTap: () => Navigator.pop(ctx),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
class TopScoreboard extends StatelessWidget {
|
|
final PlacarController controller;
|
|
final double sf;
|
|
|
|
const TopScoreboard({super.key, required this.controller, required this.sf});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
padding: EdgeInsets.symmetric(vertical: 6 * sf, horizontal: 20 * sf),
|
|
decoration: BoxDecoration(
|
|
color: AppTheme.placarDarkSurface,
|
|
borderRadius: BorderRadius.only(bottomLeft: Radius.circular(22 * sf), bottomRight: Radius.circular(22 * sf)),
|
|
border: Border.all(color: Colors.white, width: 2.0 * sf),
|
|
),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
_buildTeamSection(controller.myTeam, controller.myScore, controller.myFouls, controller.myTimeoutsUsed, AppTheme.myTeamBlue, false, sf),
|
|
SizedBox(width: 20 * sf),
|
|
Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Container(
|
|
padding: EdgeInsets.symmetric(horizontal: 14 * sf, vertical: 4 * sf),
|
|
decoration: BoxDecoration(color: AppTheme.placarTimerBg, borderRadius: BorderRadius.circular(9 * sf)),
|
|
child: ValueListenableBuilder<Duration>(
|
|
valueListenable: controller.durationNotifier,
|
|
builder: (context, duration, child) {
|
|
String formatTime = "${duration.inMinutes.toString().padLeft(2, '0')}:${duration.inSeconds.remainder(60).toString().padLeft(2, '0')}";
|
|
return Text(formatTime, style: TextStyle(color: Colors.white, fontSize: 24 * sf, fontWeight: FontWeight.w900, fontFamily: 'monospace', letterSpacing: 1.5 * sf));
|
|
}
|
|
),
|
|
),
|
|
SizedBox(height: 4 * sf),
|
|
Text("PERÍODO ${controller.currentQuarter}", style: TextStyle(color: AppTheme.warningAmber, fontSize: 12 * sf, fontWeight: FontWeight.w900)),
|
|
],
|
|
),
|
|
SizedBox(width: 20 * sf),
|
|
_buildTeamSection(controller.opponentTeam, controller.opponentScore, controller.opponentFouls, controller.opponentTimeoutsUsed, AppTheme.oppTeamRed, true, sf),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildTeamSection(String name, int score, int fouls, int timeouts, Color color, bool isOpp, double sf) {
|
|
int displayFouls = fouls > 5 ? 5 : fouls;
|
|
final timeoutIndicators = Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: List.generate(3, (index) => Container(
|
|
margin: EdgeInsets.symmetric(horizontal: 2.5 * sf), width: 10 * sf, height: 10 * sf,
|
|
decoration: BoxDecoration(shape: BoxShape.circle, color: index < timeouts ? AppTheme.warningAmber : Colors.grey.shade600, border: Border.all(color: Colors.white54, width: 1.0 * sf)),
|
|
)),
|
|
);
|
|
List<Widget> content = [
|
|
Column(children: [_scoreBox(score, color, sf), SizedBox(height: 5 * sf), timeoutIndicators]),
|
|
SizedBox(width: 12 * sf),
|
|
Column(
|
|
crossAxisAlignment: isOpp ? CrossAxisAlignment.start : CrossAxisAlignment.end,
|
|
children: [
|
|
Text(name.toUpperCase(), style: TextStyle(color: Colors.white, fontSize: 16 * sf, fontWeight: FontWeight.w900, letterSpacing: 1.0 * sf)),
|
|
SizedBox(height: 3 * sf),
|
|
Text("FALTAS: $displayFouls", style: TextStyle(color: displayFouls >= 5 ? AppTheme.actionMiss : AppTheme.warningAmber, fontSize: 11 * sf, fontWeight: FontWeight.bold)),
|
|
],
|
|
)
|
|
];
|
|
return Row(crossAxisAlignment: CrossAxisAlignment.center, children: isOpp ? content : content.reversed.toList());
|
|
}
|
|
|
|
Widget _scoreBox(int score, Color color, double sf) => Container(
|
|
width: 45 * sf, height: 35 * sf, alignment: Alignment.center,
|
|
decoration: BoxDecoration(color: color, borderRadius: BorderRadius.circular(6 * sf)),
|
|
child: Text(score.toString(), style: TextStyle(color: Colors.white, fontSize: 20 * sf, fontWeight: FontWeight.w900)),
|
|
);
|
|
}
|
|
|
|
class BenchPopup extends StatelessWidget {
|
|
final PlacarController controller;
|
|
final bool isOpponent;
|
|
final double sf;
|
|
|
|
const BenchPopup({super.key, required this.controller, required this.isOpponent, required this.sf});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final bench = isOpponent ? controller.oppBench : controller.myBench;
|
|
final teamColor = isOpponent ? AppTheme.oppTeamRed : AppTheme.myTeamBlue;
|
|
final prefix = isOpponent ? "bench_opp_" : "bench_my_";
|
|
final teamName = isOpponent ? controller.opponentTeam : controller.myTeam;
|
|
|
|
return Container(
|
|
width: 280 * sf,
|
|
padding: EdgeInsets.all(12 * sf),
|
|
decoration: BoxDecoration(
|
|
color: AppTheme.placarDarkSurface.withOpacity(0.95),
|
|
borderRadius: BorderRadius.circular(16 * sf),
|
|
border: Border.all(color: teamColor, width: 2 * sf),
|
|
boxShadow: [BoxShadow(color: Colors.black54, blurRadius: 10 * sf, spreadRadius: 2 * sf)],
|
|
),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text("SUPLENTES: ${teamName.toUpperCase()}", style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 12 * sf)),
|
|
InkWell(
|
|
onTap: () {
|
|
if (isOpponent) { controller.showOppBench = false; }
|
|
else { controller.showMyBench = false; }
|
|
controller.notifyListeners();
|
|
},
|
|
child: Icon(Icons.close, color: Colors.white70, size: 20 * sf),
|
|
)
|
|
],
|
|
),
|
|
Divider(color: Colors.white24, height: 16 * sf),
|
|
|
|
Wrap(
|
|
spacing: 12 * sf,
|
|
runSpacing: 12 * sf,
|
|
alignment: WrapAlignment.center,
|
|
children: bench.map((playerId) {
|
|
final playerName = controller.playerNames[playerId] ?? "Erro";
|
|
final num = controller.playerNumbers[playerId] ?? "0";
|
|
final int fouls = controller.playerStats[playerId]?["fls"] ?? 0;
|
|
final bool isFouledOut = fouls >= 5;
|
|
|
|
String shortName = playerName.length > 8 ? "${playerName.substring(0, 7)}." : playerName;
|
|
|
|
Widget avatarUI = Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
CircleAvatar(
|
|
radius: 20 * sf,
|
|
backgroundColor: isFouledOut ? Colors.grey.shade800 : teamColor,
|
|
child: Text(num, style: TextStyle(color: isFouledOut ? Colors.red.shade300 : Colors.white, fontSize: 16 * sf, fontWeight: FontWeight.bold, decoration: isFouledOut ? TextDecoration.lineThrough : TextDecoration.none)),
|
|
),
|
|
SizedBox(height: 4 * sf),
|
|
Text(shortName, style: TextStyle(color: Colors.white, fontSize: 10 * sf, fontWeight: FontWeight.bold), overflow: TextOverflow.ellipsis),
|
|
],
|
|
);
|
|
|
|
if (isFouledOut) {
|
|
return GestureDetector(onTap: () => ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('🛑 $playerName expulso!'), backgroundColor: AppTheme.actionMiss)), child: avatarUI);
|
|
}
|
|
|
|
return Draggable<String>(
|
|
data: "$prefix$playerId",
|
|
feedback: Material(color: Colors.transparent, child: CircleAvatar(radius: 26 * sf, backgroundColor: teamColor, child: Text(num, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 18 * sf)))),
|
|
childWhenDragging: Opacity(opacity: 0.3, child: avatarUI),
|
|
child: avatarUI,
|
|
);
|
|
}).toList(),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class PlayerCourtCard extends StatelessWidget {
|
|
final PlacarController controller;
|
|
final String playerId;
|
|
final bool isOpponent;
|
|
final double sf;
|
|
|
|
const PlayerCourtCard({super.key, required this.controller, required this.playerId, required this.isOpponent, required this.sf});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final teamColor = isOpponent ? AppTheme.oppTeamRed : AppTheme.myTeamBlue;
|
|
|
|
final realName = controller.playerNames[playerId] ?? "Erro";
|
|
final stats = controller.playerStats[playerId]!;
|
|
final number = controller.playerNumbers[playerId]!;
|
|
final prefix = isOpponent ? "player_opp_" : "player_my_";
|
|
|
|
return Draggable<String>(
|
|
data: "$prefix$playerId",
|
|
feedback: Material(
|
|
color: Colors.transparent,
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
|
decoration: BoxDecoration(color: teamColor.withOpacity(0.9), borderRadius: BorderRadius.circular(6)),
|
|
child: Text(realName, style: const TextStyle(color: Colors.white, fontSize: 16, fontWeight: FontWeight.bold)),
|
|
),
|
|
),
|
|
childWhenDragging: Opacity(opacity: 0.5, child: _playerCardUI(number, realName, stats, teamColor, false, false, sf)),
|
|
child: DragTarget<String>(
|
|
onAcceptWithDetails: (details) {
|
|
final action = details.data;
|
|
|
|
if (action == "add_pts_2" || action == "add_pts_3" || action == "miss_2" || action == "miss_3") {
|
|
bool isMake = action.startsWith("add_");
|
|
bool is3Pt = action.endsWith("_3");
|
|
|
|
showDialog(
|
|
context: context,
|
|
builder: (ctx) => ZoneMapDialog(
|
|
playerName: realName,
|
|
isMake: isMake,
|
|
is3PointAction: is3Pt,
|
|
onZoneSelected: (zone, points, relX, relY) {
|
|
Navigator.pop(ctx);
|
|
controller.registerShotFromPopup(context, action, "$prefix$playerId", zone, points, relX, relY);
|
|
|
|
if (isMake) {
|
|
showAssistDialog(context, controller, isOpponent, playerId, sf);
|
|
}
|
|
},
|
|
),
|
|
);
|
|
}
|
|
else if (action.startsWith("add_") || action.startsWith("sub_") || action.startsWith("miss_")) {
|
|
controller.handleActionDrag(context, action, "$prefix$playerId");
|
|
}
|
|
else if (action.startsWith("bench_")) {
|
|
controller.handleSubbing(context, action, playerId, isOpponent);
|
|
}
|
|
},
|
|
builder: (context, candidateData, rejectedData) {
|
|
bool isSubbing = candidateData.any((data) => data != null && (data.startsWith("bench_my_") || data.startsWith("bench_opp_")));
|
|
bool isActionHover = candidateData.any((data) => data != null && (data.startsWith("add_") || data.startsWith("sub_") || data.startsWith("miss_")));
|
|
|
|
return _playerCardUI(number, realName, stats, teamColor, isSubbing, isActionHover, sf);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _playerCardUI(String number, String displayNameStr, Map<String, int> stats, Color teamColor, bool isSubbing, bool isActionHover, double sf) {
|
|
bool isFouledOut = stats["fls"]! >= 5;
|
|
Color bgColor = isFouledOut ? Colors.red.shade100 : Colors.white;
|
|
Color borderColor = isFouledOut ? AppTheme.actionMiss : Colors.transparent;
|
|
|
|
if (isSubbing) { bgColor = Colors.blue.shade50; borderColor = AppTheme.myTeamBlue; }
|
|
else if (isActionHover && !isFouledOut) { bgColor = Colors.orange.shade50; borderColor = AppTheme.actionPoints; }
|
|
|
|
int fgm = stats["fgm"]!; int fga = stats["fga"]!;
|
|
String fgPercent = fga > 0 ? ((fgm / fga) * 100).toStringAsFixed(0) : "0";
|
|
String displayName = displayNameStr.length > 12 ? "${displayNameStr.substring(0, 10)}..." : displayNameStr;
|
|
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 4),
|
|
decoration: BoxDecoration(color: bgColor, borderRadius: BorderRadius.circular(8), border: Border.all(color: borderColor, width: 1.5), boxShadow: const [BoxShadow(color: Colors.black26, blurRadius: 4, offset: Offset(0, 2))]),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(6 * sf),
|
|
child: IntrinsicHeight(
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
Container(
|
|
padding: EdgeInsets.symmetric(horizontal: 10 * sf),
|
|
color: isFouledOut ? Colors.grey[700] : teamColor,
|
|
alignment: Alignment.center,
|
|
child: Text(number, style: TextStyle(color: Colors.white, fontSize: 18 * sf, fontWeight: FontWeight.bold)),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.symmetric(horizontal: 8 * sf, vertical: 4 * sf),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text(displayName, style: TextStyle(fontSize: 14 * sf, fontWeight: FontWeight.bold, color: isFouledOut ? AppTheme.actionMiss : Colors.black87, decoration: isFouledOut ? TextDecoration.lineThrough : TextDecoration.none)),
|
|
SizedBox(height: 1.5 * sf),
|
|
Text("${stats["pts"]} Pts | FG: $fgm/$fga ($fgPercent%)", style: TextStyle(fontSize: 10 * sf, color: isFouledOut ? AppTheme.actionMiss : Colors.grey[700], fontWeight: FontWeight.w600)),
|
|
Text("${stats["ast"]} Ast | ${stats["orb"]! + stats["drb"]!} Rbs | ${stats["fls"]} Fls", style: TextStyle(fontSize: 10 * sf, color: isFouledOut ? AppTheme.actionMiss : Colors.grey[500], fontWeight: FontWeight.w600)),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class ActionButtonsPanel extends StatelessWidget {
|
|
final PlacarController controller;
|
|
final double sf;
|
|
|
|
const ActionButtonsPanel({super.key, required this.controller, required this.sf});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final double baseSize = 58 * sf;
|
|
final double feedSize = 73 * sf;
|
|
final double gap = 5 * sf;
|
|
|
|
return Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: [
|
|
_columnBtn([
|
|
_dragAndTargetBtn("M1", AppTheme.actionMiss, "miss_1", baseSize, feedSize, sf),
|
|
_dragAndTargetBtn("1", AppTheme.actionPoints, "add_pts_1", baseSize, feedSize, sf),
|
|
_dragAndTargetBtn("1", AppTheme.actionPoints, "sub_pts_1", baseSize, feedSize, sf, isX: true),
|
|
_dragAndTargetBtn("STL", AppTheme.actionSteal, "add_stl", baseSize, feedSize, sf),
|
|
], gap),
|
|
SizedBox(width: gap * 1),
|
|
_columnBtn([
|
|
_dragAndTargetBtn("M2", AppTheme.actionMiss, "miss_2", baseSize, feedSize, sf),
|
|
_dragAndTargetBtn("2", AppTheme.actionPoints, "add_pts_2", baseSize, feedSize, sf),
|
|
_dragAndTargetBtn("2", AppTheme.actionPoints, "sub_pts_2", baseSize, feedSize, sf, isX: true),
|
|
_dragAndTargetBtn("AST", AppTheme.actionAssist, "add_ast", baseSize, feedSize, sf),
|
|
], gap),
|
|
SizedBox(width: gap * 1),
|
|
_columnBtn([
|
|
_dragAndTargetBtn("M3", AppTheme.actionMiss, "miss_3", baseSize, feedSize, sf),
|
|
_dragAndTargetBtn("3", AppTheme.actionPoints, "add_pts_3", baseSize, feedSize, sf),
|
|
_dragAndTargetBtn("3", AppTheme.actionPoints, "sub_pts_3", baseSize, feedSize, sf, isX: true),
|
|
_dragAndTargetBtn("TOV", AppTheme.actionMiss, "add_tov", baseSize, feedSize, sf),
|
|
], gap),
|
|
SizedBox(width: gap * 1),
|
|
_columnBtn([
|
|
_dragAndTargetBtn("ORB", AppTheme.actionRebound, "add_orb", baseSize, feedSize, sf, icon: Icons.sports_basketball),
|
|
_dragAndTargetBtn("DRB", AppTheme.actionRebound, "add_drb", baseSize, feedSize, sf, icon: Icons.sports_basketball),
|
|
_dragAndTargetBtn("BLK", AppTheme.actionBlock, "add_blk", baseSize, feedSize, sf, icon: Icons.front_hand),
|
|
], gap),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _columnBtn(List<Widget> children, double gap) {
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: children.map((c) => Padding(padding: EdgeInsets.only(bottom: gap), child: c)).toList()
|
|
);
|
|
}
|
|
|
|
Widget _dragAndTargetBtn(String label, Color color, String actionData, double baseSize, double feedSize, double sf, {IconData? icon, bool isX = false}) {
|
|
return Draggable<String>(
|
|
data: actionData,
|
|
feedback: _circle(label, color, icon, true, baseSize, feedSize, sf, isX: isX),
|
|
childWhenDragging: Opacity(
|
|
opacity: 0.5,
|
|
child: _circle(label, color, icon, false, baseSize, feedSize, sf, isX: isX)
|
|
),
|
|
child: DragTarget<String>(
|
|
onAcceptWithDetails: (details) {},
|
|
builder: (context, candidateData, rejectedData) {
|
|
bool isHovered = candidateData.any((data) => data != null && data.startsWith("player_"));
|
|
return Transform.scale(
|
|
scale: isHovered ? 1.15 : 1.0,
|
|
child: Container(
|
|
decoration: isHovered ? BoxDecoration(shape: BoxShape.circle, boxShadow: [BoxShadow(color: Colors.white, blurRadius: 10 * sf, spreadRadius: 3 * sf)]) : null,
|
|
child: _circle(label, color, icon, false, baseSize, feedSize, sf, isX: isX)
|
|
),
|
|
);
|
|
}
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _circle(String label, Color color, IconData? icon, bool isFeed, double baseSize, double feedSize, double sf, {bool isX = false}) {
|
|
double size = isFeed ? feedSize : baseSize;
|
|
Widget content;
|
|
bool isPointBtn = label == "1" || label == "2" || label == "3" || label == "M1" || label == "M2" || label == "M3";
|
|
bool isBlkBtn = label == "BLK";
|
|
|
|
if (isPointBtn) {
|
|
content = Stack(
|
|
alignment: Alignment.center,
|
|
children: [
|
|
Container(width: size * 0.75, height: size * 0.75, decoration: const BoxDecoration(color: Colors.black, shape: BoxShape.circle)),
|
|
Icon(Icons.sports_basketball, color: color, size: size * 0.9),
|
|
Stack(
|
|
children: [
|
|
Text(label, style: TextStyle(fontSize: size * 0.38, fontWeight: FontWeight.w900, foreground: Paint()..style = PaintingStyle.stroke..strokeWidth = size * 0.05..color = Colors.white, decoration: TextDecoration.none)),
|
|
Text(label, style: TextStyle(fontSize: size * 0.38, fontWeight: FontWeight.w900, color: Colors.black, decoration: TextDecoration.none)),
|
|
],
|
|
),
|
|
],
|
|
);
|
|
} else if (isBlkBtn) {
|
|
content = Stack(
|
|
alignment: Alignment.center,
|
|
children: [
|
|
Icon(Icons.front_hand, color: const Color.fromARGB(207, 56, 52, 52), size: size * 0.75),
|
|
Stack(
|
|
alignment: Alignment.center,
|
|
children: [
|
|
Text(label, style: TextStyle(fontSize: size * 0.28, fontWeight: FontWeight.w900, foreground: Paint()..style = PaintingStyle.stroke..strokeWidth = size * 0.05..color = Colors.black, decoration: TextDecoration.none)),
|
|
Text(label, style: TextStyle(fontSize: size * 0.28, fontWeight: FontWeight.w900, color: Colors.white, decoration: TextDecoration.none)),
|
|
],
|
|
),
|
|
],
|
|
);
|
|
} else if (icon != null) {
|
|
content = Icon(icon, color: Colors.white, size: size * 0.5);
|
|
} else {
|
|
content = Text(label, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: size * 0.35, decoration: TextDecoration.none));
|
|
}
|
|
|
|
return Stack(
|
|
clipBehavior: Clip.none,
|
|
alignment: Alignment.bottomRight,
|
|
children: [
|
|
Container(
|
|
width: size, height: size,
|
|
decoration: (isPointBtn || isBlkBtn)
|
|
? const BoxDecoration(color: Colors.transparent)
|
|
: BoxDecoration(gradient: RadialGradient(colors: [color.withOpacity(0.7), color], radius: 0.8), shape: BoxShape.circle, boxShadow: [BoxShadow(color: Colors.black38, blurRadius: 6 * sf, offset: Offset(0, 3 * sf))]),
|
|
alignment: Alignment.center,
|
|
child: content,
|
|
),
|
|
if (isX) Positioned(top: 0, right: 0, child: Container(decoration: const BoxDecoration(color: Colors.white, shape: BoxShape.circle), child: Icon(Icons.cancel, color: Colors.red, size: size * 0.4))),
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|
|
class HeatmapDialog extends StatefulWidget {
|
|
final List<dynamic> shots;
|
|
final String myTeamName;
|
|
final String oppTeamName;
|
|
final List<String> myPlayers;
|
|
final List<String> oppPlayers;
|
|
final Map<String, Map<String, int>> playerStats;
|
|
|
|
const HeatmapDialog({
|
|
super.key,
|
|
required this.shots,
|
|
required this.myTeamName,
|
|
required this.oppTeamName,
|
|
required this.myPlayers,
|
|
required this.oppPlayers,
|
|
required this.playerStats,
|
|
});
|
|
|
|
@override
|
|
State<HeatmapDialog> createState() => _HeatmapDialogState();
|
|
}
|
|
|
|
class _HeatmapDialogState extends State<HeatmapDialog> {
|
|
bool _isMapVisible = false;
|
|
String _selectedTeam = '';
|
|
String _selectedPlayer = '';
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final Color headerColor = const Color(0xFFE88F15);
|
|
final Color yellowBackground = const Color(0xFFDFAB00);
|
|
|
|
final double screenHeight = MediaQuery.of(context).size.height;
|
|
final double dialogHeight = screenHeight * 0.95;
|
|
final double dialogWidth = dialogHeight * 1.0;
|
|
|
|
return Dialog(
|
|
backgroundColor: yellowBackground,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
|
clipBehavior: Clip.antiAlias,
|
|
insetPadding: const EdgeInsets.all(10),
|
|
child: SizedBox(
|
|
height: dialogHeight,
|
|
width: dialogWidth,
|
|
child: _isMapVisible ? _buildMapScreen(headerColor) : _buildSelectionScreen(headerColor),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildSelectionScreen(Color headerColor) {
|
|
return Column(
|
|
children: [
|
|
Container(
|
|
height: 40,
|
|
color: headerColor,
|
|
width: double.infinity,
|
|
child: Stack(
|
|
alignment: Alignment.center,
|
|
children: [
|
|
const Text(
|
|
"ESCOLHE A EQUIPA OU UM JOGADOR",
|
|
style: TextStyle(color: Colors.white, fontSize: 14, fontWeight: FontWeight.bold),
|
|
),
|
|
Positioned(
|
|
right: 8,
|
|
child: InkWell(
|
|
onTap: () => Navigator.pop(context),
|
|
child: Container(
|
|
padding: const EdgeInsets.all(4),
|
|
decoration: const BoxDecoration(color: Colors.white, shape: BoxShape.circle),
|
|
child: Icon(Icons.close, color: headerColor, size: 16),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
|
|
Expanded(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
child: _buildTeamColumn(
|
|
teamName: widget.myTeamName,
|
|
players: widget.myPlayers,
|
|
teamColor: AppTheme.myTeamBlue,
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: _buildTeamColumn(
|
|
teamName: widget.oppTeamName,
|
|
players: widget.oppPlayers,
|
|
teamColor: AppTheme.oppTeamRed,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildTeamColumn({required String teamName, required List<String> players, required Color teamColor}) {
|
|
List<String> realPlayers = players.where((p) => !p.startsWith("Sem ")).toList();
|
|
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
InkWell(
|
|
onTap: () => setState(() {
|
|
_selectedTeam = teamName;
|
|
_selectedPlayer = 'Todos';
|
|
_isMapVisible = true;
|
|
}),
|
|
child: Container(
|
|
width: double.infinity,
|
|
padding: const EdgeInsets.symmetric(vertical: 10),
|
|
decoration: BoxDecoration(
|
|
color: teamColor,
|
|
borderRadius: const BorderRadius.only(topLeft: Radius.circular(8), topRight: Radius.circular(8)),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Text(teamName.toUpperCase(), style: const TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 16)),
|
|
const SizedBox(height: 4),
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 2),
|
|
decoration: BoxDecoration(color: Colors.white24, borderRadius: BorderRadius.circular(12)),
|
|
child: const Text("MAPA GERAL DA EQUIPA", style: TextStyle(color: Colors.white, fontSize: 10, fontWeight: FontWeight.bold)),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: ListView.separated(
|
|
itemCount: realPlayers.length,
|
|
separatorBuilder: (context, index) => const Divider(height: 1, color: Colors.black12),
|
|
itemBuilder: (context, index) {
|
|
String p = realPlayers[index];
|
|
int pts = widget.playerStats[p]?['pts'] ?? 0;
|
|
|
|
return ListTile(
|
|
dense: true,
|
|
visualDensity: VisualDensity.compact,
|
|
leading: Icon(Icons.person, color: teamColor),
|
|
title: Text(p, style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 13, color: Colors.black87)),
|
|
trailing: Text("$pts Pts", style: TextStyle(fontWeight: FontWeight.bold, fontSize: 13, color: teamColor)),
|
|
onTap: () => setState(() {
|
|
_selectedTeam = teamName;
|
|
_selectedPlayer = p;
|
|
_isMapVisible = true;
|
|
}),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildMapScreen(Color headerColor) {
|
|
List<dynamic> filteredShots = widget.shots.where((s) {
|
|
if (_selectedPlayer != 'Todos') return s.playerName == _selectedPlayer;
|
|
if (_selectedTeam == widget.myTeamName) return widget.myPlayers.contains(s.playerName);
|
|
if (_selectedTeam == widget.oppTeamName) return widget.oppPlayers.contains(s.playerName);
|
|
return true;
|
|
}).toList();
|
|
|
|
String titleText = _selectedPlayer == 'Todos'
|
|
? "MAPA GERAL: ${_selectedTeam.toUpperCase()}"
|
|
: "MAPA: ${_selectedPlayer.toUpperCase()}";
|
|
|
|
return Column(
|
|
children: [
|
|
Container(
|
|
height: 40,
|
|
color: headerColor,
|
|
width: double.infinity,
|
|
child: Stack(
|
|
alignment: Alignment.center,
|
|
children: [
|
|
Positioned(
|
|
left: 8,
|
|
child: InkWell(
|
|
onTap: () => setState(() => _isMapVisible = false),
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
|
decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(12)),
|
|
child: Row(
|
|
children: [
|
|
Icon(Icons.arrow_back, color: headerColor, size: 14),
|
|
const SizedBox(width: 4),
|
|
Text("VOLTAR", style: TextStyle(color: headerColor, fontWeight: FontWeight.bold, fontSize: 12)),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Text(
|
|
titleText,
|
|
style: const TextStyle(color: Colors.white, fontSize: 14, fontWeight: FontWeight.bold),
|
|
),
|
|
Positioned(
|
|
right: 8,
|
|
child: InkWell(
|
|
onTap: () => Navigator.pop(context),
|
|
child: Container(
|
|
padding: const EdgeInsets.all(4),
|
|
decoration: const BoxDecoration(color: Colors.white, shape: BoxShape.circle),
|
|
child: Icon(Icons.close, color: headerColor, size: 16),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
Expanded(
|
|
child: LayoutBuilder(
|
|
builder: (context, constraints) {
|
|
return Stack(
|
|
children: [
|
|
CustomPaint(
|
|
size: Size(constraints.maxWidth, constraints.maxHeight),
|
|
painter: HeatmapCourtPainter(),
|
|
),
|
|
...filteredShots.map((shot) => Positioned(
|
|
left: (shot.relativeX * constraints.maxWidth) - 8,
|
|
top: (shot.relativeY * constraints.maxHeight) - 8,
|
|
child: CircleAvatar(
|
|
radius: 8,
|
|
backgroundColor: shot.isMake ? AppTheme.successGreen : AppTheme.actionMiss,
|
|
child: Icon(shot.isMake ? Icons.check : Icons.close, size: 10, color: Colors.white)
|
|
),
|
|
)),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|
|
class HeatmapCourtPainter extends CustomPainter {
|
|
@override
|
|
void paint(Canvas canvas, Size size) {
|
|
final double w = size.width;
|
|
final double h = size.height;
|
|
final double basketX = w / 2;
|
|
|
|
final Paint whiteStroke = Paint()..color = Colors.white..style = PaintingStyle.stroke..strokeWidth = 2.0;
|
|
final Paint blackStroke = Paint()..color = Colors.black87..style = PaintingStyle.stroke..strokeWidth = 2.0;
|
|
|
|
final double margin = w * 0.10;
|
|
final double length = h * 0.35;
|
|
final double larguraDoArco = (w / 2) - margin;
|
|
final double alturaDoArco = larguraDoArco * 0.30;
|
|
final double totalArcoHeight = alturaDoArco * 4;
|
|
|
|
canvas.drawLine(Offset(margin, 0), Offset(margin, length), whiteStroke);
|
|
canvas.drawLine(Offset(w - margin, 0), Offset(w - margin, length), whiteStroke);
|
|
canvas.drawLine(Offset(0, length), Offset(margin, length), whiteStroke);
|
|
canvas.drawLine(Offset(w - margin, length), Offset(w, length), whiteStroke);
|
|
canvas.drawArc(Rect.fromCenter(center: Offset(basketX, length), width: larguraDoArco * 2, height: totalArcoHeight), 0, math.pi, false, whiteStroke);
|
|
|
|
double sXL = basketX + (larguraDoArco * math.cos(math.pi * 0.75));
|
|
double sYL = length + ((totalArcoHeight / 2) * math.sin(math.pi * 0.75));
|
|
double sXR = basketX + (larguraDoArco * math.cos(math.pi * 0.25));
|
|
double sYR = length + ((totalArcoHeight / 2) * math.sin(math.pi * 0.25));
|
|
|
|
canvas.drawLine(Offset(sXL, sYL), Offset(0, h * 0.85), whiteStroke);
|
|
canvas.drawLine(Offset(sXR, sYR), Offset(w, h * 0.85), whiteStroke);
|
|
|
|
final double pW = w * 0.28;
|
|
final double pH = h * 0.38;
|
|
canvas.drawRect(Rect.fromLTWH(basketX - pW / 2, 0, pW, pH), blackStroke);
|
|
|
|
final double ftR = pW / 2;
|
|
canvas.drawArc(Rect.fromCircle(center: Offset(basketX, pH), radius: ftR), 0, math.pi, false, blackStroke);
|
|
for (int i = 0; i < 10; i++) {
|
|
canvas.drawArc(Rect.fromCircle(center: Offset(basketX, pH), radius: ftR), math.pi + (i * 2 * (math.pi / 20)), math.pi / 20, false, blackStroke);
|
|
}
|
|
|
|
canvas.drawLine(Offset(basketX - pW / 2, pH), Offset(sXL, sYL), blackStroke);
|
|
canvas.drawLine(Offset(basketX + pW / 2, pH), Offset(sXR, sYR), blackStroke);
|
|
|
|
canvas.drawArc(Rect.fromCircle(center: Offset(basketX, h), radius: w * 0.12), math.pi, math.pi, false, blackStroke);
|
|
canvas.drawCircle(Offset(basketX, h * 0.12), w * 0.02, blackStroke);
|
|
canvas.drawLine(Offset(basketX - w * 0.08, h * 0.12 - 5), Offset(basketX + w * 0.08, h * 0.12 - 5), blackStroke);
|
|
}
|
|
|
|
@override
|
|
bool shouldRepaint(covariant CustomPainter oldDelegate) => false;
|
|
}
|
|
|
|
// ============================================================================
|
|
// 5. CAIXA DE HISTÓRICO (PLAY-BY-PLAY)
|
|
// ============================================================================
|
|
class PlayByPlayDialog extends StatelessWidget {
|
|
final PlacarController controller;
|
|
const PlayByPlayDialog({super.key, required this.controller});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Dialog(
|
|
backgroundColor: AppTheme.placarDarkSurface,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
|
child: Container(
|
|
width: 400,
|
|
height: MediaQuery.of(context).size.height * 0.8,
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
const Text("HISTÓRICO DE JOGADAS", style: TextStyle(color: Colors.white, fontSize: 18, fontWeight: FontWeight.bold)),
|
|
IconButton(icon: const Icon(Icons.close, color: Colors.white), onPressed: () => Navigator.pop(context))
|
|
],
|
|
),
|
|
const Divider(color: Colors.white24),
|
|
Expanded(
|
|
child: controller.playByPlay.isEmpty
|
|
? const Center(child: Text("Ainda não há jogadas.", style: TextStyle(color: Colors.white54)))
|
|
: ListView.separated(
|
|
itemCount: controller.playByPlay.length,
|
|
separatorBuilder: (_, __) => const Divider(color: Colors.white10),
|
|
itemBuilder: (context, index) {
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 4.0),
|
|
child: Text(
|
|
controller.playByPlay[index],
|
|
style: const TextStyle(color: Colors.white, fontSize: 14),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
// ============================================================================
|
|
// 6. ECRÃ DE BOX SCORE (ESTATÍSTICAS GERAIS)
|
|
// ============================================================================
|
|
class BoxScoreDialog extends StatelessWidget {
|
|
final PlacarController controller;
|
|
const BoxScoreDialog({super.key, required this.controller});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Dialog(
|
|
backgroundColor: AppTheme.placarDarkSurface,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
|
child: Container(
|
|
width: MediaQuery.of(context).size.width * 0.9,
|
|
height: MediaQuery.of(context).size.height * 0.9,
|
|
padding: const EdgeInsets.all(16),
|
|
child: DefaultTabController(
|
|
length: 2,
|
|
child: Column(
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
const Text("BOX SCORE", style: TextStyle(color: Colors.white, fontSize: 22, fontWeight: FontWeight.bold)),
|
|
IconButton(icon: const Icon(Icons.close, color: Colors.white), onPressed: () => Navigator.pop(context))
|
|
],
|
|
),
|
|
TabBar(
|
|
indicatorColor: AppTheme.warningAmber,
|
|
labelColor: Colors.white,
|
|
unselectedLabelColor: Colors.white54,
|
|
tabs: [
|
|
Tab(text: controller.myTeam.toUpperCase()),
|
|
Tab(text: controller.opponentTeam.toUpperCase()),
|
|
],
|
|
),
|
|
const SizedBox(height: 10),
|
|
Expanded(
|
|
child: TabBarView(
|
|
children: [
|
|
_buildStatsTable(controller.myCourt + controller.myBench, controller),
|
|
_buildStatsTable(controller.oppCourt + controller.oppBench, controller),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildStatsTable(List<String> teamPlayers, PlacarController ctrl) {
|
|
return SingleChildScrollView(
|
|
scrollDirection: Axis.vertical,
|
|
child: SingleChildScrollView(
|
|
scrollDirection: Axis.horizontal,
|
|
child: DataTable(
|
|
headingRowColor: WidgetStateProperty.all(Colors.black26),
|
|
columns: const [
|
|
DataColumn(label: Text('JOGADOR', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold))),
|
|
DataColumn(label: Text('PTS', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold))),
|
|
DataColumn(label: Text('REB', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold))),
|
|
DataColumn(label: Text('AST', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold))),
|
|
DataColumn(label: Text('STL', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold))),
|
|
DataColumn(label: Text('BLK', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold))),
|
|
DataColumn(label: Text('TOV', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold))),
|
|
DataColumn(label: Text('FLS', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold))),
|
|
DataColumn(label: Text('FG', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold))),
|
|
],
|
|
rows: teamPlayers.where((id) => !id.startsWith("fake_")).map((id) {
|
|
final name = ctrl.playerNames[id] ?? "---";
|
|
final s = ctrl.playerStats[id]!;
|
|
final rebs = s['orb']! + s['drb']!;
|
|
final fgText = "${s['fgm']}/${s['fga']}";
|
|
return DataRow(
|
|
cells: [
|
|
DataCell(Text(name, style: const TextStyle(color: Colors.white))),
|
|
DataCell(Text(s['pts'].toString(), style: const TextStyle(color: AppTheme.warningAmber, fontWeight: FontWeight.bold))),
|
|
DataCell(Text(rebs.toString(), style: const TextStyle(color: Colors.white))),
|
|
DataCell(Text(s['ast'].toString(), style: const TextStyle(color: Colors.white))),
|
|
DataCell(Text(s['stl'].toString(), style: const TextStyle(color: Colors.white))),
|
|
DataCell(Text(s['blk'].toString(), style: const TextStyle(color: Colors.white))),
|
|
DataCell(Text(s['tov'].toString(), style: const TextStyle(color: Colors.redAccent))),
|
|
DataCell(Text(s['fls'].toString(), style: const TextStyle(color: Colors.white))),
|
|
DataCell(Text(fgText, style: const TextStyle(color: Colors.white54))),
|
|
],
|
|
);
|
|
}).toList(),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
} |