265 lines
12 KiB
Dart
265 lines
12 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:playmaker/controllers/placar_controller.dart';
|
|
import 'package:playmaker/widgets/placar_widgets.dart';
|
|
import 'dart:math' as math;
|
|
|
|
class PlacarPage extends StatefulWidget {
|
|
final String gameId, myTeam, opponentTeam;
|
|
const PlacarPage({super.key, required this.gameId, required this.myTeam, required this.opponentTeam});
|
|
|
|
@override
|
|
State<PlacarPage> createState() => _PlacarPageState();
|
|
}
|
|
|
|
class _PlacarPageState extends State<PlacarPage> {
|
|
late PlacarController _controller;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
SystemChrome.setPreferredOrientations([
|
|
DeviceOrientation.landscapeRight,
|
|
DeviceOrientation.landscapeLeft,
|
|
]);
|
|
|
|
_controller = PlacarController(
|
|
gameId: widget.gameId,
|
|
myTeam: widget.myTeam,
|
|
opponentTeam: widget.opponentTeam,
|
|
onUpdate: () {
|
|
if (mounted) setState(() {});
|
|
}
|
|
);
|
|
_controller.loadPlayers();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_controller.dispose();
|
|
SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
|
|
super.dispose();
|
|
}
|
|
|
|
Widget _buildFloatingFoulBtn(String label, Color color, String action, IconData icon, double left, double right, double top, double h) {
|
|
return Positioned(
|
|
top: top,
|
|
left: left > 0 ? left : null,
|
|
right: right > 0 ? right : null,
|
|
child: Draggable<String>(
|
|
data: action,
|
|
feedback: Material(
|
|
color: Colors.transparent,
|
|
child: CircleAvatar(
|
|
radius: 30,
|
|
backgroundColor: color.withOpacity(0.8),
|
|
child: Icon(icon, color: Colors.white)
|
|
),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
CircleAvatar(
|
|
radius: 25,
|
|
backgroundColor: color,
|
|
child: Icon(icon, color: Colors.white, size: 30),
|
|
),
|
|
Text(label, style: const TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 12)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
if (_controller.isLoading) {
|
|
return Scaffold(
|
|
backgroundColor: const Color(0xFF16202C),
|
|
body: Stack(
|
|
children: [
|
|
Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
const Text(
|
|
"PREPARANDO O PAVILHÃO",
|
|
style: TextStyle(color: Colors.white24, fontSize: 28, fontWeight: FontWeight.bold, letterSpacing: 2)
|
|
),
|
|
const SizedBox(height: 15),
|
|
StreamBuilder(
|
|
stream: Stream.periodic(const Duration(seconds: 3)),
|
|
builder: (context, snapshot) {
|
|
List<String> frases = [
|
|
"O Treinador está a desenhar a tática...",
|
|
"A encher as bolas com ar de campeão...",
|
|
"O árbitro está a testar o apito...",
|
|
"A verificar se o cesto está nivelado...",
|
|
"Os jogadores estão a terminar o aquecimento..."
|
|
];
|
|
String frase = frases[DateTime.now().second % frases.length];
|
|
return Text(
|
|
frase,
|
|
style: TextStyle(color: Colors.orange.withOpacity(0.7), fontSize: 18, fontStyle: FontStyle.italic)
|
|
);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
TweenAnimationBuilder<double>(
|
|
tween: Tween(begin: 0.0, end: 1.0),
|
|
duration: const Duration(milliseconds: 1500),
|
|
builder: (context, value, child) {
|
|
double bounce = (math.sin(value * math.pi * 4)).abs();
|
|
return AnimatedAlign(
|
|
duration: const Duration(milliseconds: 1500),
|
|
alignment: Alignment(value > 0.5 ? 0.9 : -0.9, 0.7 - (bounce * 0.4)),
|
|
child: const Icon(Icons.sports_basketball, size: 70, color: Colors.orange),
|
|
);
|
|
},
|
|
onEnd: () => setState(() {}),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
return Scaffold(
|
|
backgroundColor: const Color(0xFF266174),
|
|
body: Stack(
|
|
children: [
|
|
Container(
|
|
margin: const EdgeInsets.only(left: 60, right: 60, bottom: 50),
|
|
decoration: BoxDecoration(border: Border.all(color: Colors.white, width: 2.0)),
|
|
child: LayoutBuilder(
|
|
builder: (context, constraints) {
|
|
final w = constraints.maxWidth;
|
|
final h = constraints.maxHeight;
|
|
|
|
return Stack(
|
|
children: [
|
|
// --- MAPA DO CAMPO ---
|
|
GestureDetector(
|
|
onTapDown: (details) {
|
|
if (_controller.isSelectingShotLocation) {
|
|
// AQUI É QUE A MAGIA ACONTECE! Passamos o tamanho exato do layout
|
|
_controller.registerShotLocation(
|
|
context,
|
|
details.localPosition,
|
|
Size(w, h)
|
|
);
|
|
}
|
|
},
|
|
child: Container(
|
|
decoration: const BoxDecoration(
|
|
image: DecorationImage(image: AssetImage('assets/campo.png'), fit: BoxFit.cover, alignment: Alignment(0.0, 0.2)),
|
|
),
|
|
child: Stack(
|
|
children: _controller.matchShots.map((shot) => Positioned(
|
|
left: shot.position.dx - 8, top: shot.position.dy - 8,
|
|
child: CircleAvatar(radius: 8, backgroundColor: shot.isMake ? Colors.green : Colors.red, child: Icon(shot.isMake ? Icons.check : Icons.close, size: 10, color: Colors.white)),
|
|
)).toList(),
|
|
),
|
|
),
|
|
),
|
|
|
|
// --- JOGADORES EM CAMPO ---
|
|
if (!_controller.isSelectingShotLocation) ...[
|
|
Positioned(top: h * 0.25, left: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[0], isOpponent: false)),
|
|
Positioned(top: h * 0.68, left: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[1], isOpponent: false)),
|
|
Positioned(top: h * 0.45, left: w * 0.25, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[2], isOpponent: false)),
|
|
Positioned(top: h * 0.15, left: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[3], isOpponent: false)),
|
|
Positioned(top: h * 0.80, left: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[4], isOpponent: false)),
|
|
|
|
Positioned(top: h * 0.25, right: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[0], isOpponent: true)),
|
|
Positioned(top: h * 0.68, right: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[1], isOpponent: true)),
|
|
Positioned(top: h * 0.45, right: w * 0.25, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[2], isOpponent: true)),
|
|
Positioned(top: h * 0.15, right: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[3], isOpponent: true)),
|
|
Positioned(top: h * 0.80, right: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[4], isOpponent: true)),
|
|
],
|
|
|
|
// --- BOTÕES DE FALTA (FLUTUANTES) ---
|
|
if (!_controller.isSelectingShotLocation) ...[
|
|
_buildFloatingFoulBtn("FALTA +", Colors.orange, "add_foul", Icons.sports, w * 0.38, 0, h * 0.30, h),
|
|
_buildFloatingFoulBtn("FALTA -", Colors.redAccent, "sub_foul", Icons.block, 0, w * 0.38, h * 0.30, h),
|
|
],
|
|
|
|
// --- BOTÃO CENTRAL DO TEMPO ---
|
|
if (!_controller.isSelectingShotLocation)
|
|
Positioned(
|
|
top: (h * 0.30) + 70, left: 0, right: 0,
|
|
child: Center(
|
|
child: GestureDetector(
|
|
onTap: () => _controller.toggleTimer(context),
|
|
child: CircleAvatar(radius: 60, backgroundColor: Colors.grey.withOpacity(0.5), child: Icon(_controller.isRunning ? Icons.pause : Icons.play_arrow, color: Colors.white, size: 50)),
|
|
),
|
|
),
|
|
),
|
|
|
|
// --- PLACAR E BOTÕES DE AÇÃO ---
|
|
Positioned(top: 0, left: 0, right: 0, child: Center(child: TopScoreboard(controller: _controller))),
|
|
if (!_controller.isSelectingShotLocation) Positioned(bottom: 10, left: 0, right: 0, child: ActionButtonsPanel(controller: _controller)),
|
|
|
|
// --- OVERLAY DE MARCAÇÃO DE LANÇAMENTO ---
|
|
if (_controller.isSelectingShotLocation)
|
|
Positioned(
|
|
top: h * 0.4, left: 0, right: 0,
|
|
child: Center(
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
|
|
decoration: BoxDecoration(color: Colors.black87, borderRadius: BorderRadius.circular(10), border: Border.all(color: Colors.white)),
|
|
child: const Text("TOQUE NO CAMPO PARA MARCAR O LOCAL DO LANÇAMENTO", style: TextStyle(color: Colors.white, fontSize: 18, fontWeight: FontWeight.bold)),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
),
|
|
|
|
// --- MENUS LATERAIS E BANCOS DE SUPLENTES ---
|
|
if (!_controller.isSelectingShotLocation) ...[
|
|
Positioned(
|
|
top: 20, left: 10,
|
|
child: FloatingActionButton(
|
|
heroTag: 'btn_save',
|
|
backgroundColor: const Color(0xFF16202C),
|
|
mini: true,
|
|
onPressed: _controller.isSaving ? null : () => _controller.saveGameStats(context),
|
|
child: _controller.isSaving
|
|
? const SizedBox(width: 15, height: 15, child: CircularProgressIndicator(color: Colors.white, strokeWidth: 2))
|
|
: const Icon(Icons.save, color: Colors.white)
|
|
)
|
|
),
|
|
Positioned(top: 70, left: 10, child: FloatingActionButton(heroTag: 'btn_exit', backgroundColor: const Color(0xFFD92C2C), mini: true, onPressed: () => Navigator.pop(context), child: const Icon(Icons.exit_to_app, color: Colors.white))),
|
|
|
|
Positioned(
|
|
bottom: 50, left: 10,
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
if (_controller.showMyBench) BenchPlayersList(controller: _controller, isOpponent: false),
|
|
const SizedBox(height: 10),
|
|
FloatingActionButton(heroTag: 'btn_sub_home', backgroundColor: const Color(0xFF1E5BB2), mini: true, onPressed: () { _controller.showMyBench = !_controller.showMyBench; _controller.onUpdate(); }, child: const Icon(Icons.swap_horiz, color: Colors.white)),
|
|
],
|
|
),
|
|
),
|
|
|
|
Positioned(
|
|
bottom: 50, right: 10,
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
if (_controller.showOppBench) BenchPlayersList(controller: _controller, isOpponent: true),
|
|
const SizedBox(height: 10),
|
|
FloatingActionButton(heroTag: 'btn_sub_away', backgroundColor: const Color(0xFFD92C2C), mini: true, onPressed: () { _controller.showOppBench = !_controller.showOppBench; _controller.onUpdate(); }, child: const Icon(Icons.swap_horiz, color: Colors.white)),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
);
|
|
}
|
|
} |