Initial commit: Flutter app + PHP/MySQL backend on Hostinger
Replaces Firebase with a self-hosted PHP/MySQL API served from winded.prymsolutions.com. Includes full backend (schema, auth, events, teams, brackets, suggestions, stats, media, file upload) and updated Flutter repositories and domain models. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,147 @@
|
||||
import 'dart:async';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
/// Live-updating countdown to a target [DateTime].
|
||||
///
|
||||
/// Rebuilds once per second and renders one of:
|
||||
/// * "in 3d 4h" — when more than a day out
|
||||
/// * "in 4h 12m" — when same-day
|
||||
/// * "in 12m 30s" — within the hour
|
||||
/// * "Starting now!" — within the final minute window
|
||||
/// * "Ended" — once the target has passed by more than the [grace] window
|
||||
///
|
||||
/// Pass [compact] true to render only the duration text (used in cards);
|
||||
/// false renders a labelled card-friendly block (used on the detail screen).
|
||||
class CountdownTimer extends StatefulWidget {
|
||||
const CountdownTimer({
|
||||
super.key,
|
||||
required this.target,
|
||||
this.compact = true,
|
||||
this.grace = const Duration(minutes: 60),
|
||||
});
|
||||
|
||||
final DateTime target;
|
||||
final bool compact;
|
||||
|
||||
/// How long after [target] we still show "Starting now!" before flipping
|
||||
/// to "Ended". Defaults to an hour so an in-progress match stays visible.
|
||||
final Duration grace;
|
||||
|
||||
@override
|
||||
State<CountdownTimer> createState() => _CountdownTimerState();
|
||||
}
|
||||
|
||||
class _CountdownTimerState extends State<CountdownTimer> {
|
||||
Timer? _timer;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_timer = Timer.periodic(const Duration(seconds: 1), (_) {
|
||||
if (mounted) setState(() {});
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_timer?.cancel();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final theme = Theme.of(context);
|
||||
final scheme = theme.colorScheme;
|
||||
final now = DateTime.now();
|
||||
final diff = widget.target.difference(now);
|
||||
|
||||
final label = _formatLabel(diff);
|
||||
final isLive = diff.isNegative && diff.abs() < widget.grace;
|
||||
final isEnded = diff.isNegative && diff.abs() >= widget.grace;
|
||||
|
||||
final Color bg;
|
||||
final Color fg;
|
||||
if (isEnded) {
|
||||
bg = scheme.surfaceContainerHighest;
|
||||
fg = scheme.onSurfaceVariant;
|
||||
} else if (isLive) {
|
||||
bg = scheme.tertiaryContainer;
|
||||
fg = scheme.onTertiaryContainer;
|
||||
} else {
|
||||
bg = scheme.primaryContainer;
|
||||
fg = scheme.onPrimaryContainer;
|
||||
}
|
||||
|
||||
if (widget.compact) {
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
|
||||
decoration: BoxDecoration(
|
||||
color: bg,
|
||||
borderRadius: BorderRadius.circular(999),
|
||||
),
|
||||
child: Text(
|
||||
label,
|
||||
style: theme.textTheme.labelSmall?.copyWith(
|
||||
color: fg,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
||||
decoration: BoxDecoration(
|
||||
color: bg,
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Icon(
|
||||
isEnded
|
||||
? Icons.event_busy
|
||||
: isLive
|
||||
? Icons.sports_soccer
|
||||
: Icons.timer_outlined,
|
||||
color: fg,
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
Text(
|
||||
label,
|
||||
style: theme.textTheme.titleMedium?.copyWith(
|
||||
color: fg,
|
||||
fontWeight: FontWeight.w700,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
String _formatLabel(Duration diff) {
|
||||
if (diff.isNegative) {
|
||||
if (diff.abs() < widget.grace) return 'Starting now!';
|
||||
return 'Ended';
|
||||
}
|
||||
if (diff.inSeconds <= 60) return 'Starting now!';
|
||||
|
||||
if (diff.inDays >= 1) {
|
||||
final days = diff.inDays;
|
||||
final hours = diff.inHours - days * 24;
|
||||
if (hours == 0) {
|
||||
return 'in ${days}d';
|
||||
}
|
||||
return 'in ${days}d ${hours}h';
|
||||
}
|
||||
if (diff.inHours >= 1) {
|
||||
final hours = diff.inHours;
|
||||
final minutes = diff.inMinutes - hours * 60;
|
||||
return 'in ${hours}h ${minutes}m';
|
||||
}
|
||||
final minutes = diff.inMinutes;
|
||||
final seconds = diff.inSeconds - minutes * 60;
|
||||
return 'in ${minutes}m ${seconds}s';
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user