444 lines
20 KiB
Dart
444 lines
20 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:playmaker/controllers/placar_controller.dart';
|
|
import 'package:playmaker/zone_map_dialog.dart';
|
|
|
|
// ============================================================================
|
|
// 1. PLACAR SUPERIOR (CRONÓMETRO E RESULTADO)
|
|
// ============================================================================
|
|
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: 10 * sf, horizontal: 35 * sf),
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFF16202C),
|
|
borderRadius: BorderRadius.only(
|
|
bottomLeft: Radius.circular(22 * sf),
|
|
bottomRight: Radius.circular(22 * sf)
|
|
),
|
|
border: Border.all(color: Colors.white, width: 2.5 * sf),
|
|
),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
_buildTeamSection(controller.myTeam, controller.myScore, controller.myFouls, controller.myTimeoutsUsed, const Color(0xFF1E5BB2), false, sf),
|
|
SizedBox(width: 30 * sf),
|
|
Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Container(
|
|
padding: EdgeInsets.symmetric(horizontal: 18 * sf, vertical: 5 * sf),
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFF2C3E50),
|
|
borderRadius: BorderRadius.circular(9 * sf)
|
|
),
|
|
child: Text(
|
|
controller.formatTime(),
|
|
style: TextStyle(color: Colors.white, fontSize: 28 * sf, fontWeight: FontWeight.w900, fontFamily: 'monospace', letterSpacing: 2 * sf)
|
|
),
|
|
),
|
|
SizedBox(height: 5 * sf),
|
|
Text(
|
|
"PERÍODO ${controller.currentQuarter}",
|
|
style: TextStyle(color: Colors.orangeAccent, fontSize: 14 * sf, fontWeight: FontWeight.w900)
|
|
),
|
|
],
|
|
),
|
|
SizedBox(width: 30 * sf),
|
|
_buildTeamSection(controller.opponentTeam, controller.opponentScore, controller.opponentFouls, controller.opponentTimeoutsUsed, const Color(0xFFD92C2C), 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: 3.5 * sf),
|
|
width: 12 * sf, height: 12 * sf,
|
|
decoration: BoxDecoration(
|
|
shape: BoxShape.circle,
|
|
color: index < timeouts ? Colors.yellow : Colors.grey.shade600,
|
|
border: Border.all(color: Colors.white54, width: 1.5 * sf)
|
|
),
|
|
)),
|
|
);
|
|
|
|
List<Widget> content = [
|
|
Column(
|
|
children: [
|
|
_scoreBox(score, color, sf),
|
|
SizedBox(height: 7 * sf),
|
|
timeoutIndicators
|
|
]
|
|
),
|
|
SizedBox(width: 18 * sf),
|
|
Column(
|
|
crossAxisAlignment: isOpp ? CrossAxisAlignment.start : CrossAxisAlignment.end,
|
|
children: [
|
|
Text(
|
|
name.toUpperCase(),
|
|
style: TextStyle(color: Colors.white, fontSize: 20 * sf, fontWeight: FontWeight.w900, letterSpacing: 1.2 * sf)
|
|
),
|
|
SizedBox(height: 5 * sf),
|
|
Text(
|
|
"FALTAS: $displayFouls",
|
|
style: TextStyle(color: displayFouls >= 5 ? Colors.redAccent : Colors.yellowAccent, fontSize: 13 * 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: 58 * sf, height: 45 * sf,
|
|
alignment: Alignment.center,
|
|
decoration: BoxDecoration(color: color, borderRadius: BorderRadius.circular(7 * sf)),
|
|
child: Text(score.toString(), style: TextStyle(color: Colors.white, fontSize: 26 * sf, fontWeight: FontWeight.w900)),
|
|
);
|
|
}
|
|
|
|
// ============================================================================
|
|
// 2. BANCO DE SUPLENTES (DRAG & DROP)
|
|
// ============================================================================
|
|
class BenchPlayersList extends StatelessWidget {
|
|
final PlacarController controller;
|
|
final bool isOpponent;
|
|
final double sf;
|
|
|
|
const BenchPlayersList({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 ? const Color(0xFFD92C2C) : const Color(0xFF1E5BB2);
|
|
final prefix = isOpponent ? "bench_opp_" : "bench_my_";
|
|
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: bench.map((playerName) {
|
|
final num = controller.playerNumbers[playerName] ?? "0";
|
|
final int fouls = controller.playerStats[playerName]?["fls"] ?? 0;
|
|
final bool isFouledOut = fouls >= 5;
|
|
|
|
Widget avatarUI = Container(
|
|
margin: EdgeInsets.only(bottom: 7 * sf),
|
|
decoration: BoxDecoration(
|
|
shape: BoxShape.circle,
|
|
border: Border.all(color: Colors.white, width: 1.8 * sf),
|
|
boxShadow: [BoxShadow(color: Colors.black45, blurRadius: 5 * sf, offset: Offset(0, 2.5 * sf))]
|
|
),
|
|
child: CircleAvatar(
|
|
radius: 22 * 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
|
|
)
|
|
),
|
|
),
|
|
);
|
|
|
|
if (isFouledOut) {
|
|
return GestureDetector(
|
|
onTap: () => ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('🛑 $playerName não pode voltar (Expulso).'), backgroundColor: Colors.red)),
|
|
child: avatarUI
|
|
);
|
|
}
|
|
|
|
return Draggable<String>(
|
|
data: "$prefix$playerName",
|
|
feedback: Material(
|
|
color: Colors.transparent,
|
|
child: CircleAvatar(
|
|
radius: 28 * sf,
|
|
backgroundColor: teamColor,
|
|
child: Text(num, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 18 * sf))
|
|
)
|
|
),
|
|
childWhenDragging: Opacity(opacity: 0.5, child: SizedBox(width: 45 * sf, height: 45 * sf)),
|
|
child: avatarUI,
|
|
);
|
|
}).toList(),
|
|
);
|
|
}
|
|
}
|
|
|
|
// ============================================================================
|
|
// 3. CARTÃO DO JOGADOR NO CAMPO (TARGET DE FALTAS/PONTOS/SUBSTITUIÇÕES)
|
|
// ============================================================================
|
|
// ============================================================================
|
|
// 3. CARTÃO DO JOGADOR NO CAMPO (AGORA ABRE O POPUP AMARELO)
|
|
// ============================================================================
|
|
class PlayerCourtCard extends StatelessWidget {
|
|
final PlacarController controller;
|
|
final String name;
|
|
final bool isOpponent;
|
|
final double sf;
|
|
|
|
const PlayerCourtCard({super.key, required this.controller, required this.name, required this.isOpponent, required this.sf});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final teamColor = isOpponent ? const Color(0xFFD92C2C) : const Color(0xFF1E5BB2);
|
|
final stats = controller.playerStats[name]!;
|
|
final number = controller.playerNumbers[name]!;
|
|
final prefix = isOpponent ? "player_opp_" : "player_my_";
|
|
|
|
return Draggable<String>(
|
|
data: "$prefix$name",
|
|
feedback: Material(
|
|
color: Colors.transparent,
|
|
child: Container(
|
|
padding: EdgeInsets.symmetric(horizontal: 18 * sf, vertical: 11 * sf),
|
|
decoration: BoxDecoration(color: teamColor.withOpacity(0.9), borderRadius: BorderRadius.circular(9 * sf)),
|
|
child: Text(name, style: TextStyle(color: Colors.white, fontSize: 20 * sf, fontWeight: FontWeight.bold)),
|
|
),
|
|
),
|
|
childWhenDragging: Opacity(opacity: 0.5, child: _playerCardUI(number, name, stats, teamColor, false, false, sf)),
|
|
child: DragTarget<String>(
|
|
onAcceptWithDetails: (details) {
|
|
final action = details.data;
|
|
|
|
// 👇 SE FOR UM LANÇAMENTO DE CAMPO (2 OU 3 PONTOS), ABRE O POPUP AMARELO!
|
|
if (action == "add_pts_2" || action == "add_pts_3" || action == "miss_2" || action == "miss_3") {
|
|
bool isMake = action.startsWith("add_");
|
|
|
|
showDialog(
|
|
context: context,
|
|
builder: (ctx) => ZoneMapDialog(
|
|
playerName: name,
|
|
isMake: isMake,
|
|
onZoneSelected: (zone, points, relX, relY) {
|
|
Navigator.pop(ctx); // Fecha o popup amarelo
|
|
|
|
// 👇 MANDA OS DADOS PARA O CONTROLLER! (Vais ter de criar esta função no PlacarController)
|
|
controller.registerShotFromPopup(context, action, "$prefix$name", zone, points, relX, relY);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
// Se for 1 Ponto (Lance Livre), Falta, Ressalto ou Roubo, FAZ TUDO NORMAL!
|
|
else if (action.startsWith("add_") || action.startsWith("sub_") || action.startsWith("miss_")) {
|
|
controller.handleActionDrag(context, action, "$prefix$name");
|
|
} else if (action.startsWith("bench_")) {
|
|
controller.handleSubbing(context, action, name, 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, name, stats, teamColor, isSubbing, isActionHover, sf);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _playerCardUI(String number, String name, Map<String, int> stats, Color teamColor, bool isSubbing, bool isActionHover, double sf) {
|
|
// ... (Mantém o teu código de design _playerCardUI que já tinhas aqui dentro, fica igualzinho!)
|
|
bool isFouledOut = stats["fls"]! >= 5;
|
|
Color bgColor = isFouledOut ? Colors.red.shade50 : Colors.white;
|
|
Color borderColor = isFouledOut ? Colors.redAccent : Colors.transparent;
|
|
|
|
if (isSubbing) { bgColor = Colors.blue.shade50; borderColor = Colors.blue; }
|
|
else if (isActionHover && !isFouledOut) { bgColor = Colors.orange.shade50; borderColor = Colors.orange; }
|
|
|
|
int fgm = stats["fgm"]!;
|
|
int fga = stats["fga"]!;
|
|
String fgPercent = fga > 0 ? ((fgm / fga) * 100).toStringAsFixed(0) : "0";
|
|
String displayName = name.length > 12 ? "${name.substring(0, 10)}..." : name;
|
|
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
color: bgColor,
|
|
borderRadius: BorderRadius.circular(11 * sf),
|
|
border: Border.all(color: borderColor, width: 1.8 * sf),
|
|
boxShadow: [BoxShadow(color: Colors.black26, blurRadius: 5 * sf, offset: Offset(2 * sf, 3.5 * sf))],
|
|
),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(9 * sf),
|
|
child: IntrinsicHeight(
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
Container(
|
|
padding: EdgeInsets.symmetric(horizontal: 16 * sf),
|
|
color: isFouledOut ? Colors.grey[700] : teamColor,
|
|
alignment: Alignment.center,
|
|
child: Text(number, style: TextStyle(color: Colors.white, fontSize: 22 * sf, fontWeight: FontWeight.bold)),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.symmetric(horizontal: 12 * sf, vertical: 7 * sf),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text(displayName, style: TextStyle(fontSize: 16 * sf, fontWeight: FontWeight.bold, color: isFouledOut ? Colors.red : Colors.black87, decoration: isFouledOut ? TextDecoration.lineThrough : TextDecoration.none)),
|
|
SizedBox(height: 2.5 * sf),
|
|
Text("${stats["pts"]} Pts | FG: $fgm/$fga ($fgPercent%)", style: TextStyle(fontSize: 12 * sf, color: isFouledOut ? Colors.red : Colors.grey[700], fontWeight: FontWeight.w600)),
|
|
Text("${stats["ast"]} Ast | ${stats["orb"]! + stats["drb"]!} Rbs | ${stats["fls"]} Fls", style: TextStyle(fontSize: 12 * sf, color: isFouledOut ? Colors.red : Colors.grey[500], fontWeight: FontWeight.w600)),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
// ============================================================================
|
|
// 4. PAINEL DE BOTÕES DE AÇÃO (PONTOS, RESSALTOS, ETC)
|
|
// ============================================================================
|
|
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 = 65 * sf;
|
|
final double feedSize = 82 * sf;
|
|
final double gap = 7 * sf;
|
|
|
|
return Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: [
|
|
_columnBtn([
|
|
_dragAndTargetBtn("M1", Colors.redAccent, "miss_1", baseSize, feedSize, sf),
|
|
_dragAndTargetBtn("1", Colors.orange, "add_pts_1", baseSize, feedSize, sf),
|
|
_dragAndTargetBtn("1", Colors.orange, "sub_pts_1", baseSize, feedSize, sf, isX: true),
|
|
_dragAndTargetBtn("STL", Colors.green, "add_stl", baseSize, feedSize, sf),
|
|
], gap),
|
|
SizedBox(width: gap * 1),
|
|
_columnBtn([
|
|
_dragAndTargetBtn("M2", Colors.redAccent, "miss_2", baseSize, feedSize, sf),
|
|
_dragAndTargetBtn("2", Colors.orange, "add_pts_2", baseSize, feedSize, sf),
|
|
_dragAndTargetBtn("2", Colors.orange, "sub_pts_2", baseSize, feedSize, sf, isX: true),
|
|
_dragAndTargetBtn("AST", Colors.blueGrey, "add_ast", baseSize, feedSize, sf),
|
|
], gap),
|
|
SizedBox(width: gap * 1),
|
|
_columnBtn([
|
|
_dragAndTargetBtn("M3", Colors.redAccent, "miss_3", baseSize, feedSize, sf),
|
|
_dragAndTargetBtn("3", Colors.orange, "add_pts_3", baseSize, feedSize, sf),
|
|
_dragAndTargetBtn("3", Colors.orange, "sub_pts_3", baseSize, feedSize, sf, isX: true),
|
|
_dragAndTargetBtn("TOV", Colors.redAccent, "add_tov", baseSize, feedSize, sf),
|
|
], gap),
|
|
SizedBox(width: gap * 1),
|
|
_columnBtn([
|
|
_dragAndTargetBtn("ORB", const Color(0xFF1E2A38), "add_orb", baseSize, feedSize, sf, icon: Icons.sports_basketball),
|
|
_dragAndTargetBtn("DRB", const Color(0xFF1E2A38), "add_drb", baseSize, feedSize, sf, icon: Icons.sports_basketball),
|
|
_dragAndTargetBtn("BLK", Colors.deepPurple, "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) {}, // O PlayerCourtCard é que processa a ação!
|
|
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))),
|
|
],
|
|
);
|
|
}
|
|
|
|
}
|