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,197 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:go_router/go_router.dart';
|
||||
|
||||
import '../../../teams/domain/team.dart';
|
||||
import '../../application/stats_notifier.dart';
|
||||
|
||||
/// Ranked row used in every leaderboard list on the Stats screen.
|
||||
///
|
||||
/// Use either [LeaderboardTile.player] for the player leaderboards or
|
||||
/// [LeaderboardTile.team] for the league standings — both share the rank
|
||||
/// medal styling and tap affordances.
|
||||
class LeaderboardTile extends StatelessWidget {
|
||||
const LeaderboardTile._({
|
||||
required this.rank,
|
||||
required this.title,
|
||||
required this.subtitle,
|
||||
required this.trailingValue,
|
||||
required this.trailingLabel,
|
||||
this.onTap,
|
||||
});
|
||||
|
||||
/// Player leaderboard variant. Tapping navigates to the player's team page.
|
||||
factory LeaderboardTile.player({
|
||||
Key? key,
|
||||
required int rank,
|
||||
required PlayerWithTeam entry,
|
||||
required int statValue,
|
||||
required String statLabel,
|
||||
BuildContext? navContext,
|
||||
}) {
|
||||
return LeaderboardTile._(
|
||||
rank: rank,
|
||||
title: entry.player.name,
|
||||
subtitle: entry.team.name,
|
||||
trailingValue: statValue,
|
||||
trailingLabel: statLabel,
|
||||
onTap: navContext == null
|
||||
? null
|
||||
: () => navContext.go('/teams/${entry.team.id}'),
|
||||
);
|
||||
}
|
||||
|
||||
/// Team standings variant. Tapping navigates to the team detail page.
|
||||
factory LeaderboardTile.team({
|
||||
Key? key,
|
||||
required int rank,
|
||||
required Team team,
|
||||
BuildContext? navContext,
|
||||
}) {
|
||||
final points = team.wins * 3 + team.draws;
|
||||
return LeaderboardTile._(
|
||||
rank: rank,
|
||||
title: team.name,
|
||||
subtitle: '${team.wins}W · ${team.draws}D · ${team.losses}L',
|
||||
trailingValue: points,
|
||||
trailingLabel: 'pts',
|
||||
onTap: navContext == null
|
||||
? null
|
||||
: () => navContext.go('/teams/${team.id}'),
|
||||
);
|
||||
}
|
||||
|
||||
final int rank;
|
||||
final String title;
|
||||
final String subtitle;
|
||||
final int trailingValue;
|
||||
final String trailingLabel;
|
||||
final VoidCallback? onTap;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final theme = Theme.of(context);
|
||||
final scheme = theme.colorScheme;
|
||||
|
||||
return Card(
|
||||
clipBehavior: Clip.antiAlias,
|
||||
margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
|
||||
child: InkWell(
|
||||
onTap: onTap,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
|
||||
child: Row(
|
||||
children: [
|
||||
_RankMedal(rank: rank),
|
||||
const SizedBox(width: 12),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Text(
|
||||
title,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: theme.textTheme.titleSmall?.copyWith(
|
||||
fontWeight: FontWeight.w700,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
Text(
|
||||
subtitle,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: theme.textTheme.bodySmall?.copyWith(
|
||||
color: scheme.onSurfaceVariant,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
_TrailingStat(value: trailingValue, label: trailingLabel),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _RankMedal extends StatelessWidget {
|
||||
const _RankMedal({required this.rank});
|
||||
|
||||
final int rank;
|
||||
|
||||
// Podium medal colors — only hardcoded colors in the feature.
|
||||
static const _gold = Color(0xFFFFD700);
|
||||
static const _silver = Color(0xFFC0C0C0);
|
||||
static const _bronze = Color(0xFFCD7F32);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final scheme = Theme.of(context).colorScheme;
|
||||
final isPodium = rank >= 1 && rank <= 3;
|
||||
final medalColor = switch (rank) {
|
||||
1 => _gold,
|
||||
2 => _silver,
|
||||
3 => _bronze,
|
||||
_ => scheme.surfaceContainerHighest,
|
||||
};
|
||||
final textColor = isPodium ? Colors.black : scheme.onSurfaceVariant;
|
||||
|
||||
return Container(
|
||||
width: 34,
|
||||
height: 34,
|
||||
alignment: Alignment.center,
|
||||
decoration: BoxDecoration(
|
||||
color: medalColor,
|
||||
shape: BoxShape.circle,
|
||||
border: isPodium
|
||||
? null
|
||||
: Border.all(color: scheme.outlineVariant, width: 1),
|
||||
),
|
||||
child: Text(
|
||||
'$rank',
|
||||
style: TextStyle(
|
||||
color: textColor,
|
||||
fontWeight: FontWeight.w800,
|
||||
fontSize: 13,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _TrailingStat extends StatelessWidget {
|
||||
const _TrailingStat({required this.value, required this.label});
|
||||
|
||||
final int value;
|
||||
final String label;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final theme = Theme.of(context);
|
||||
final scheme = theme.colorScheme;
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.end,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Text(
|
||||
'$value',
|
||||
style: theme.textTheme.titleMedium?.copyWith(
|
||||
color: scheme.primary,
|
||||
fontWeight: FontWeight.w800,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
label,
|
||||
style: theme.textTheme.labelSmall?.copyWith(
|
||||
color: scheme.onSurfaceVariant,
|
||||
letterSpacing: 0.4,
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user