first week launch

2026-04-22 20:57:19 +07:00
commit 65b87d3d9d
170 changed files with 7378 additions and 0 deletions
@@ -0,0 +1,231 @@
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:dio/dio.dart';
+import '../../../core/api_service.dart';
+import '../../../core/secure_storage.dart';
+import '../../home/presentation/guardian_dashboard_screen.dart';
+import '../../home/presentation/user_dashboard_screen.dart';
+
+class LoginScreen extends StatefulWidget {
+  const LoginScreen({super.key});
+
+  @override
+  State<LoginScreen> createState() => _LoginScreenState();
+}
+
+class _LoginScreenState extends State<LoginScreen> {
+  final TextEditingController _emailController = TextEditingController();
+  final TextEditingController _passwordController = TextEditingController();
+  final ApiService _apiService = ApiService();
+  final SecureStorage _secureStorage = SecureStorage();
+
+  bool _isLoading = false;
+  bool _isPasswordVisible = false;
+
+  Future<void> _handleLogin() async {
+    setState(() => _isLoading = true);
+
+    try {
+      final response = await _apiService.post('/auth/login', {
+        'email': _emailController.text.trim(),
+        'password': _passwordController.text.trim(),
+      });
+
+      if (response.statusCode == 200) {
+        // Ekstraksi data dari ApiResponse wrapper (success, data, message)
+        final responseBody = response.data;
+        
+        if (responseBody['success'] == true) {
+          final userData = responseBody['data'];
+          final String token = userData['token'];
+          final String role = userData['role'];
+
+          // Simpan token ke storage aman
+          await _secureStorage.saveToken(token);
+
+          // Routing berdasarkan Role
+          if (mounted) {
+            if (role == 'ROLE_GUARDIAN') {
+              Navigator.pushReplacement(
+                context,
+                MaterialPageRoute(builder: (_) => const GuardianDashboardScreen()),
+              );
+            } else {
+              Navigator.pushReplacement(
+                context,
+                MaterialPageRoute(builder: (_) => const UserDashboardScreen()),
+              );
+            }
+          }
+        } else {
+          throw Exception(responseBody['message'] ?? 'Login gagal');
+        }
+      }
+    } on DioException catch (e) {
+      if (mounted) {
+        // Ambil pesan error dari GlobalExceptionHandler di Spring Boot
+        String errorMsg = 'Gagal Terhubung ke Server';
+        if (e.response?.data != null && e.response?.data is Map) {
+          errorMsg = e.response?.data['message'] ?? errorMsg;
+        }
+        
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Text(errorMsg),
+            backgroundColor: Colors.redAccent,
+            behavior: SnackBarBehavior.floating,
+          ),
+        );
+      }
+    } catch (e) {
+      if (mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text(e.toString())),
+        );
+      }
+    } finally {
+      setState(() => _isLoading = false);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: const Color(0xFFF8FAFC),
+      body: Center(
+        child: SingleChildScrollView(
+          padding: const EdgeInsets.symmetric(horizontal: 32.0),
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              // Logo/Icon Header
+              Container(
+                padding: const EdgeInsets.all(16),
+                decoration: BoxDecoration(
+                  color: const Color(0xFF2563EB).withValues(alpha: 0.1),
+                  shape: BoxShape.circle,
+                ),
+                child: const Icon(
+                  Icons.navigation_rounded, 
+                  size: 48, 
+                  color: Color(0xFF2563EB)
+                ),
+              ),
+              const SizedBox(height: 24),
+              Text(
+                'Walk Guide',
+                style: GoogleFonts.outfit(
+                  fontSize: 32, 
+                  fontWeight: FontWeight.bold, 
+                  color: const Color(0xFF0F172A)
+                ),
+              ),
+              const SizedBox(height: 8),
+              Text(
+                'Masuk untuk mulai navigasi',
+                style: GoogleFonts.inter(
+                  fontSize: 15, 
+                  color: const Color(0xFF64748B)
+                ),
+              ),
+              const SizedBox(height: 40),
+
+              // Input Fields
+              _buildTextField(
+                _emailController, 
+                Icons.alternate_email, 
+                'Email', 
+                false
+              ),
+              const SizedBox(height: 20),
+              _buildTextField(
+                _passwordController, 
+                Icons.lock_outline, 
+                'Password', 
+                true
+              ),
+
+              const SizedBox(height: 48),
+
+              // Button Masuk
+              SizedBox(
+                width: double.infinity,
+                height: 56,
+                child: ElevatedButton(
+                  onPressed: _isLoading ? null : _handleLogin,
+                  style: ElevatedButton.styleFrom(
+                    backgroundColor: const Color(0xFF2563EB),
+                    foregroundColor: Colors.white,
+                    elevation: 0,
+                    shape: RoundedRectangleBorder(
+                      borderRadius: BorderRadius.circular(16)
+                    ),
+                  ),
+                  child: _isLoading 
+                    ? const SizedBox(
+                        height: 24,
+                        width: 24,
+                        child: CircularProgressIndicator(
+                          color: Colors.white, 
+                          strokeWidth: 2
+                        ),
+                      )
+                    : Text(
+                        'Masuk', 
+                        style: GoogleFonts.inter(
+                          fontSize: 16, 
+                          fontWeight: FontWeight.w600
+                        )
+                      ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildTextField(
+    TextEditingController controller, 
+    IconData icon, 
+    String hint, 
+    bool isPassword
+  ) {
+    return Container(
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(16),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withValues(alpha: 0.02), 
+            blurRadius: 10, 
+            offset: const Offset(0, 4)
+          )
+        ],
+      ),
+      child: TextField(
+        controller: controller,
+        obscureText: isPassword && !_isPasswordVisible,
+        style: GoogleFonts.inter(fontSize: 15),
+        decoration: InputDecoration(
+          hintText: hint,
+          hintStyle: const TextStyle(color: Color(0xFF94A3B8)),
+          prefixIcon: Icon(icon, color: const Color(0xFF94A3B8)),
+          suffixIcon: isPassword 
+              ? IconButton(
+                  icon: Icon(
+                    _isPasswordVisible ? Icons.visibility_off : Icons.visibility, 
+                    color: const Color(0xFF94A3B8)
+                  ),
+                  onPressed: () => setState(() => _isPasswordVisible = !_isPasswordVisible),
+                ) 
+              : null,
+          border: InputBorder.none,
+          contentPadding: const EdgeInsets.symmetric(horizontal: 20, vertical: 18),
+        ),
+      ),
+    );
+  }
+}