340 lines
12 KiB
Dart
340 lines
12 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:finalproject/services/auth_service.dart';
|
|
import 'package:finalproject/theme/colors.dart';
|
|
|
|
class SplashScreen extends StatefulWidget {
|
|
const SplashScreen({super.key});
|
|
|
|
@override
|
|
State<SplashScreen> createState() => _SplashScreenState();
|
|
}
|
|
|
|
class _SplashScreenState extends State<SplashScreen>
|
|
with TickerProviderStateMixin {
|
|
late AnimationController _fadeController;
|
|
late AnimationController _scaleController;
|
|
late AnimationController _rotateController;
|
|
String _statusMessage = 'Mempersiapkan aplikasi...';
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_initializeAnimations();
|
|
_checkApiHealth();
|
|
}
|
|
|
|
void _initializeAnimations() {
|
|
// Fade animation untuk teks
|
|
_fadeController = AnimationController(
|
|
duration: const Duration(milliseconds: 1500),
|
|
vsync: this,
|
|
);
|
|
|
|
// Scale animation untuk logo
|
|
_scaleController = AnimationController(
|
|
duration: const Duration(milliseconds: 1000),
|
|
vsync: this,
|
|
);
|
|
|
|
// Rotate animation untuk loading circle
|
|
_rotateController = AnimationController(
|
|
duration: const Duration(milliseconds: 2000),
|
|
vsync: this,
|
|
);
|
|
|
|
_scaleController.forward();
|
|
_fadeController.forward();
|
|
_rotateController.repeat();
|
|
}
|
|
|
|
Future<void> _checkApiHealth() async {
|
|
await Future.delayed(const Duration(seconds: 2));
|
|
|
|
try {
|
|
setState(() => _statusMessage = 'Menghubungkan ke server...');
|
|
|
|
// Simulate API check (uncomment MLService when needed)
|
|
// final isHealthy = await MLService.healthCheck();
|
|
|
|
// For now, always proceed to dashboard
|
|
setState(() {
|
|
_statusMessage = 'Siap!';
|
|
});
|
|
|
|
// Tunggu sebentar sebelum navigate
|
|
await Future.delayed(const Duration(seconds: 1));
|
|
|
|
final isLoggedIn = await AuthService.isLoggedIn();
|
|
if (!mounted) return;
|
|
|
|
Navigator.of(
|
|
context,
|
|
).pushReplacementNamed(isLoggedIn ? '/dashboard' : '/login');
|
|
} catch (e) {
|
|
setState(() => _statusMessage = 'Error: ${e.toString()}');
|
|
await Future.delayed(const Duration(seconds: 2));
|
|
|
|
if (mounted) {
|
|
// Navigate ke Login even on error
|
|
Navigator.of(context).pushReplacementNamed('/login');
|
|
}
|
|
}
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_fadeController.dispose();
|
|
_scaleController.dispose();
|
|
_rotateController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
body: Container(
|
|
width: double.infinity,
|
|
height: double.infinity,
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topCenter,
|
|
end: Alignment.bottomCenter,
|
|
colors: [
|
|
AppColors.creamGradient.colors[0],
|
|
AppColors.creamGradient.colors[1],
|
|
],
|
|
),
|
|
),
|
|
child: Stack(
|
|
children: [
|
|
// Background pattern (subtle cake/bakery theme)
|
|
Positioned.fill(
|
|
child: Opacity(
|
|
opacity: 0.08,
|
|
child: Image.network(
|
|
'https://images.unsplash.com/photo-1578985545062-69928b1d9587?w=800',
|
|
fit: BoxFit.cover,
|
|
errorBuilder: (context, error, stackTrace) {
|
|
return Container(color: Colors.transparent);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
|
|
// Main content
|
|
SafeArea(
|
|
child: Column(
|
|
children: [
|
|
// Top spacing
|
|
const Spacer(flex: 2),
|
|
|
|
// Center content
|
|
Expanded(
|
|
flex: 4,
|
|
child: Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
// Logo with scale animation
|
|
ScaleTransition(
|
|
scale: Tween<double>(begin: 0.5, end: 1.0).animate(
|
|
CurvedAnimation(
|
|
parent: _scaleController,
|
|
curve: Curves.elasticOut,
|
|
),
|
|
),
|
|
child: Container(
|
|
width: 110,
|
|
height: 110,
|
|
decoration: BoxDecoration(
|
|
color: AppColors.primaryBrown,
|
|
borderRadius: BorderRadius.circular(28),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.black.withValues(alpha: 0.15),
|
|
blurRadius: 25,
|
|
offset: const Offset(0, 10),
|
|
),
|
|
],
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(18),
|
|
child: Image.asset(
|
|
'assets/branding/app_icon.png',
|
|
fit: BoxFit.contain,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 40),
|
|
|
|
// App name with fade-in
|
|
FadeTransition(
|
|
opacity: Tween<double>(
|
|
begin: 0.0,
|
|
end: 1.0,
|
|
).animate(
|
|
CurvedAnimation(
|
|
parent: _fadeController,
|
|
curve: Curves.easeInOut,
|
|
),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
// Main title
|
|
Text(
|
|
'Tobaku Sulastri',
|
|
style: TextStyle(
|
|
fontSize: 36,
|
|
fontWeight: FontWeight.w700,
|
|
color: AppColors.primaryBrown,
|
|
letterSpacing: 0.5,
|
|
),
|
|
),
|
|
const SizedBox(height: 6),
|
|
|
|
// Subtitle
|
|
Text(
|
|
'Toko Bahan Kue',
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w500,
|
|
color: AppColors.primaryBrownDark,
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
|
|
// Tagline with icon
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Icon(
|
|
Icons.star,
|
|
size: 14,
|
|
color: AppColors.primaryBrownLight,
|
|
),
|
|
const SizedBox(width: 6),
|
|
Text(
|
|
'Smart Inventory Management',
|
|
style: TextStyle(
|
|
fontSize: 13,
|
|
color: AppColors.textTertiary,
|
|
fontWeight: FontWeight.w400,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
|
|
// Bottom section with loading & version
|
|
Expanded(
|
|
flex: 2,
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: [
|
|
// Loading dots animation
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
ScaleTransition(
|
|
scale: Tween<double>(
|
|
begin: 0.4,
|
|
end: 1.0,
|
|
).animate(
|
|
CurvedAnimation(
|
|
parent: _rotateController,
|
|
curve: Curves.easeInOut,
|
|
),
|
|
),
|
|
child: Container(
|
|
width: 8,
|
|
height: 8,
|
|
decoration: BoxDecoration(
|
|
color: AppColors.primaryBrown,
|
|
borderRadius: BorderRadius.circular(4),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 6),
|
|
ScaleTransition(
|
|
scale: Tween<double>(
|
|
begin: 0.4,
|
|
end: 1.0,
|
|
).animate(
|
|
CurvedAnimation(
|
|
parent: _rotateController,
|
|
curve: Curves.easeInOut,
|
|
),
|
|
),
|
|
child: Container(
|
|
width: 8,
|
|
height: 8,
|
|
decoration: BoxDecoration(
|
|
color: AppColors.primaryBrown,
|
|
borderRadius: BorderRadius.circular(4),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 6),
|
|
ScaleTransition(
|
|
scale: Tween<double>(
|
|
begin: 0.4,
|
|
end: 1.0,
|
|
).animate(
|
|
CurvedAnimation(
|
|
parent: _rotateController,
|
|
curve: Curves.easeInOut,
|
|
),
|
|
),
|
|
child: Container(
|
|
width: 8,
|
|
height: 8,
|
|
decoration: BoxDecoration(
|
|
color: AppColors.primaryBrown,
|
|
borderRadius: BorderRadius.circular(4),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 40),
|
|
|
|
Text(
|
|
_statusMessage,
|
|
style: TextStyle(
|
|
fontSize: 13,
|
|
color: AppColors.textTertiary,
|
|
fontWeight: FontWeight.w400,
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
|
|
// Version text
|
|
Text(
|
|
'Version 1.0.0',
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color: AppColors.textTertiary,
|
|
fontWeight: FontWeight.w400,
|
|
),
|
|
),
|
|
const SizedBox(height: 24),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|