240402/CheckTheethKids
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Videos na nuvem | atualização de desing (Appbar) | mudança no quiz

Browse Source
This commit is contained in:
Carlos Correia
2026-07-08 22:23:38 +01:00
parent a7b6d35026
commit 67b580778a
12 changed files with 885 additions and 660 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/videos/episodio_08.mp4
View File

Binary file not shown.

BIN
assets/videos/episodio_09.mp4
View File

Binary file not shown.

BIN
assets/videos/episodio_10.mp4
View File

Binary file not shown.

56
lib/auth_gate.dart
View File

@@ -1,3 +1,5 @@
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:supabase_flutter/supabase_flutter.dart';
@@ -7,9 +9,53 @@ import 'logged_home.dart';
final ValueNotifier<bool> forceHomeScreen = ValueNotifier<bool>(false);
class AuthGate extends StatelessWidget {
class AuthGate extends StatefulWidget {
const AuthGate({super.key});
@override
State<AuthGate> createState() => _AuthGateState();
}
class _AuthGateState extends State<AuthGate> {
String? _validatedUserId;
String? _validatingUserId;
/// Confirma que a sessão ativa ainda corresponde a um perfil existente na
/// base de dados. Sessões do Supabase Auth sobrevivem mesmo que os dados
/// da conta tenham sido apagados (ex.: "Apagar dados da conta" ou remoção
/// manual na base de dados) — sem esta verificação, essa conta "fantasma"
/// continuaria a conseguir entrar.
Future<void> _validateSession(String userId) async {
if (_validatingUserId == userId) return;
_validatingUserId = userId;
try {
final profile = await supabase
.from('profiles')
.select('id')
.eq('id', userId)
.maybeSingle();
if (!mounted) return;
if (profile == null) {
unawaited(
supabase
.from('children')
.delete()
.eq('owner_id', userId)
.catchError((_) => <Map<String, dynamic>>[]),
);
await supabase.auth.signOut();
} else {
setState(() => _validatedUserId = userId);
}
} catch (_) {
// Falha de rede/consulta: não força logout, tenta novamente depois.
} finally {
_validatingUserId = null;
}
}
@override
Widget build(BuildContext context) {
return ValueListenableBuilder<bool>(
@@ -21,10 +67,16 @@ class AuthGate extends StatelessWidget {
builder: (context, snapshot) {
final user = snapshot.data?.session?.user;
if (user != null && user.id != _validatedUserId) {
WidgetsBinding.instance.addPostFrameCallback((_) {
if (mounted) _validateSession(user.id);
});
}
final Widget child;
if (snapshot.connectionState == ConnectionState.waiting) {
child = const SizedBox.shrink();
} else if (forcedHome || user == null) {
} else if (forcedHome || user == null || user.id != _validatedUserId) {
child = const HomeScreen(key: ValueKey('home_screen'));
} else {
child = const LoggedHomeScreen(key: ValueKey('logged_home_screen'));

162
lib/home_screen.dart
View File

@@ -6,6 +6,7 @@ import 'package:lottie/lottie.dart';
import 'package:supabase_flutter/supabase_flutter.dart';
import 'main.dart' show supabase;
import 'widgets/app_gradients.dart';
import 'widgets/entrance.dart';
import 'widgets/tap_bounce.dart';
@@ -15,6 +16,12 @@ const Color _pink = Color(0xFFFF55A7);
/// Nomes só podem ter letras (incluindo acentuadas) e espaços — sem números.
final RegExp _namePattern = RegExp(r"^[a-zA-ZÀ-ÖØ-öø-ÿ' -]+$");
/// A conta existe no Supabase Auth mas os dados (perfil) já não existem na
/// base de dados — tratada como conta inexistente para efeitos de login.
class _AccountNotFoundException implements Exception {
const _AccountNotFoundException();
}
class HomeScreen extends StatefulWidget {
const HomeScreen({super.key});
@@ -50,11 +57,10 @@ class _HomeScreenState extends State<HomeScreen> {
required String name,
required String email,
}) async {
await supabase.from('profiles').upsert({
'id': uid,
'name': name,
'email': email,
}).timeout(const Duration(seconds: 20));
await supabase
.from('profiles')
.upsert({'id': uid, 'name': name, 'email': email})
.timeout(const Duration(seconds: 20));
}
Future<void> _submit() async {
@@ -66,10 +72,34 @@ class _HomeScreenState extends State<HomeScreen> {
final password = _passwordController.text;
if (_isLogin) {
await supabase.auth.signInWithPassword(
final result = await supabase.auth.signInWithPassword(
email: email,
password: password,
);
final user = result.user;
if (user != null) {
final profile = await supabase
.from('profiles')
.select('id')
.eq('id', user.id)
.maybeSingle();
if (profile == null) {
// A conta existe no Auth mas os dados foram apagados (ex.: via
// "Apagar dados da conta" ou diretamente na base de dados).
// Trata como inexistente: limpa qualquer resquício e bloqueia.
unawaited(
supabase
.from('children')
.delete()
.eq('owner_id', user.id)
.catchError((_) => <Map<String, dynamic>>[]),
);
await supabase.auth.signOut();
throw const _AccountNotFoundException();
}
}
} else {
final name = _nameController.text.trim();
final response = await supabase.auth
@@ -81,14 +111,19 @@ class _HomeScreenState extends State<HomeScreen> {
throw StateError('Usuário não encontrado após criar conta.');
}
unawaited(
_persistRegistrationData(
uid: user.id,
name: name,
email: email,
).catchError((_) {}),
);
// Precisa de terminar antes de navegar: o AuthGate só mostra a app
// depois de confirmar que existe um perfil na base de dados.
await _persistRegistrationData(uid: user.id, name: name, email: email);
}
} on _AccountNotFoundException {
if (!mounted) return;
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text(
'Esta conta não existe mais. Verifique o email ou crie uma nova conta.',
),
),
);
} on AuthException catch (e) {
if (!mounted) return;
ScaffoldMessenger.of(
@@ -412,56 +447,59 @@ class _AuthForm extends StatelessWidget {
),
const SizedBox(height: 20),
TapBounce(
child: SizedBox(
height: 50,
child: FilledButton(
style:
FilledButton.styleFrom(
backgroundColor: _teal,
foregroundColor: Colors.white,
shape: const StadiumBorder(),
textStyle: const TextStyle(
fontWeight: FontWeight.w800,
fontSize: 15,
),
).copyWith(
animationDuration: const Duration(milliseconds: 180),
splashFactory: InkSparkle.splashFactory,
overlayColor: WidgetStateProperty.resolveWith<Color?>((
states,
) {
if (states.contains(WidgetState.pressed)) {
return Colors.white.withValues(alpha: 0.14);
}
if (states.contains(WidgetState.hovered) ||
states.contains(WidgetState.focused)) {
return Colors.white.withValues(alpha: 0.08);
}
return null;
}),
),
onPressed: loading ? null : onSubmit,
child: loading
? const SizedBox(
width: 20,
height: 20,
child: CircularProgressIndicator(
strokeWidth: 2.2,
color: Colors.white,
),
)
: Row(
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: [
Text(isLogin ? 'Entrar' : 'Criar Conta'),
const SizedBox(width: 8),
const Icon(
Icons.arrow_forward_rounded,
size: 18,
child: ClipRRect(
borderRadius: BorderRadius.circular(999),
child: DecoratedBox(
decoration: const BoxDecoration(gradient: kGreenButtonGradient),
child: SizedBox(
height: 50,
child: FilledButton(
style:
FilledButton.styleFrom(
backgroundColor: Colors.transparent,
foregroundColor: Colors.white,
shape: const StadiumBorder(),
textStyle: const TextStyle(
fontWeight: FontWeight.w800,
fontSize: 15,
),
],
),
).copyWith(
animationDuration: const Duration(milliseconds: 180),
splashFactory: InkSparkle.splashFactory,
overlayColor: WidgetStateProperty.resolveWith<Color?>(
(states) {
if (states.contains(WidgetState.pressed)) {
return Colors.white.withValues(alpha: 0.14);
}
if (states.contains(WidgetState.hovered) ||
states.contains(WidgetState.focused)) {
return Colors.white.withValues(alpha: 0.08);
}
return null;
},
),
),
onPressed: loading ? null : onSubmit,
child: loading
? const SizedBox(
width: 20,
height: 20,
child: CircularProgressIndicator(
strokeWidth: 2.2,
color: Colors.white,
),
)
: Row(
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: [
Text(isLogin ? 'Entrar' : 'Criar Conta'),
const SizedBox(width: 8),
const Icon(Icons.arrow_forward_rounded, size: 18),
],
),
),
),
),
),
),

1033
lib/logged_home.dart
View File

File diff suppressed because it is too large Load Diff

50
lib/quiz/quiz_result.dart
View File

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
import 'dart:async';
import '../main.dart' show supabase;
import '../widgets/app_gradients.dart';
import '../widgets/entrance.dart';
import '../widgets/tap_bounce.dart';
import 'quiz_prefs.dart';
@@ -173,8 +174,9 @@ class _QuizResultScreenState extends State<QuizResultScreen> {
Text(
'${clamped.toInt()}/${widget.maxScore}',
style: TextStyle(
color: Colors.black
.withValues(alpha: 0.60),
color: Colors.black.withValues(
alpha: 0.60,
),
fontWeight: FontWeight.w800,
),
),
@@ -229,25 +231,35 @@ class _QuizResultScreenState extends State<QuizResultScreen> {
),
Center(
child: TapBounce(
child: SizedBox(
width: 260,
height: 46,
child: FilledButton(
style: FilledButton.styleFrom(
backgroundColor: const Color(0xFF2F9E94),
foregroundColor: Colors.white,
shape: const StadiumBorder(),
textStyle: const TextStyle(
fontWeight: FontWeight.w900,
child: ClipRRect(
borderRadius: BorderRadius.circular(999),
child: DecoratedBox(
decoration: const BoxDecoration(
gradient: kGreenButtonGradient,
),
child: SizedBox(
width: 260,
height: 46,
child: FilledButton(
style: FilledButton.styleFrom(
backgroundColor: Colors.transparent,
foregroundColor: Colors.white,
shape: const StadiumBorder(),
textStyle: const TextStyle(
fontWeight: FontWeight.w900,
),
),
onPressed: () async {
await _saveResultFuture;
if (!context.mounted) return;
Navigator.of(
context,
).popUntil((r) => r.isFirst);
},
child: const Text('Avançar'),
),
),
),
onPressed: () async {
await _saveResultFuture;
if (!context.mounted) return;
Navigator.of(context).popUntil((r) => r.isFirst);
},
child: const Text('Avançar'),
),
),
),
),

39
lib/screens/curiosidade_screen.dart
View File

@@ -38,10 +38,7 @@ class CuriosidadeScreen extends StatelessWidget {
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [
Color(0xFFFFE6F1),
Color(0xFFFFC9DF),
],
colors: [Color(0xFFFFE6F1), Color(0xFFFFC9DF)],
),
),
),
@@ -175,7 +172,9 @@ class _CuriosityTopicTile extends StatelessWidget {
decoration: BoxDecoration(
color: Colors.white.withValues(alpha: 0.82),
borderRadius: BorderRadius.circular(16),
border: Border.all(color: Colors.black.withValues(alpha: 0.08)),
border: Border.all(
color: Colors.black.withValues(alpha: 0.08),
),
),
child: Text(
description,
@@ -188,19 +187,27 @@ class _CuriosityTopicTile extends StatelessWidget {
),
const SizedBox(height: 14),
TapBounce(
child: SizedBox(
height: 44,
child: FilledButton(
style: FilledButton.styleFrom(
backgroundColor: const Color(0xFF2F9E94),
foregroundColor: Colors.white,
shape: const StadiumBorder(),
textStyle: const TextStyle(
fontWeight: FontWeight.w900,
child: ClipRRect(
borderRadius: BorderRadius.circular(999),
child: DecoratedBox(
decoration: const BoxDecoration(
gradient: kGreenButtonGradient,
),
child: SizedBox(
height: 44,
child: FilledButton(
style: FilledButton.styleFrom(
backgroundColor: Colors.transparent,
foregroundColor: Colors.white,
shape: const StadiumBorder(),
textStyle: const TextStyle(
fontWeight: FontWeight.w900,
),
),
onPressed: () => Navigator.of(ctx).pop(),
child: const Text('Fechar'),
),
),
onPressed: () => Navigator.of(ctx).pop(),
child: const Text('Fechar'),
),
),
),

18
lib/screens/settings_screen.dart
View File

@@ -47,7 +47,23 @@ class _SettingsBodyState extends State<SettingsBody> {
setState(() => _deletingAccount = true);
try {
await supabase.from('children').delete().eq('owner_id', uid);
await supabase.from('profiles').delete().eq('id', uid);
// O Supabase não avisa quando uma política de RLS bloqueia silenciosamente
// uma operação: sem `.select()` para devolver as linhas apagadas não há
// como distinguir "0 linhas existiam" de "sem permissão para apagar".
final deletedProfile = await supabase
.from('profiles')
.delete()
.eq('id', uid)
.select('id');
if (deletedProfile.isEmpty) {
throw StateError(
'A base de dados recusou apagar o perfil (sem política de RLS '
'para DELETE). Os dados não foram removidos.',
);
}
await supabase.auth.signOut();
if (!mounted) return;
Navigator.of(context).popUntil((route) => route.isFirst);

169
lib/screens/video_screen.dart
View File

@@ -1,4 +1,5 @@
import 'dart:math' as math;
import 'dart:ui';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
@@ -11,8 +12,9 @@ import '../widgets/entrance.dart';
import '../widgets/tap_bounce.dart';
// Video data structure - easily editable for future updates.
// Episódios 1-7 tocam via YouTube (não listado); preencha youtubeId ao subir
// cada vídeo. Episódios 8-13 continuam embutidos no app (assets/videos).
// Episódios 1-10 tocam via YouTube (não listado). Episódios 11-13 ainda não
// foram subidos ao YouTube e continuam embutidos no app (assets/videos) até
// lá — depois de subidos, troque videoPath por youtubeId e apague o mp4.
class VideoData {
final int id;
final String title;
@@ -35,61 +37,61 @@ final List<VideoData> videoList = [
id: 1,
title: 'Episódio 1',
description: 'Aprenda sobre saúde bucal neste episódio',
youtubeId: '', // TODO: colar o ID do vídeo do YouTube (não listado)
youtubeId: 'PJ58CZv4ECw',
),
VideoData(
id: 2,
title: 'Episódio 2',
description: 'Aprenda sobre saúde bucal neste episódio',
youtubeId: '', // TODO: colar o ID do vídeo do YouTube (não listado)
youtubeId: 'y4_kWmZtAtg',
),
VideoData(
id: 3,
title: 'Episódio 3',
description: 'Aprenda sobre saúde bucal neste episódio',
youtubeId: '', // TODO: colar o ID do vídeo do YouTube (não listado)
youtubeId: 'nD75Y5PuKTo',
),
VideoData(
id: 4,
title: 'Episódio 4',
description: 'Aprenda sobre saúde bucal neste episódio',
youtubeId: '', // TODO: colar o ID do vídeo do YouTube (não listado)
youtubeId: 'yvFllWYeuLw',
),
VideoData(
id: 5,
title: 'Episódio 5',
description: 'Aprenda sobre saúde bucal neste episódio',
youtubeId: '', // TODO: colar o ID do vídeo do YouTube (não listado)
youtubeId: 'DnhUa-T8_Ps',
),
VideoData(
id: 6,
title: 'Episódio 6',
description: 'Aprenda sobre saúde bucal neste episódio',
youtubeId: '', // TODO: colar o ID do vídeo do YouTube (não listado)
youtubeId: 'zKt_iwkrjvo',
),
VideoData(
id: 7,
title: 'Episódio 7',
description: 'Aprenda sobre saúde bucal neste episódio',
youtubeId: '', // TODO: colar o ID do vídeo do YouTube (não listado)
youtubeId: 'NpmQ2brap5A',
),
VideoData(
id: 8,
title: 'Episódio 8',
description: 'Aprenda sobre saúde bucal neste episódio',
videoPath: 'assets/videos/episodio_08.mp4',
youtubeId: 'Wj3KYw9pBi0',
),
VideoData(
id: 9,
title: 'Episódio 9',
description: 'Aprenda sobre saúde bucal neste episódio',
videoPath: 'assets/videos/episodio_09.mp4',
youtubeId: 'bOm9t61cT_U',
),
VideoData(
id: 10,
title: 'Episódio 10',
description: 'Aprenda sobre saúde bucal neste episódio',
videoPath: 'assets/videos/episodio_10.mp4',
youtubeId: 'fAitMizbcms',
),
VideoData(
id: 11,
@@ -162,9 +164,8 @@ Future<void> showVideoPlayerDialog(BuildContext context, VideoData video) {
).showSnackBar(const SnackBar(content: Text('Vídeo ainda não disponível')));
return Future.value();
}
return showDialog<void>(
context: context,
builder: (context) => _YoutubePlayerDialog(video: video),
return Navigator.of(context).push<void>(
MaterialPageRoute(builder: (context) => _YoutubePlayerPage(video: video)),
);
}
return showDialog<void>(
@@ -577,16 +578,26 @@ class _VideoButton extends StatelessWidget {
}
}
class _YoutubePlayerDialog extends StatefulWidget {
const _YoutubePlayerDialog({required this.video});
/// Página cheia (não diálogo) para o player do YouTube. O botão de tela cheia
/// do próprio player força a rotação para paisagem via
/// `SystemChrome.setPreferredOrientations`; um `Dialog` de largura fixa não
/// se adapta a essa rotação e causa overflow gráfico.
///
/// Em paisagem/tela cheia, o vídeo é recortado ("cover", como Instagram/
/// TikTok) para preencher o ecrã todo sem barras pretas — em vez de manter
/// a proporção 16:9 do YouTube e sobrar espaço vazio quando o ecrã tem uma
/// proporção mais larga que 16:9 (ex.: a maioria dos telemóveis atuais).
class _YoutubePlayerPage extends StatefulWidget {
const _YoutubePlayerPage({required this.video});
final VideoData video;
@override
State<_YoutubePlayerDialog> createState() => _YoutubePlayerDialogState();
State<_YoutubePlayerPage> createState() => _YoutubePlayerPageState();
}
class _YoutubePlayerDialogState extends State<_YoutubePlayerDialog> {
class _YoutubePlayerPageState extends State<_YoutubePlayerPage>
with WidgetsBindingObserver {
late final YoutubePlayerController _controller;
@override
@@ -596,48 +607,110 @@ class _YoutubePlayerDialogState extends State<_YoutubePlayerDialog> {
initialVideoId: widget.video.youtubeId!,
flags: const YoutubePlayerFlags(autoPlay: true, mute: false),
);
WidgetsBinding.instance.addObserver(this);
}
@override
void didChangeMetrics() {
final isLandscape =
PlatformDispatcher.instance.views.first.physicalSize.width >
PlatformDispatcher.instance.views.first.physicalSize.height;
if (isLandscape == _controller.value.isFullScreen) return;
_controller.updateValue(_controller.value.copyWith(isFullScreen: isLandscape));
if (isLandscape) {
SystemChrome.setEnabledSystemUIMode(SystemUiMode.immersiveSticky);
} else {
SystemChrome.restoreSystemUIOverlays();
}
}
@override
void dispose() {
WidgetsBinding.instance.removeObserver(this);
SystemChrome.restoreSystemUIOverlays();
_controller.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
final size = MediaQuery.sizeOf(context);
return Dialog(
backgroundColor: Colors.transparent,
insetPadding: const EdgeInsets.all(16),
child: Container(
decoration: BoxDecoration(
color: VideoScreen._accentPink.withValues(alpha: 0.15),
borderRadius: BorderRadius.circular(24),
border: Border.all(color: VideoScreen._accentPink, width: 3),
),
child: ClipRRect(
borderRadius: BorderRadius.circular(21),
child: SizedBox(
width: size.width * 0.9,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
YoutubePlayer(controller: _controller),
Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
color: VideoScreen._accentPink.withValues(alpha: 0.15),
alignment: Alignment.centerRight,
child: IconButton(
icon: const Icon(Icons.close, color: Colors.white),
onPressed: () => Navigator.of(context).pop(),
return ValueListenableBuilder<YoutubePlayerValue>(
valueListenable: _controller,
builder: (context, value, _) {
return PopScope(
canPop: !value.isFullScreen,
onPopInvokedWithResult: (didPop, _) {
if (!didPop) _controller.toggleFullScreenMode();
},
child: Scaffold(
backgroundColor: Colors.black,
appBar: value.isFullScreen
? null
: AppBar(
backgroundColor: VideoScreen._teal,
foregroundColor: Colors.white,
elevation: 0,
title: Text(
widget.video.title,
style: const TextStyle(fontWeight: FontWeight.w900),
),
),
),
],
body: value.isFullScreen
? _CoverYoutubePlayer(controller: _controller)
: Center(
child: AspectRatio(
aspectRatio: 16 / 9,
child: YoutubePlayer(controller: _controller),
),
),
),
);
},
);
}
}
/// Preenche todo o espaço disponível recortando o vídeo (mantém a proporção
/// 16:9 real do YouTube, mas amplia e corta o excesso nas laterais ou em
/// cima/baixo em vez de deixar barras pretas). O player é sempre desenhado
/// no seu tamanho real (nunca reduzido a uma caixa minúscula), por isso o
/// recorte fica nítido, sem perda de qualidade.
class _CoverYoutubePlayer extends StatelessWidget {
const _CoverYoutubePlayer({required this.controller});
final YoutubePlayerController controller;
static const double _videoAspectRatio = 16 / 9;
@override
Widget build(BuildContext context) {
return LayoutBuilder(
builder: (context, constraints) {
final parentAspectRatio = constraints.maxWidth / constraints.maxHeight;
final double boxWidth;
final double boxHeight;
if (parentAspectRatio > _videoAspectRatio) {
boxWidth = constraints.maxWidth;
boxHeight = boxWidth / _videoAspectRatio;
} else {
boxHeight = constraints.maxHeight;
boxWidth = boxHeight * _videoAspectRatio;
}
return ClipRect(
child: OverflowBox(
maxWidth: boxWidth,
maxHeight: boxHeight,
child: SizedBox(
width: boxWidth,
height: boxHeight,
child: YoutubePlayer(
controller: controller,
aspectRatio: _videoAspectRatio,
),
),
),
),
),
);
},
);
}
}

15
lib/widgets/app_gradients.dart
View File

@@ -1,11 +1,16 @@
import 'package:flutter/material.dart';
/// Gradiente usado em todas as app bars da aplicação — um destaque em verde
/// vivo concentrado no canto superior direito, dissolvendo rapidamente para
/// o teal da marca no resto da barra.
/// Gradiente usado em todas as app bars da aplicação.
const LinearGradient kAppBarGradient = LinearGradient(
begin: Alignment.topRight,
end: Alignment.bottomLeft,
colors: [Color(0xFF31C679), Color(0xFF2F9E94)],
stops: [0.0, 0.55],
colors: [Color(0xFF6BB79F), Color(0xFF6BB79F)],
);
/// Gradiente usado nos botões verdes da aplicação — um toque da cor da app
/// bar (#6BB79F) misturado com o teal original.
const LinearGradient kGreenButtonGradient = LinearGradient(
begin: Alignment.centerLeft,
end: Alignment.centerRight,
colors: [Color(0xFF2F9E94), Color(0xFF6BB79F)],
);

3
pubspec.yaml
View File

@@ -71,9 +71,6 @@ flutter:
- lottie/
- assets/Check-theeth.png
- assets/mockup_images/
- assets/videos/episodio_08.mp4
- assets/videos/episodio_09.mp4
- assets/videos/episodio_10.mp4
- assets/videos/episodio_11.mp4
- assets/videos/episodio_12.mp4
- assets/videos/episodio_13.mp4