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,20 @@
+import 'package:flutter/material.dart';
+
+class HomeScreen extends StatelessWidget {
+  final String role;
+
+  const HomeScreen({super.key, required this.role});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: const Text('Dashboard Walk Guide')),
+      body: Center(
+        child: Text(
+          role == 'ROLE_ADMIN' ? 'Selamat Datang Admin!' : 'Mode Walk Guide Siap!',
+          style: const TextStyle(fontSize: 24),
+        ),
+      ),
+    );
+  }
+}
@@ -0,0 +1,141 @@
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+class GuardianDashboardScreen extends StatelessWidget {
+  const GuardianDashboardScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: const Color(0xFFF8FAFC), // Warna background abu-abu sangat muda (modern)
+      appBar: AppBar(
+        backgroundColor: Colors.white,
+        elevation: 0,
+        title: Text('Guardian Command', style: GoogleFonts.outfit(color: const Color(0xFF0F172A), fontWeight: FontWeight.bold)),
+        actions: [
+          IconButton(
+            icon: const Icon(Icons.notifications_none_rounded, color: Color(0xFF0F172A)),
+            onPressed: () {},
+          ),
+        ],
+      ),
+      body: SingleChildScrollView(
+        padding: const EdgeInsets.all(24.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            // 1. KARTU STATUS USER (Hero Card)
+            Container(
+              padding: const EdgeInsets.all(24),
+              decoration: BoxDecoration(
+                gradient: const LinearGradient(colors: [Color(0xFF2563EB), Color(0xFF1D4ED8)]),
+                borderRadius: BorderRadius.circular(24),
+                boxShadow: [
+                  BoxShadow(color: const Color(0xFF2563EB).withOpacity(0.3), blurRadius: 20, offset: const Offset(0, 10))
+                ],
+              ),
+              child: Row(
+                children: [
+                  Container(
+                    padding: const EdgeInsets.all(4),
+                    decoration: const BoxDecoration(color: Colors.white24, shape: BoxShape.circle),
+                    child: const CircleAvatar(
+                      radius: 30,
+                      backgroundColor: Colors.white,
+                      child: Icon(Icons.person, size: 36, color: Color(0xFF2563EB)),
+                    ),
+                  ),
+                  const SizedBox(width: 16),
+                  Expanded(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Text('User Pantauan', style: GoogleFonts.inter(color: Colors.blue[100], fontSize: 14)),
+                        Text('Sedang Berjalan', style: GoogleFonts.outfit(color: Colors.white, fontSize: 24, fontWeight: FontWeight.bold)),
+                        const SizedBox(height: 8),
+                        Row(
+                          children: [
+                            const Icon(Icons.location_on, color: Colors.white70, size: 16),
+                            const SizedBox(width: 4),
+                            Text('Jl. Kenangan, SBY', style: GoogleFonts.inter(color: Colors.white70, fontSize: 12)),
+                          ],
+                        ),
+                      ],
+                    ),
+                  ),
+                ],
+              ),
+            ),
+            const SizedBox(height: 32),
+
+            // 2. QUICK ACTIONS
+            Text('Aksi Cepat', style: GoogleFonts.outfit(fontSize: 18, fontWeight: FontWeight.bold, color: const Color(0xFF0F172A))),
+            const SizedBox(height: 16),
+            Row(
+              children: [
+                _buildQuickAction(Icons.videocam_outlined, 'Live View', const Color(0xFF10B981)),
+                const SizedBox(width: 16),
+                _buildQuickAction(Icons.phone_in_talk, 'Hubungi', const Color(0xFFF59E0B)),
+                const SizedBox(width: 16),
+                _buildQuickAction(Icons.settings_voice, 'Voice Conf', const Color(0xFF8B5CF6)),
+              ],
+            ),
+            const SizedBox(height: 32),
+
+            // 3. SETTINGAN DEVICE USER (Persiapan buat fitur shortcut lu)
+            Text('Konfigurasi Perangkat', style: GoogleFonts.outfit(fontSize: 18, fontWeight: FontWeight.bold, color: const Color(0xFF0F172A))),
+            const SizedBox(height: 16),
+            _buildSettingTile(Icons.gamepad_outlined, 'Hardware Shortcuts', 'Atur fungsi tombol volume hp user'),
+            _buildSettingTile(Icons.spatial_audio_outlined, 'Sensitivitas AI', 'Atur jarak deteksi rintangan'),
+          ],
+        ),
+      ),
+    );
+  }
+
+  // Widget bantuan buat Bikin Kotak Menu
+  Widget _buildQuickAction(IconData icon, String label, Color color) {
+    return Expanded(
+      child: Container(
+        padding: const EdgeInsets.symmetric(vertical: 20),
+        decoration: BoxDecoration(
+          color: Colors.white,
+          borderRadius: BorderRadius.circular(20),
+          border: Border.all(color: Colors.grey.withOpacity(0.1)),
+          boxShadow: [BoxShadow(color: Colors.black.withOpacity(0.02), blurRadius: 10)],
+        ),
+        child: Column(
+          children: [
+            Icon(icon, size: 32, color: color),
+            const SizedBox(height: 8),
+            Text(label, style: GoogleFonts.inter(fontSize: 13, fontWeight: FontWeight.w600, color: const Color(0xFF475569))),
+          ],
+        ),
+      ),
+    );
+  }
+
+  // Widget bantuan buat Bikin List Setting
+  Widget _buildSettingTile(IconData icon, String title, String subtitle) {
+    return Container(
+      margin: const EdgeInsets.only(bottom: 16),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(16),
+        border: Border.all(color: Colors.grey.withOpacity(0.1)),
+      ),
+      child: ListTile(
+        contentPadding: const EdgeInsets.symmetric(horizontal: 20, vertical: 8),
+        leading: Container(
+          padding: const EdgeInsets.all(10),
+          decoration: BoxDecoration(color: const Color(0xFFF1F5F9), borderRadius: BorderRadius.circular(12)),
+          child: Icon(icon, color: const Color(0xFF0F172A)),
+        ),
+        title: Text(title, style: GoogleFonts.inter(fontWeight: FontWeight.w600, color: const Color(0xFF0F172A))),
+        subtitle: Text(subtitle, style: GoogleFonts.inter(fontSize: 13, color: const Color(0xFF64748B))),
+        trailing: const Icon(Icons.arrow_forward_ios, size: 16, color: Color(0xFFCBD5E1)),
+        onTap: () {}, // Nanti kita arahin ke halaman setting
+      ),
+    );
+  }
+}
@@ -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),
+        ),
+      ),
+    );
+  }
+}
@@ -0,0 +1,107 @@
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+class UserDashboardScreen extends StatelessWidget {
+  const UserDashboardScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Colors.black, // Background hitam buat area kamera
+      body: Stack(
+        children: [
+          // 1. AREA KAMERA FULL SCREEN (Placeholder)
+          Positioned.fill(
+            child: Container(
+              color: Colors.grey[900],
+              child: const Center(
+                child: Column(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: [
+                    Icon(Icons.camera_alt_outlined, color: Colors.white54, size: 64),
+                    SizedBox(height: 16),
+                    Text('Kamera Aktif\nMemindai Rintangan...', 
+                      textAlign: TextAlign.center,
+                      style: TextStyle(color: Colors.white54, fontSize: 18),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ),
+
+          // 2. OVERLAY INFORMASI ATAS
+          Positioned(
+            top: 60,
+            left: 20,
+            right: 20,
+            child: Container(
+              padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+              decoration: BoxDecoration(
+                color: Colors.black.withOpacity(0.6),
+                borderRadius: BorderRadius.circular(16),
+              ),
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                children: [
+                  Row(
+                    children: [
+                      const Icon(Icons.spatial_audio_off, color: Colors.greenAccent, size: 24),
+                      const SizedBox(width: 8),
+                      Text('Sistem Siap', style: GoogleFonts.inter(color: Colors.white, fontWeight: FontWeight.bold)),
+                    ],
+                  ),
+                  const Icon(Icons.battery_4_bar, color: Colors.white),
+                ],
+              ),
+            ),
+          ),
+
+          // 3. OVERLAY TOMBOL BAWAH (Gede & Kontras)
+          Positioned(
+            bottom: 40,
+            left: 20,
+            right: 20,
+            child: Row(
+              children: [
+                // Tombol Voice Command
+                Expanded(
+                  child: Semantics(
+                    label: 'Tombol Perintah Suara',
+                    hint: 'Tekan dua kali untuk memberikan perintah suara',
+                    child: ElevatedButton(
+                      onPressed: () {},
+                      style: ElevatedButton.styleFrom(
+                        backgroundColor: const Color(0xFF2563EB), // Biru terang
+                        padding: const EdgeInsets.symmetric(vertical: 24),
+                        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(24)),
+                      ),
+                      child: const Icon(Icons.mic, size: 40, color: Colors.white),
+                    ),
+                  ),
+                ),
+                const SizedBox(width: 16),
+                // Tombol Call Guardian
+                Expanded(
+                  child: Semantics(
+                    label: 'Panggil Pendamping',
+                    hint: 'Tekan dua kali untuk menelepon pendamping Anda',
+                    child: ElevatedButton(
+                      onPressed: () {},
+                      style: ElevatedButton.styleFrom(
+                        backgroundColor: const Color(0xFFDC2626), // Merah peringatan
+                        padding: const EdgeInsets.symmetric(vertical: 24),
+                        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(24)),
+                      ),
+                      child: const Icon(Icons.phone_in_talk, size: 40, color: Colors.white),
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}