342 lines
11 KiB
Dart
342 lines
11 KiB
Dart
import 'dart:convert';
|
|
import 'package:bahasajepang/pages/pretest_page.dart';
|
|
import 'package:bahasajepang/service/API_config.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:http/http.dart' as http;
|
|
import 'package:shared_preferences/shared_preferences.dart';
|
|
|
|
class LevelSelectionPage extends StatefulWidget {
|
|
const LevelSelectionPage({super.key});
|
|
|
|
@override
|
|
// ignore: library_private_types_in_public_api
|
|
_LevelSelectionPageState createState() => _LevelSelectionPageState();
|
|
}
|
|
|
|
class _LevelSelectionPageState extends State<LevelSelectionPage> {
|
|
int? userId;
|
|
int? level_id; // Tambahkan variabel levelId
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
loadUserData();
|
|
}
|
|
|
|
Future<void> loadUserData() async {
|
|
SharedPreferences prefs = await SharedPreferences.getInstance();
|
|
prefs.getKeys().forEach((key) {
|
|
print("$key : ${prefs.get(key)}");
|
|
});
|
|
|
|
setState(() {
|
|
userId = prefs.getInt('id');
|
|
level_id = prefs.getInt('level_id');
|
|
});
|
|
|
|
// Hanya arahkan jika levelId memiliki nilai yang valid (1, 2, atau 3)
|
|
if (level_id != null && level_id! > 0 && level_id! <= 3) {
|
|
print("LEVEL ID : $level_id");
|
|
WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
switch (level_id) {
|
|
case 1:
|
|
Navigator.pushNamedAndRemoveUntil(
|
|
context, '/pemula', (route) => false);
|
|
break;
|
|
case 2:
|
|
Navigator.pushNamedAndRemoveUntil(context, '/n5', (route) => false);
|
|
break;
|
|
case 3:
|
|
Navigator.pushNamedAndRemoveUntil(context, '/n4', (route) => false);
|
|
break;
|
|
}
|
|
});
|
|
} else {
|
|
// Jika levelId null, 0, atau tidak valid, tetap di halaman level selection
|
|
print("Level ID belum dipilih atau tidak valid: $level_id");
|
|
}
|
|
}
|
|
|
|
Future<void> sendNumberToDatabase(int number) async {
|
|
const endpoint = "/update-level";
|
|
try {
|
|
SharedPreferences prefs = await SharedPreferences.getInstance();
|
|
int? userId = prefs.getInt('id');
|
|
|
|
if (userId == null) {
|
|
print('User ID tidak ditemukan');
|
|
return;
|
|
}
|
|
|
|
var response = await http.post(
|
|
Uri.parse(ApiConfig.baseUrl + endpoint),
|
|
headers: {'Content-Type': 'application/json'},
|
|
body: jsonEncode({'user_id': userId, 'level_id': number}),
|
|
);
|
|
|
|
if (response.statusCode == 200) {
|
|
var jsonResponse = jsonDecode(response.body);
|
|
print('Response: ${jsonResponse}');
|
|
} else {
|
|
print('Failed to send number. Status Code: ${response.statusCode}');
|
|
}
|
|
} catch (e) {
|
|
print('Error: $e');
|
|
}
|
|
}
|
|
|
|
Future<void> updateUserLevel(int userId, int level_id) async {
|
|
const endpoint = "/update-level";
|
|
try {
|
|
print('Sending data: user_id=$userId, level_id=$level_id');
|
|
|
|
var response = await http.post(
|
|
Uri.parse(ApiConfig.baseUrl + endpoint),
|
|
headers: {'Content-Type': 'application/json'},
|
|
body: jsonEncode({'user_id': userId, 'level_id': level_id}),
|
|
);
|
|
|
|
if (response.statusCode == 200) {
|
|
var jsonResponse = jsonDecode(response.body);
|
|
print('Response: ${jsonResponse}');
|
|
} else {
|
|
print('Failed to update level. Status Code: ${response.statusCode}');
|
|
}
|
|
} catch (e) {
|
|
print('Error: $e');
|
|
}
|
|
}
|
|
|
|
Future<void> sendLevelToDatabase(int level_id) async {
|
|
const endpoint = "/update-level";
|
|
try {
|
|
SharedPreferences prefs = await SharedPreferences.getInstance();
|
|
int? userId = prefs.getInt('id');
|
|
|
|
if (userId == null) {
|
|
print('User ID tidak ditemukan');
|
|
return;
|
|
}
|
|
|
|
var response = await http.post(
|
|
Uri.parse(ApiConfig.baseUrl + endpoint),
|
|
headers: {'Content-Type': 'application/json'},
|
|
body: jsonEncode({'user_id': userId, 'level_id': level_id}),
|
|
);
|
|
|
|
if (response.statusCode == 200) {
|
|
var jsonResponse = jsonDecode(response.body);
|
|
print('Response: ${jsonResponse}');
|
|
|
|
// Simpan levelId ke SharedPreferences
|
|
await prefs.setInt('levelId', level_id);
|
|
|
|
// Arahkan ke halaman level yang sesuai
|
|
switch (level_id) {
|
|
case 1:
|
|
Navigator.pushNamedAndRemoveUntil(
|
|
context, '/pemula', (route) => false);
|
|
break;
|
|
case 2:
|
|
Navigator.pushNamedAndRemoveUntil(context, '/n5', (route) => false);
|
|
break;
|
|
case 3:
|
|
Navigator.pushNamedAndRemoveUntil(context, '/n4', (route) => false);
|
|
break;
|
|
default:
|
|
print("level_page2");
|
|
Navigator.pushNamedAndRemoveUntil(
|
|
context, '/level', (route) => false);
|
|
}
|
|
} else {
|
|
print('Failed to send level. Status Code: ${response.statusCode}');
|
|
}
|
|
} catch (e) {
|
|
print('Error: $e');
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
body: Container(
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topCenter,
|
|
end: Alignment.bottomCenter,
|
|
colors: [
|
|
Colors.blue.shade50,
|
|
Colors.blue.shade100,
|
|
Colors.blue.shade200,
|
|
],
|
|
),
|
|
),
|
|
child: Center(
|
|
child: SingleChildScrollView(
|
|
padding: const EdgeInsets.all(24.0),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Image.asset(
|
|
'assets/image_splash.png',
|
|
width: 180,
|
|
height: 180,
|
|
fit: BoxFit.contain,
|
|
),
|
|
const SizedBox(height: 30),
|
|
const Text(
|
|
"Pilih Level Kemampuanmu",
|
|
style: TextStyle(
|
|
fontSize: 22,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.blueGrey,
|
|
),
|
|
),
|
|
const SizedBox(height: 8),
|
|
const Text(
|
|
"Silakan pilih level yang sesuai dengan kemampuan bahasa Jepang Anda",
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
color: Colors.blueGrey,
|
|
),
|
|
),
|
|
const SizedBox(height: 30),
|
|
_buildLevelCard(
|
|
title: "Tes Kemampuan",
|
|
subtitle: "Ikuti pretest untuk mengetahui level Anda",
|
|
color: Colors.blue.shade200,
|
|
icon: Icons.quiz,
|
|
onPressed: () {
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) => const PretestPage()),
|
|
);
|
|
},
|
|
),
|
|
// const SizedBox(height: 16),
|
|
// _buildLevelCard(
|
|
// title: "Pemula",
|
|
// subtitle: "Belum pernah belajar bahasa Jepang",
|
|
// color: Colors.blue.shade200,
|
|
// icon: Icons.school,
|
|
// onPressed: () async {
|
|
// SharedPreferences prefs =
|
|
// await SharedPreferences.getInstance();
|
|
// int? userId = prefs.getInt('id');
|
|
// if (userId != null) {
|
|
// await sendLevelToDatabase(1);
|
|
// } else {
|
|
// print('User ID tidak ditemukan');
|
|
// }
|
|
// },
|
|
// ),
|
|
// const SizedBox(height: 16),
|
|
// _buildLevelCard(
|
|
// title: "N5",
|
|
// subtitle: "Mengetahui huruf dasar bahasa Jepang",
|
|
// color: const Color.fromRGBO(100, 181, 246, 1),
|
|
// icon: Icons.language,
|
|
// onPressed: () async {
|
|
// SharedPreferences prefs =
|
|
// await SharedPreferences.getInstance();
|
|
// int? userId = prefs.getInt('id');
|
|
// if (userId != null) {
|
|
// await sendLevelToDatabase(2);
|
|
// } else {
|
|
// print('User ID tidak ditemukan');
|
|
// }
|
|
// },
|
|
// ),
|
|
// const SizedBox(height: 16),
|
|
// _buildLevelCard(
|
|
// title: "N4",
|
|
// subtitle: "Mengetahui lebih dari 100 kanji dan 800 kosakata",
|
|
// color: Colors.blue.shade400,
|
|
// icon: Icons.auto_awesome,
|
|
// onPressed: () async {
|
|
// SharedPreferences prefs =
|
|
// await SharedPreferences.getInstance();
|
|
// int? userId = prefs.getInt('id');
|
|
// if (userId != null) {
|
|
// await sendLevelToDatabase(3);
|
|
// } else {
|
|
// print('User ID tidak ditemukan');
|
|
// }
|
|
// },
|
|
// ),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildLevelCard({
|
|
required String title,
|
|
required String subtitle,
|
|
required Color color,
|
|
required IconData icon,
|
|
required VoidCallback onPressed,
|
|
}) {
|
|
return Card(
|
|
elevation: 4,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: InkWell(
|
|
borderRadius: BorderRadius.circular(12),
|
|
onTap: onPressed,
|
|
child: Container(
|
|
width: double.infinity,
|
|
padding: const EdgeInsets.all(16),
|
|
decoration: BoxDecoration(
|
|
color: color.withOpacity(0.2),
|
|
borderRadius: BorderRadius.circular(12),
|
|
border: Border.all(color: color.withOpacity(0.5), width: 1),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: color.withOpacity(0.3),
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: Icon(icon, color: color.withOpacity(0.8), size: 28),
|
|
),
|
|
const SizedBox(width: 16),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
title,
|
|
style: TextStyle(
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.bold,
|
|
color: color.withOpacity(0.9),
|
|
),
|
|
),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
subtitle,
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
color: Colors.blueGrey.shade700,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Icon(Icons.chevron_right, color: color.withOpacity(0.7)),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|