566 lines
24 KiB
Dart
566 lines
24 KiB
Dart
import 'dart:convert';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import 'package:shared_preferences/shared_preferences.dart';
|
|
import 'package:http/http.dart' as http;
|
|
|
|
import '../layout/main_layout.dart';
|
|
import 'kader_drawer.dart';
|
|
import '../pages/login_page.dart';
|
|
import '../kader/crud_kehadiran/riwayat_kehadiran.dart';
|
|
import '../kader/dashboard_kader.dart';
|
|
|
|
class DataKehadiranPosyanduPage extends StatefulWidget {
|
|
const DataKehadiranPosyanduPage({super.key});
|
|
|
|
@override
|
|
State<DataKehadiranPosyanduPage> createState() =>
|
|
_DataKehadiranPosyanduPageState();
|
|
}
|
|
|
|
class _DataKehadiranPosyanduPageState extends State<DataKehadiranPosyanduPage> {
|
|
List<Map<String, dynamic>> _data = [];
|
|
List<Map<String, dynamic>> _filteredData = [];
|
|
bool _isLoading = true;
|
|
|
|
int _currentPage = 0;
|
|
final int _rowsPerPage = 5;
|
|
|
|
final Map<String, TextEditingController> _catatanController = {};
|
|
final TextEditingController _searchController = TextEditingController();
|
|
|
|
int? _userId;
|
|
String? _dusunId;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_initializeData();
|
|
_searchController.addListener(_onSearch);
|
|
}
|
|
|
|
Future<void> _initializeData() async {
|
|
debugPrint("=== Memulai Inisialisasi Data ===");
|
|
await _checkLogin();
|
|
await _getUser();
|
|
await _fetchData();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_searchController.dispose();
|
|
_catatanController.forEach((_, c) => c.dispose());
|
|
super.dispose();
|
|
}
|
|
|
|
String _formatTanggal(String? dateStr) {
|
|
if (dateStr == null || dateStr == "-" || dateStr.isEmpty) return "-";
|
|
try {
|
|
DateTime dateTime = DateTime.parse(dateStr);
|
|
List<String> months = [
|
|
"Januari",
|
|
"Februari",
|
|
"Maret",
|
|
"April",
|
|
"Mei",
|
|
"Juni",
|
|
"Juli",
|
|
"Agustus",
|
|
"September",
|
|
"Oktober",
|
|
"November",
|
|
"Desember"
|
|
];
|
|
return "${dateTime.day} ${months[dateTime.month - 1]} ${dateTime.year}";
|
|
} catch (e) {
|
|
return dateStr;
|
|
}
|
|
}
|
|
|
|
Future<void> _getUser() async {
|
|
try {
|
|
final prefs = await SharedPreferences.getInstance();
|
|
String? idString = prefs.getString('id_user');
|
|
dynamic rawDusunId = prefs.get('dusun_id');
|
|
|
|
if (mounted) {
|
|
setState(() {
|
|
_userId = int.tryParse(idString ?? "");
|
|
_dusunId = rawDusunId?.toString();
|
|
});
|
|
}
|
|
} catch (e) {
|
|
debugPrint("DEBUG ERROR (SharedPrefs): $e");
|
|
}
|
|
}
|
|
|
|
void _onSearch() {
|
|
final query = _searchController.text.toLowerCase();
|
|
setState(() {
|
|
_currentPage = 0;
|
|
_filteredData = _data.where((item) {
|
|
final nama = (item["nama_balita"] ?? "").toLowerCase();
|
|
final ibu = (item["ibu_suami"] ?? "").toLowerCase();
|
|
return nama.contains(query) || ibu.contains(query);
|
|
}).toList();
|
|
});
|
|
}
|
|
|
|
Future<void> _checkLogin() async {
|
|
final prefs = await SharedPreferences.getInstance();
|
|
if (!(prefs.getBool('isLogin') ?? false)) {
|
|
if (!mounted) return;
|
|
Navigator.pushAndRemoveUntil(
|
|
context,
|
|
MaterialPageRoute(builder: (_) => const LoginPage(fromGuard: true)),
|
|
(route) => false);
|
|
}
|
|
}
|
|
|
|
Future<void> _fetchData() async {
|
|
if (_dusunId == null || _dusunId == "0" || _dusunId == "null") {
|
|
if (mounted) setState(() => _isLoading = false);
|
|
return;
|
|
}
|
|
|
|
if (mounted) setState(() => _isLoading = true);
|
|
|
|
try {
|
|
final url =
|
|
"http://ta.myhost.id/E31230549/mposyandu_api/kehadiran/get_kehadiran_balita.php?dusun_id=$_dusunId";
|
|
final response = await http.get(Uri.parse(url));
|
|
|
|
if (response.statusCode == 200) {
|
|
final jsonData = json.decode(response.body);
|
|
if (jsonData["success"] == true) {
|
|
final List list = jsonData["data"] ?? [];
|
|
_data = list.map<Map<String, dynamic>>((e) {
|
|
bool belumInput =
|
|
(e["status_hadir"] == "-" || e["status_hadir"] == null);
|
|
String idBalita = e["id_balita"].toString();
|
|
_catatanController[idBalita] = TextEditingController(
|
|
text: (e["keterangan"] == "-" || e["keterangan"] == null)
|
|
? ""
|
|
: e["keterangan"].toString());
|
|
return {
|
|
...e,
|
|
"isEditing": belumInput,
|
|
"sudahInput": !belumInput,
|
|
"status": belumInput ? null : e["status_hadir"].toString(),
|
|
};
|
|
}).toList();
|
|
_filteredData = List.from(_data);
|
|
}
|
|
}
|
|
} catch (e) {
|
|
debugPrint("ERROR FETCH: $e");
|
|
}
|
|
if (mounted) setState(() => _isLoading = false);
|
|
}
|
|
|
|
Future<bool> _saveData(Map<String, dynamic> item) async {
|
|
String idBalita = item["id_balita"].toString();
|
|
try {
|
|
final response = await http.post(
|
|
Uri.parse(
|
|
"http://ta.myhost.id/E31230549/mposyandu_api/kehadiran/simpan_kehadiran_balita.php"),
|
|
body: {
|
|
"jadwal_id": item["id_jadwal"].toString(),
|
|
"balita_id": idBalita,
|
|
"status_hadir": item["status"] ?? "-",
|
|
"keterangan": _catatanController[idBalita]?.text ?? "",
|
|
"dicatat_oleh": _userId?.toString() ?? "0",
|
|
},
|
|
);
|
|
final result = json.decode(response.body);
|
|
return result["success"] == true;
|
|
} catch (e) {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
List<Map<String, dynamic>> get _paginatedData {
|
|
final start = _currentPage * _rowsPerPage;
|
|
final end = (start + _rowsPerPage > _filteredData.length)
|
|
? _filteredData.length
|
|
: start + _rowsPerPage;
|
|
return _filteredData.isEmpty ? [] : _filteredData.sublist(start, end);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final totalPages = _filteredData.isEmpty
|
|
? 1
|
|
: (_filteredData.length / _rowsPerPage).ceil();
|
|
|
|
return PopScope(
|
|
canPop: false,
|
|
onPopInvokedWithResult: (didPop, result) async {
|
|
if (didPop) return;
|
|
|
|
Navigator.pushAndRemoveUntil(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (_) => const DashboardKaderPage(),
|
|
),
|
|
(route) => false,
|
|
);
|
|
},
|
|
child: MainLayout(
|
|
title: "",
|
|
drawer: const KaderDrawer(),
|
|
body: Padding(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(
|
|
children: [
|
|
Center(
|
|
child: Text("Data Kehadiran Posyandu",
|
|
style: GoogleFonts.poppins(
|
|
fontSize: 18, fontWeight: FontWeight.bold))),
|
|
const SizedBox(height: 14),
|
|
TextField(
|
|
controller: _searchController,
|
|
style: GoogleFonts.poppins(fontSize: 12),
|
|
decoration: InputDecoration(
|
|
hintText: "Cari nama balita / ibu...",
|
|
hintStyle: GoogleFonts.poppins(fontSize: 12),
|
|
prefixIcon: const Icon(Icons.search, size: 20),
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(10)),
|
|
isDense: true,
|
|
),
|
|
),
|
|
const SizedBox(height: 14),
|
|
Expanded(
|
|
child: _isLoading
|
|
? const Center(child: CircularProgressIndicator())
|
|
: ListView.builder(
|
|
itemCount:
|
|
_paginatedData.isEmpty ? 1 : _paginatedData.length,
|
|
itemBuilder: (context, index) {
|
|
if (_paginatedData.isEmpty) {
|
|
return Center(
|
|
child: Text("Data tidak ditemukan",
|
|
style: GoogleFonts.poppins(fontSize: 12)));
|
|
}
|
|
final item = _paginatedData[index];
|
|
String idBalita = item["id_balita"].toString();
|
|
bool isEditing = item["isEditing"] ?? false;
|
|
bool sudahInput = item["sudahInput"] ?? false;
|
|
|
|
// LOGIKA STATUS LOLOS / BELUM LOLOS
|
|
String rawStatus = (item["status_balita"] ?? "")
|
|
.toString()
|
|
.toLowerCase();
|
|
bool isLolos = rawStatus == "lolos";
|
|
|
|
// Warna Header (Hijau jika lolos, Merah jika belum lolos)
|
|
Color headerColor = isLolos
|
|
? Colors.green.shade600
|
|
: Colors.red.shade600;
|
|
|
|
return Container(
|
|
margin: const EdgeInsets.only(bottom: 14),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(12),
|
|
color: Colors.white,
|
|
boxShadow: const [
|
|
BoxShadow(
|
|
color: Colors.black12,
|
|
blurRadius: 8,
|
|
offset: Offset(0, 4))
|
|
],
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
width: double.infinity,
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: headerColor,
|
|
borderRadius: const BorderRadius.vertical(
|
|
top: Radius.circular(12))),
|
|
child: Row(
|
|
mainAxisAlignment:
|
|
MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment:
|
|
CrossAxisAlignment.start,
|
|
children: [
|
|
Text(item["nama_balita"] ?? "-",
|
|
style: GoogleFonts.poppins(
|
|
color: Colors.white,
|
|
fontSize: 13,
|
|
fontWeight:
|
|
FontWeight.w600)),
|
|
Text(
|
|
"Nama Orang Tua: ${item["ibu_suami"] ?? "-"}",
|
|
style: GoogleFonts.poppins(
|
|
color: Colors.white,
|
|
fontSize: 11)),
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 8, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
color:
|
|
Colors.white.withOpacity(0.2),
|
|
borderRadius:
|
|
BorderRadius.circular(8),
|
|
border: Border.all(
|
|
color: Colors.white,
|
|
width: 0.5)),
|
|
child: Text(
|
|
isLolos ? "LOLOS" : "BELUM LOLOS",
|
|
style: GoogleFonts.poppins(
|
|
color: Colors.white,
|
|
fontSize: 10,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.all(12),
|
|
child: Column(
|
|
crossAxisAlignment:
|
|
CrossAxisAlignment.start,
|
|
children: [
|
|
_row("Tanggal",
|
|
_formatTanggal(item["tanggal"])),
|
|
_row("Lokasi", item["lokasi"] ?? "-"),
|
|
_row("Jam", item["jam"] ?? "-"),
|
|
const SizedBox(height: 8),
|
|
Text("Status Kehadiran",
|
|
style: GoogleFonts.poppins(
|
|
fontWeight: FontWeight.w600,
|
|
fontSize: 12)),
|
|
Row(
|
|
children: [
|
|
Radio<String>(
|
|
value: "Hadir",
|
|
groupValue: item["status"],
|
|
onChanged: (isEditing && !isLolos)
|
|
? (v) => setState(
|
|
() => item["status"] = v)
|
|
: null,
|
|
),
|
|
Text("Hadir",
|
|
style: GoogleFonts.poppins(
|
|
fontSize: 12)),
|
|
Radio<String>(
|
|
value: "Tidak Hadir",
|
|
groupValue: item["status"],
|
|
onChanged: (isEditing && !isLolos)
|
|
? (v) => setState(
|
|
() => item["status"] = v)
|
|
: null,
|
|
),
|
|
Text("Tidak Hadir",
|
|
style: GoogleFonts.poppins(
|
|
fontSize: 12)),
|
|
],
|
|
),
|
|
TextField(
|
|
controller:
|
|
_catatanController[idBalita],
|
|
enabled: isEditing && !isLolos,
|
|
style:
|
|
GoogleFonts.poppins(fontSize: 12),
|
|
maxLines: 2,
|
|
decoration: InputDecoration(
|
|
hintText: isLolos
|
|
? "Terkunci (Lolos)"
|
|
: "Catatan...",
|
|
hintStyle:
|
|
GoogleFonts.poppins(fontSize: 12),
|
|
isDense: true,
|
|
border: OutlineInputBorder(
|
|
borderRadius:
|
|
BorderRadius.circular(8)),
|
|
filled: isLolos,
|
|
fillColor: isLolos
|
|
? Colors.grey.shade100
|
|
: Colors.transparent,
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
Row(
|
|
children: [
|
|
_smallButton(
|
|
icon: Icons.history,
|
|
text: "Riwayat",
|
|
onTap: () async {
|
|
await Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (_) =>
|
|
RiwayatKehadiranPage(
|
|
balitaId:
|
|
idBalita,
|
|
namaBalita: item[
|
|
"nama_balita"])));
|
|
_fetchData();
|
|
},
|
|
),
|
|
_smallButton(
|
|
icon: Icons.edit,
|
|
text: "Edit",
|
|
onTap: (isLolos ||
|
|
isEditing ||
|
|
!sudahInput)
|
|
? null
|
|
: () => setState(() =>
|
|
item["isEditing"] = true),
|
|
),
|
|
_smallButton(
|
|
icon: Icons.save,
|
|
text: "Simpan",
|
|
onTap: (isLolos ||
|
|
!isEditing ||
|
|
!sudahInput)
|
|
? null
|
|
: () async {
|
|
final success =
|
|
await _saveData(item);
|
|
if (success)
|
|
setState(() =>
|
|
item["isEditing"] =
|
|
false);
|
|
_showMsg(success
|
|
? "Perubahan disimpan"
|
|
: "Gagal menyimpan");
|
|
},
|
|
),
|
|
_smallButton(
|
|
icon: Icons.input,
|
|
text: "Input",
|
|
onTap: (isLolos ||
|
|
sudahInput ||
|
|
!isEditing)
|
|
? null
|
|
: () async {
|
|
if (item["status"] ==
|
|
null) {
|
|
_showMsg(
|
|
"Pilih status kehadiran dulu!");
|
|
return;
|
|
}
|
|
final success =
|
|
await _saveData(item);
|
|
if (success)
|
|
setState(() {
|
|
item["isEditing"] =
|
|
false;
|
|
item["sudahInput"] =
|
|
true;
|
|
});
|
|
_showMsg(success
|
|
? "Data berhasil diinput"
|
|
: "Gagal input data");
|
|
},
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
// Pagination
|
|
Container(
|
|
width: double.infinity,
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|
decoration: BoxDecoration(
|
|
border:
|
|
Border(top: BorderSide(color: Colors.grey.shade200))),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text("Halaman ${_currentPage + 1} dari $totalPages",
|
|
style: GoogleFonts.poppins(
|
|
fontSize: 12, fontWeight: FontWeight.w500)),
|
|
Row(
|
|
children: [
|
|
IconButton(
|
|
icon: const Icon(Icons.chevron_left),
|
|
onPressed: _currentPage == 0
|
|
? null
|
|
: () => setState(() => _currentPage--),
|
|
),
|
|
IconButton(
|
|
icon: const Icon(Icons.chevron_right),
|
|
onPressed: _currentPage >= totalPages - 1
|
|
? null
|
|
: () => setState(() => _currentPage++),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
void _showMsg(String msg) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(content: Text(msg, style: GoogleFonts.poppins(fontSize: 12))));
|
|
}
|
|
|
|
Widget _row(String label, String value) {
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 2),
|
|
child: Row(
|
|
children: [
|
|
SizedBox(
|
|
width: 100,
|
|
child: Text(label,
|
|
style: GoogleFonts.poppins(
|
|
fontSize: 12, fontWeight: FontWeight.w600))),
|
|
Expanded(
|
|
child:
|
|
Text(": $value", style: GoogleFonts.poppins(fontSize: 12))),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _smallButton(
|
|
{required IconData icon,
|
|
required String text,
|
|
required VoidCallback? onTap}) {
|
|
Color color = onTap == null ? Colors.grey : Colors.blueAccent;
|
|
return Expanded(
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 2),
|
|
child: OutlinedButton.icon(
|
|
onPressed: onTap,
|
|
icon: Icon(icon, size: 14, color: color),
|
|
label: Text(text,
|
|
style: GoogleFonts.poppins(
|
|
fontSize: 9, fontWeight: FontWeight.bold, color: color)),
|
|
style: OutlinedButton.styleFrom(
|
|
side: BorderSide(color: color, width: 1),
|
|
shape: const StadiumBorder(),
|
|
padding: EdgeInsets.zero,
|
|
minimumSize: const Size(0, 32),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|