931 lines
38 KiB
Dart
931 lines
38 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import '../../core/theme/evolution_theme_config.dart';
|
|
import '../../database/database.dart';
|
|
import '../../services/auth/auth_providers.dart';
|
|
import '../../services/auth/auth_state.dart';
|
|
import '../../services/auth/auth_user.dart';
|
|
import '../../services/sync/sync_providers.dart';
|
|
|
|
class AccountScreen extends ConsumerStatefulWidget {
|
|
const AccountScreen({super.key});
|
|
|
|
@override
|
|
ConsumerState<AccountScreen> createState() => _AccountScreenState();
|
|
}
|
|
|
|
enum _AuthFormMode { signIn, register, forgotPassword }
|
|
|
|
class _AccountScreenState extends ConsumerState<AccountScreen> {
|
|
final _formKey = GlobalKey<FormState>();
|
|
final _emailController = TextEditingController();
|
|
final _passwordController = TextEditingController();
|
|
final _displayNameController = TextEditingController();
|
|
|
|
_AuthFormMode _formMode = _AuthFormMode.signIn;
|
|
bool _obscurePassword = true;
|
|
String? _statusMessage;
|
|
|
|
@override
|
|
void dispose() {
|
|
_emailController.dispose();
|
|
_passwordController.dispose();
|
|
_displayNameController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final authState = ref.watch(authNotifierProvider);
|
|
final themeMode = ref.watch(dashboardThemeModeProvider);
|
|
final isEvolution = themeMode == DashboardThemeMode.evolution;
|
|
final isLandscape = MediaQuery.of(context).orientation == Orientation.landscape;
|
|
|
|
final bgColor = isEvolution ? Colors.black : Theme.of(context).scaffoldBackgroundColor;
|
|
final titleFont = isEvolution ? 'Sora' : null;
|
|
|
|
return Scaffold(
|
|
backgroundColor: bgColor,
|
|
appBar: AppBar(
|
|
backgroundColor: isEvolution ? Colors.transparent : null,
|
|
elevation: 0,
|
|
title: Text(
|
|
'Account & Cloud Identity',
|
|
style: TextStyle(
|
|
fontFamily: titleFont,
|
|
fontWeight: FontWeight.w800,
|
|
fontSize: isLandscape ? 14 : 18,
|
|
),
|
|
),
|
|
),
|
|
body: SafeArea(
|
|
child: LayoutBuilder(
|
|
builder: (context, constraints) {
|
|
final isWide = constraints.maxWidth > 700;
|
|
|
|
Widget content;
|
|
if (authState.isAuthenticated) {
|
|
content = _buildSignedInView(context, authState.user!, isEvolution, isWide);
|
|
} else if (authState.isAnonymous) {
|
|
content = _buildAnonymousView(context, authState.user!, isEvolution, isWide);
|
|
} else {
|
|
content = _buildSignedOutView(context, authState, isEvolution, isWide);
|
|
}
|
|
|
|
return SingleChildScrollView(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 12.0),
|
|
child: Center(
|
|
child: ConstrainedBox(
|
|
constraints: BoxConstraints(maxWidth: isWide ? 640 : double.infinity),
|
|
child: content,
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildSignedOutView(
|
|
BuildContext context,
|
|
AuthState authState,
|
|
bool isEvolution,
|
|
bool isWide,
|
|
) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
_buildOfflineNoticeCard(isEvolution, authState.isFirebaseConfigured),
|
|
const SizedBox(height: 16),
|
|
_buildAuthCard(
|
|
isEvolution: isEvolution,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Icon(
|
|
Icons.account_circle_outlined,
|
|
color: const Color(0xFF00E5FF),
|
|
size: 22,
|
|
),
|
|
const SizedBox(width: 10),
|
|
Text(
|
|
_formMode == _AuthFormMode.signIn
|
|
? 'SIGN IN TO MOTORCLOUD'
|
|
: (_formMode == _AuthFormMode.register ? 'CREATE ACCOUNT' : 'RESET PASSWORD'),
|
|
style: TextStyle(
|
|
fontFamily: isEvolution ? 'Sora' : null,
|
|
fontSize: 13,
|
|
fontWeight: FontWeight.w800,
|
|
color: const Color(0xFF00E5FF),
|
|
letterSpacing: 0.8,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 8),
|
|
Text(
|
|
'Cloud sign-in is completely optional. All telemetry, HUD instruments, sensor fusion, and ride history are 100% functional without an account.',
|
|
style: TextStyle(
|
|
fontFamily: isEvolution ? 'Inter' : null,
|
|
fontSize: 11,
|
|
color: Colors.white70,
|
|
height: 1.35,
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
if (authState.hasError) ...[
|
|
Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: Colors.redAccent.withValues(alpha: 0.12),
|
|
borderRadius: BorderRadius.circular(8),
|
|
border: Border.all(color: Colors.redAccent.withValues(alpha: 0.6)),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
const Icon(Icons.error_outline, color: Colors.redAccent, size: 18),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: Text(
|
|
authState.errorMessage!,
|
|
style: const TextStyle(fontSize: 11, color: Colors.redAccent),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
],
|
|
if (_statusMessage != null) ...[
|
|
Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: Colors.greenAccent.withValues(alpha: 0.12),
|
|
borderRadius: BorderRadius.circular(8),
|
|
border: Border.all(color: Colors.greenAccent.withValues(alpha: 0.6)),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
const Icon(Icons.check_circle_outline, color: Colors.greenAccent, size: 18),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: Text(
|
|
_statusMessage!,
|
|
style: const TextStyle(fontSize: 11, color: Colors.greenAccent),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
],
|
|
if (_formMode != _AuthFormMode.forgotPassword) ...[
|
|
ElevatedButton.icon(
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: Colors.white,
|
|
foregroundColor: Colors.black87,
|
|
padding: const EdgeInsets.symmetric(vertical: 12),
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
|
),
|
|
icon: const Icon(Icons.g_mobiledata, size: 24, color: Colors.redAccent),
|
|
label: const Text(
|
|
'Continue with Google',
|
|
style: TextStyle(fontSize: 13, fontWeight: FontWeight.bold),
|
|
),
|
|
onPressed: authState.isLoading ? null : () => _handleGoogleSignIn(),
|
|
),
|
|
const SizedBox(height: 16),
|
|
const Row(
|
|
children: [
|
|
Expanded(child: Divider(color: Colors.white24)),
|
|
Padding(
|
|
padding: EdgeInsets.symmetric(horizontal: 10),
|
|
child: Text('OR', style: TextStyle(color: Colors.white38, fontSize: 10, fontWeight: FontWeight.bold)),
|
|
),
|
|
Expanded(child: Divider(color: Colors.white24)),
|
|
],
|
|
),
|
|
const SizedBox(height: 16),
|
|
],
|
|
Form(
|
|
key: _formKey,
|
|
child: Column(
|
|
children: [
|
|
if (_formMode == _AuthFormMode.register) ...[
|
|
TextFormField(
|
|
controller: _displayNameController,
|
|
decoration: InputDecoration(
|
|
labelText: 'Display Name (Optional)',
|
|
prefixIcon: const Icon(Icons.person_outline, size: 18),
|
|
filled: true,
|
|
fillColor: isEvolution ? const Color(0xFF141414) : Colors.white10,
|
|
border: OutlineInputBorder(borderRadius: BorderRadius.circular(8)),
|
|
isDense: true,
|
|
),
|
|
style: const TextStyle(fontSize: 13),
|
|
),
|
|
const SizedBox(height: 12),
|
|
],
|
|
TextFormField(
|
|
controller: _emailController,
|
|
keyboardType: TextInputType.emailAddress,
|
|
decoration: InputDecoration(
|
|
labelText: 'Email Address',
|
|
prefixIcon: const Icon(Icons.email_outlined, size: 18),
|
|
filled: true,
|
|
fillColor: isEvolution ? const Color(0xFF141414) : Colors.white10,
|
|
border: OutlineInputBorder(borderRadius: BorderRadius.circular(8)),
|
|
isDense: true,
|
|
),
|
|
style: const TextStyle(fontSize: 13),
|
|
validator: (value) {
|
|
if (value == null || value.trim().isEmpty) {
|
|
return 'Please enter an email address';
|
|
}
|
|
if (!value.contains('@') || !value.contains('.')) {
|
|
return 'Please enter a valid email address';
|
|
}
|
|
return null;
|
|
},
|
|
),
|
|
if (_formMode != _AuthFormMode.forgotPassword) ...[
|
|
const SizedBox(height: 12),
|
|
TextFormField(
|
|
controller: _passwordController,
|
|
obscureText: _obscurePassword,
|
|
decoration: InputDecoration(
|
|
labelText: 'Password',
|
|
prefixIcon: const Icon(Icons.lock_outline, size: 18),
|
|
suffixIcon: IconButton(
|
|
icon: Icon(
|
|
_obscurePassword ? Icons.visibility_off : Icons.visibility,
|
|
size: 18,
|
|
color: Colors.white54,
|
|
),
|
|
onPressed: () => setState(() => _obscurePassword = !_obscurePassword),
|
|
),
|
|
filled: true,
|
|
fillColor: isEvolution ? const Color(0xFF141414) : Colors.white10,
|
|
border: OutlineInputBorder(borderRadius: BorderRadius.circular(8)),
|
|
isDense: true,
|
|
),
|
|
style: const TextStyle(fontSize: 13),
|
|
validator: (value) {
|
|
if (value == null || value.isEmpty) {
|
|
return 'Please enter your password';
|
|
}
|
|
if (_formMode == _AuthFormMode.register && value.length < 6) {
|
|
return 'Password must be at least 6 characters';
|
|
}
|
|
return null;
|
|
},
|
|
),
|
|
],
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
ElevatedButton(
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: const Color(0xFF00E5FF),
|
|
foregroundColor: Colors.black,
|
|
padding: const EdgeInsets.symmetric(vertical: 12),
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
|
),
|
|
onPressed: authState.isLoading ? null : () => _submitForm(),
|
|
child: authState.isLoading
|
|
? const SizedBox(width: 18, height: 18, child: CircularProgressIndicator(strokeWidth: 2, color: Colors.black))
|
|
: Text(
|
|
_formMode == _AuthFormMode.signIn
|
|
? 'SIGN IN'
|
|
: (_formMode == _AuthFormMode.register ? 'CREATE ACCOUNT' : 'SEND RESET LINK'),
|
|
style: const TextStyle(fontWeight: FontWeight.w900, letterSpacing: 0.8),
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
if (_formMode == _AuthFormMode.signIn) ...[
|
|
TextButton(
|
|
onPressed: () => setState(() {
|
|
_formMode = _AuthFormMode.forgotPassword;
|
|
_statusMessage = null;
|
|
}),
|
|
child: const Text('Forgot Password?', style: TextStyle(fontSize: 11, color: Colors.white70)),
|
|
),
|
|
TextButton(
|
|
onPressed: () => setState(() {
|
|
_formMode = _AuthFormMode.register;
|
|
_statusMessage = null;
|
|
}),
|
|
child: const Text('Create Account', style: TextStyle(fontSize: 11, color: Color(0xFF00E5FF), fontWeight: FontWeight.bold)),
|
|
),
|
|
] else if (_formMode == _AuthFormMode.register) ...[
|
|
TextButton(
|
|
onPressed: () => setState(() {
|
|
_formMode = _AuthFormMode.signIn;
|
|
_statusMessage = null;
|
|
}),
|
|
child: const Text('Already have an account? Sign In', style: TextStyle(fontSize: 11, color: Color(0xFF00E5FF))),
|
|
),
|
|
] else ...[
|
|
TextButton(
|
|
onPressed: () => setState(() {
|
|
_formMode = _AuthFormMode.signIn;
|
|
_statusMessage = null;
|
|
}),
|
|
child: const Text('Back to Sign In', style: TextStyle(fontSize: 11, color: Colors.white70)),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
const Divider(color: Colors.white12, height: 24),
|
|
OutlinedButton.icon(
|
|
style: OutlinedButton.styleFrom(
|
|
foregroundColor: Colors.white70,
|
|
side: const BorderSide(color: Colors.white24),
|
|
padding: const EdgeInsets.symmetric(vertical: 10),
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
|
),
|
|
icon: const Icon(Icons.person_outline, size: 18),
|
|
label: const Text('Continue as Guest / Anonymous Rider', style: TextStyle(fontSize: 11)),
|
|
onPressed: authState.isLoading ? null : () => ref.read(authNotifierProvider.notifier).signInAnonymously(),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildSignedInView(
|
|
BuildContext context,
|
|
AuthUser user,
|
|
bool isEvolution,
|
|
bool isWide,
|
|
) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
_buildAuthCard(
|
|
isEvolution: isEvolution,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
CircleAvatar(
|
|
radius: 28,
|
|
backgroundColor: const Color(0xFF00E5FF).withValues(alpha: 0.2),
|
|
backgroundImage: user.photoUrl != null ? NetworkImage(user.photoUrl!) : null,
|
|
child: user.photoUrl == null
|
|
? const Icon(Icons.person, color: Color(0xFF00E5FF), size: 32)
|
|
: null,
|
|
),
|
|
const SizedBox(width: 16),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
user.displayLabel,
|
|
style: TextStyle(
|
|
fontFamily: isEvolution ? 'Sora' : null,
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.w800,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
const SizedBox(height: 2),
|
|
Text(
|
|
user.email ?? 'No email associated',
|
|
style: const TextStyle(fontSize: 12, color: Colors.white70),
|
|
),
|
|
const SizedBox(height: 6),
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFF00E5FF).withValues(alpha: 0.15),
|
|
borderRadius: BorderRadius.circular(4),
|
|
border: Border.all(color: const Color(0xFF00E5FF), width: 0.8),
|
|
),
|
|
child: Text(
|
|
'AUTHENTICATED (${user.providerId ?? "cloud"})',
|
|
style: const TextStyle(
|
|
fontFamily: 'Inter',
|
|
fontSize: 9,
|
|
fontWeight: FontWeight.w900,
|
|
color: Color(0xFF00E5FF),
|
|
letterSpacing: 0.5,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const Divider(height: 32, color: Colors.white12),
|
|
_buildInfoRow('User ID', user.uid, isMonospace: true),
|
|
if (user.providerId != null) _buildInfoRow('Provider', user.providerId!),
|
|
if (user.createdAt != null)
|
|
_buildInfoRow('Account Created', user.createdAt!.toLocal().toString().split('.')[0]),
|
|
if (user.lastSignInTime != null)
|
|
_buildInfoRow('Last Sign-In', user.lastSignInTime!.toLocal().toString().split('.')[0]),
|
|
const SizedBox(height: 24),
|
|
SizedBox(
|
|
width: double.infinity,
|
|
child: OutlinedButton.icon(
|
|
style: OutlinedButton.styleFrom(
|
|
foregroundColor: Colors.redAccent,
|
|
side: const BorderSide(color: Colors.redAccent),
|
|
padding: const EdgeInsets.symmetric(vertical: 12),
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
|
),
|
|
icon: const Icon(Icons.logout, size: 18),
|
|
label: const Text('SIGN OUT', style: TextStyle(fontWeight: FontWeight.bold, letterSpacing: 0.8)),
|
|
onPressed: () => ref.read(authNotifierProvider.notifier).signOut(),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
_buildCloudSyncSection(context: context, isEvolution: isEvolution, isAuthenticated: true),
|
|
const SizedBox(height: 16),
|
|
_buildLocalRidingActiveCard(isEvolution),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildAnonymousView(
|
|
BuildContext context,
|
|
AuthUser user,
|
|
bool isEvolution,
|
|
bool isWide,
|
|
) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
_buildAuthCard(
|
|
isEvolution: isEvolution,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
CircleAvatar(
|
|
radius: 28,
|
|
backgroundColor: Colors.amberAccent.withValues(alpha: 0.2),
|
|
child: const Icon(Icons.person_outline, color: Colors.amberAccent, size: 32),
|
|
),
|
|
const SizedBox(width: 16),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'Guest / Anonymous Rider',
|
|
style: TextStyle(
|
|
fontFamily: isEvolution ? 'Sora' : null,
|
|
fontSize: 17,
|
|
fontWeight: FontWeight.w800,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
const SizedBox(height: 4),
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
|
|
decoration: BoxDecoration(
|
|
color: Colors.amberAccent.withValues(alpha: 0.15),
|
|
borderRadius: BorderRadius.circular(4),
|
|
border: Border.all(color: Colors.amberAccent, width: 0.8),
|
|
),
|
|
child: const Text(
|
|
'OFFLINE GUEST SESSION',
|
|
style: TextStyle(
|
|
fontFamily: 'Inter',
|
|
fontSize: 9,
|
|
fontWeight: FontWeight.w900,
|
|
color: Colors.amberAccent,
|
|
letterSpacing: 0.5,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const Divider(height: 24, color: Colors.white12),
|
|
_buildInfoRow('Session ID', user.uid, isMonospace: true),
|
|
const SizedBox(height: 16),
|
|
const Text(
|
|
'You are currently using MotorSignal in local guest mode. All rides are stored locally in your SQLite database. You can link a full cloud account anytime.',
|
|
style: TextStyle(fontSize: 11, color: Colors.white70, height: 1.4),
|
|
),
|
|
const SizedBox(height: 20),
|
|
SizedBox(
|
|
width: double.infinity,
|
|
child: ElevatedButton.icon(
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: const Color(0xFF00E5FF),
|
|
foregroundColor: Colors.black,
|
|
padding: const EdgeInsets.symmetric(vertical: 12),
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
|
),
|
|
icon: const Icon(Icons.link, size: 18),
|
|
label: const Text('SIGN IN WITH FULL ACCOUNT', style: TextStyle(fontWeight: FontWeight.bold)),
|
|
onPressed: () => ref.read(authNotifierProvider.notifier).signOut(),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
_buildCloudSyncSection(context: context, isEvolution: isEvolution, isAuthenticated: false),
|
|
const SizedBox(height: 16),
|
|
_buildLocalRidingActiveCard(isEvolution),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildCloudSyncSection({
|
|
required BuildContext context,
|
|
required bool isEvolution,
|
|
required bool isAuthenticated,
|
|
}) {
|
|
final syncState = ref.watch(syncStateProvider);
|
|
final syncManager = ref.watch(syncManagerProvider);
|
|
|
|
return _buildAuthCard(
|
|
isEvolution: isEvolution,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Icon(
|
|
Icons.cloud_sync_outlined,
|
|
color: isEvolution ? const Color(0xFF00E5FF) : Colors.blueAccent,
|
|
size: 20,
|
|
),
|
|
const SizedBox(width: 8),
|
|
Text(
|
|
'MOTORCLOUD SYNC',
|
|
style: TextStyle(
|
|
fontFamily: isEvolution ? 'Sora' : null,
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w800,
|
|
color: isEvolution ? const Color(0xFF00E5FF) : Colors.white,
|
|
letterSpacing: 0.5,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
if (syncState.isProcessing)
|
|
const Row(
|
|
children: [
|
|
SizedBox(
|
|
width: 12,
|
|
height: 12,
|
|
child: CircularProgressIndicator(strokeWidth: 2, color: Color(0xFF00E5FF)),
|
|
),
|
|
SizedBox(width: 6),
|
|
Text(
|
|
'Syncing...',
|
|
style: TextStyle(fontSize: 10, color: Colors.white70),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 12),
|
|
if (!isAuthenticated) ...[
|
|
const Text(
|
|
'Sign in to back up your rides and access multi-device synchronization. All rides are safely stored on this device in your local Drift SQLite database.',
|
|
style: TextStyle(fontSize: 11, color: Colors.white70, height: 1.4),
|
|
),
|
|
] else ...[
|
|
Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white.withValues(alpha: 0.04),
|
|
borderRadius: BorderRadius.circular(8),
|
|
border: Border.all(color: Colors.white12),
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: [
|
|
_buildSyncStatItem('Synced', '${syncState.syncedCount}', Colors.greenAccent),
|
|
_buildSyncStatItem('Pending', '${syncState.pendingCount}', Colors.amberAccent),
|
|
_buildSyncStatItem('Failed', '${syncState.failedCount}', Colors.redAccent),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
if (syncState.failedCount > 0) ...[
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
|
|
decoration: BoxDecoration(
|
|
color: Colors.redAccent.withValues(alpha: 0.15),
|
|
borderRadius: BorderRadius.circular(6),
|
|
border: Border.all(color: Colors.redAccent.withValues(alpha: 0.4)),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
const Icon(Icons.warning_amber_rounded, color: Colors.redAccent, size: 16),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: Text(
|
|
'${syncState.failedCount} ride(s) need attention. Tap Retry to process.',
|
|
style: const TextStyle(fontSize: 11, color: Colors.white),
|
|
),
|
|
),
|
|
TextButton(
|
|
style: TextButton.styleFrom(
|
|
visualDensity: VisualDensity.compact,
|
|
foregroundColor: Colors.redAccent,
|
|
),
|
|
onPressed: () => syncManager.retryAllPending(),
|
|
child: const Text('RETRY', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 11)),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
],
|
|
_buildInfoRow('Cloud Provider', 'Firebase (Auth/Firestore) + Cloudflare R2'),
|
|
if (syncState.lastSuccessfulSync != null)
|
|
_buildInfoRow(
|
|
'Last Successful Sync',
|
|
syncState.lastSuccessfulSync!.toLocal().toString().split('.')[0],
|
|
),
|
|
if (syncState.lastError != null && syncState.failedCount > 0)
|
|
_buildInfoRow('Last Sync Notice', syncState.lastError!),
|
|
const SizedBox(height: 14),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: ElevatedButton.icon(
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: const Color(0xFF00E5FF),
|
|
foregroundColor: Colors.black,
|
|
padding: const EdgeInsets.symmetric(vertical: 10),
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
|
),
|
|
icon: syncState.isProcessing
|
|
? const SizedBox(
|
|
width: 14,
|
|
height: 14,
|
|
child: CircularProgressIndicator(strokeWidth: 2, color: Colors.black),
|
|
)
|
|
: const Icon(Icons.sync, size: 16),
|
|
label: Text(
|
|
syncState.isProcessing ? 'SYNCING...' : 'SYNC NOW',
|
|
style: const TextStyle(fontSize: 11, fontWeight: FontWeight.bold, letterSpacing: 0.6),
|
|
),
|
|
onPressed: syncState.isProcessing ? null : () => syncManager.processQueue(),
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: OutlinedButton.icon(
|
|
style: OutlinedButton.styleFrom(
|
|
foregroundColor: Colors.white,
|
|
side: const BorderSide(color: Colors.white24),
|
|
padding: const EdgeInsets.symmetric(vertical: 10),
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
|
),
|
|
icon: const Icon(Icons.backup_outlined, size: 16),
|
|
label: const Text(
|
|
'BACK UP ALL',
|
|
style: TextStyle(fontSize: 11, fontWeight: FontWeight.bold, letterSpacing: 0.6),
|
|
),
|
|
onPressed: () => _handleBackupAllHistoricalRides(),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildSyncStatItem(String label, String value, Color color) {
|
|
return Column(
|
|
children: [
|
|
Text(
|
|
value,
|
|
style: TextStyle(
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.w900,
|
|
color: color,
|
|
),
|
|
),
|
|
const SizedBox(height: 2),
|
|
Text(
|
|
label.toUpperCase(),
|
|
style: const TextStyle(
|
|
fontSize: 9,
|
|
fontWeight: FontWeight.w700,
|
|
color: Colors.white60,
|
|
letterSpacing: 0.5,
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Future<void> _handleBackupAllHistoricalRides() async {
|
|
final db = ref.read(databaseProvider);
|
|
final syncManager = ref.read(syncManagerProvider);
|
|
final rides = await db.select(db.rides).get();
|
|
|
|
int enqueued = 0;
|
|
for (final ride in rides) {
|
|
await syncManager.enqueueRide(ride.id, autoProcess: false);
|
|
enqueued++;
|
|
}
|
|
|
|
if (mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: Text('Enqueued $enqueued local ride(s) for MotorCloud synchronization.'),
|
|
duration: const Duration(seconds: 3),
|
|
),
|
|
);
|
|
}
|
|
syncManager.processQueue();
|
|
}
|
|
|
|
Widget _buildOfflineNoticeCard(bool isEvolution, bool isFirebaseConfigured) {
|
|
return Container(
|
|
padding: const EdgeInsets.all(14),
|
|
decoration: BoxDecoration(
|
|
color: isEvolution ? const Color(0xFF0D0D0D) : const Color(0xFF1B2838),
|
|
borderRadius: BorderRadius.circular(12),
|
|
border: Border.all(
|
|
color: isFirebaseConfigured
|
|
? const Color(0xFF00E5FF).withValues(alpha: 0.3)
|
|
: Colors.amberAccent.withValues(alpha: 0.4),
|
|
width: 1.2,
|
|
),
|
|
),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Icon(
|
|
isFirebaseConfigured ? Icons.cloud_done_outlined : Icons.offline_bolt_outlined,
|
|
color: isFirebaseConfigured ? const Color(0xFF00E5FF) : Colors.amberAccent,
|
|
size: 20,
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
isFirebaseConfigured ? 'OFFLINE-FIRST ARCHITECTURE' : 'STANDALONE OFFLINE MODE',
|
|
style: TextStyle(
|
|
fontFamily: isEvolution ? 'Sora' : null,
|
|
fontSize: 11,
|
|
fontWeight: FontWeight.w800,
|
|
color: isFirebaseConfigured ? const Color(0xFF00E5FF) : Colors.amberAccent,
|
|
letterSpacing: 0.6,
|
|
),
|
|
),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
isFirebaseConfigured
|
|
? 'Signing in enables optional multi-device account sync. Offline riding, telemetry acquisition, local SQLite persistence, and forensic exports are always available without an account.'
|
|
: 'MotorSignal is operating in local mode. All instruments, 20Hz sensor fusion, garage storage, and ride recordings remain 100% operational.',
|
|
style: const TextStyle(fontSize: 11, color: Colors.white70, height: 1.35),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildLocalRidingActiveCard(bool isEvolution) {
|
|
return Container(
|
|
padding: const EdgeInsets.all(14),
|
|
decoration: BoxDecoration(
|
|
color: isEvolution ? const Color(0xFF0D0D0D) : const Color(0xFF141414),
|
|
borderRadius: BorderRadius.circular(12),
|
|
border: Border.all(color: const Color(0xFF1F1F1F), width: 1.2),
|
|
),
|
|
child: const Row(
|
|
children: [
|
|
Icon(Icons.shield_outlined, color: Colors.greenAccent, size: 20),
|
|
SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'LOCAL DATA ISOLATION ACTIVE',
|
|
style: TextStyle(
|
|
fontSize: 11,
|
|
fontWeight: FontWeight.w800,
|
|
color: Colors.greenAccent,
|
|
letterSpacing: 0.6,
|
|
),
|
|
),
|
|
SizedBox(height: 2),
|
|
Text(
|
|
'Your local Schema 5 Drift SQLite database remains the authoritative source of truth for telemetry and rides.',
|
|
style: TextStyle(fontSize: 11, color: Colors.white60),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildAuthCard({required bool isEvolution, required Widget child}) {
|
|
return Container(
|
|
padding: const EdgeInsets.all(18),
|
|
decoration: BoxDecoration(
|
|
color: isEvolution ? const Color(0xFF0D0D0D) : null,
|
|
borderRadius: BorderRadius.circular(14),
|
|
border: Border.all(
|
|
color: isEvolution ? const Color(0xFF1F1F1F) : Colors.white12,
|
|
width: 1.2,
|
|
),
|
|
),
|
|
child: child,
|
|
);
|
|
}
|
|
|
|
Widget _buildInfoRow(String label, String value, {bool isMonospace = false}) {
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 4.0),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(label, style: const TextStyle(fontSize: 11, color: Colors.white54)),
|
|
Flexible(
|
|
child: Text(
|
|
value,
|
|
textAlign: TextAlign.end,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
fontFamily: isMonospace ? 'monospace' : null,
|
|
fontSize: 11,
|
|
fontWeight: FontWeight.w600,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
void _handleGoogleSignIn() {
|
|
setState(() => _statusMessage = null);
|
|
ref.read(authNotifierProvider.notifier).signInWithGoogle();
|
|
}
|
|
|
|
void _submitForm() async {
|
|
if (_formKey.currentState?.validate() != true) return;
|
|
setState(() => _statusMessage = null);
|
|
|
|
final email = _emailController.text.trim();
|
|
final password = _passwordController.text;
|
|
final displayName = _displayNameController.text.trim();
|
|
final notifier = ref.read(authNotifierProvider.notifier);
|
|
|
|
if (_formMode == _AuthFormMode.signIn) {
|
|
await notifier.signInWithEmailAndPassword(email, password);
|
|
} else if (_formMode == _AuthFormMode.register) {
|
|
await notifier.createUserWithEmailAndPassword(
|
|
email,
|
|
password,
|
|
displayName: displayName.isNotEmpty ? displayName : null,
|
|
);
|
|
} else if (_formMode == _AuthFormMode.forgotPassword) {
|
|
await notifier.sendPasswordResetEmail(email);
|
|
if (mounted) {
|
|
setState(() {
|
|
_statusMessage = 'Password reset instructions sent to $email';
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|