517 lines
18 KiB
Dart
517 lines
18 KiB
Dart
import 'dart:convert';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import 'package:fl_chart/fl_chart.dart';
|
|
import 'package:http/http.dart' as http;
|
|
import 'package:shared_preferences/shared_preferences.dart';
|
|
|
|
// Sesuaikan path import ini dengan project Anda
|
|
import '../../layout/main_layout.dart';
|
|
import '../ibu_drawer.dart';
|
|
// Import Dashboard Ibu agar navigasi PopScope berfungsi
|
|
import '../dashboard_ibu.dart';
|
|
|
|
class GrafikAnakIMTPage extends StatefulWidget {
|
|
const GrafikAnakIMTPage({super.key});
|
|
|
|
@override
|
|
State<GrafikAnakIMTPage> createState() => _GrafikAnakIMTPageState();
|
|
}
|
|
|
|
class _GrafikAnakIMTPageState extends State<GrafikAnakIMTPage> {
|
|
List anakList = [];
|
|
bool isLoading = true;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
getData();
|
|
}
|
|
|
|
Future<void> getData() async {
|
|
SharedPreferences prefs = await SharedPreferences.getInstance();
|
|
String userId = prefs.getString("id_user") ?? "";
|
|
|
|
try {
|
|
var response = await http.post(
|
|
Uri.parse(
|
|
"http://ta.myhost.id/E31230549/mposyandu_api/grafik_balita/get_grafik_imt.php"),
|
|
body: {"user_id": userId},
|
|
);
|
|
|
|
var jsonData = json.decode(response.body);
|
|
|
|
if (jsonData["success"]) {
|
|
setState(() {
|
|
anakList = jsonData["data"];
|
|
isLoading = false;
|
|
});
|
|
}
|
|
} catch (e) {
|
|
if (mounted) setState(() => isLoading = false);
|
|
debugPrint("Error: $e");
|
|
}
|
|
}
|
|
|
|
int hitungUmurBulan(String tglLahir, String tglPeriksa) {
|
|
DateTime lahir = DateTime.parse(tglLahir);
|
|
DateTime periksa = DateTime.parse(tglPeriksa);
|
|
int months = (periksa.year - lahir.year) * 12 + periksa.month - lahir.month;
|
|
return months < 0 ? 0 : months;
|
|
}
|
|
|
|
String formatUsiaDetail(String tglLahir, String tglPeriksa) {
|
|
DateTime birth = DateTime.parse(tglLahir);
|
|
DateTime now = DateTime.parse(tglPeriksa);
|
|
int years = now.year - birth.year;
|
|
int months = now.month - birth.month;
|
|
int days = now.day - birth.day;
|
|
if (days < 0) {
|
|
days += DateTime(now.year, now.month, 0).day;
|
|
months--;
|
|
}
|
|
if (months < 0) {
|
|
years--;
|
|
months += 12;
|
|
}
|
|
return "$years Thn $months Bln $days Hari";
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return PopScope(
|
|
canPop: false,
|
|
onPopInvokedWithResult: (didPop, result) async {
|
|
if (didPop) return;
|
|
|
|
// ✅ FIX FINAL: selalu kembali ke Dashboard Ibu
|
|
Navigator.pushAndRemoveUntil(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (_) => const DashboardIbuPage(),
|
|
),
|
|
(route) => false,
|
|
);
|
|
},
|
|
child: MainLayout(
|
|
title: "",
|
|
drawer: const IbuDrawer(),
|
|
body: Padding(
|
|
padding: const EdgeInsets.all(10),
|
|
child: isLoading
|
|
? const Center(child: CircularProgressIndicator())
|
|
: anakList.isEmpty
|
|
? const Center(child: Text("Tidak ada data IMT."))
|
|
: ListView.builder(
|
|
itemCount: anakList.length,
|
|
itemBuilder: (context, index) {
|
|
var anak = anakList[index];
|
|
List<FlSpot> spots = [];
|
|
List<Map<String, dynamic>> riwayatDetails = [];
|
|
|
|
double lastIMT = 0;
|
|
double lastBB = 0;
|
|
double lastTB = 0;
|
|
int lastBulan = 0;
|
|
String lastTgl = "";
|
|
|
|
for (var p in anak["riwayat_imt"]) {
|
|
double imtVal =
|
|
double.tryParse(p["imt"].toString()) ?? 0.0;
|
|
if (imtVal > 0) {
|
|
int bulan = hitungUmurBulan(anak["tanggal_lahir"],
|
|
p["tanggal_pemeriksaan"]);
|
|
String usiaStr = formatUsiaDetail(
|
|
anak["tanggal_lahir"],
|
|
p["tanggal_pemeriksaan"]);
|
|
|
|
spots.add(FlSpot(bulan.toDouble(), imtVal));
|
|
riwayatDetails.add({
|
|
"x": bulan.toDouble(),
|
|
"y": imtVal,
|
|
"bb": p["bb"],
|
|
"tb": p["tb"],
|
|
"usia_lengkap": usiaStr,
|
|
});
|
|
lastIMT = imtVal;
|
|
lastBB = p["bb"];
|
|
lastTB = p["tb"];
|
|
lastBulan = bulan;
|
|
lastTgl = p["tanggal_pemeriksaan"];
|
|
}
|
|
}
|
|
|
|
return GrafikCardKIA_IMT(
|
|
nama: anak["nama"],
|
|
jk: anak["jenis_kelamin"],
|
|
umurBulan: lastBulan,
|
|
imt: lastIMT,
|
|
bb: lastBB,
|
|
tb: lastTB,
|
|
detailUsiaTerakhir: lastTgl.isNotEmpty
|
|
? formatUsiaDetail(anak["tanggal_lahir"], lastTgl)
|
|
: "-",
|
|
historySpots: spots,
|
|
historyDetails: riwayatDetails,
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class GrafikCardKIA_IMT extends StatelessWidget {
|
|
final String nama, jk, detailUsiaTerakhir;
|
|
final int umurBulan;
|
|
final double imt, bb, tb;
|
|
final List<FlSpot> historySpots;
|
|
final List<Map<String, dynamic>> historyDetails;
|
|
|
|
const GrafikCardKIA_IMT({
|
|
super.key,
|
|
required this.nama,
|
|
required this.jk,
|
|
required this.umurBulan,
|
|
required this.imt,
|
|
required this.bb,
|
|
required this.tb,
|
|
required this.detailUsiaTerakhir,
|
|
required this.historySpots,
|
|
required this.historyDetails,
|
|
});
|
|
|
|
double getSDValueAtAge(List<FlSpot> spots, int targetUmur) {
|
|
if (spots.isEmpty) return 0;
|
|
for (int i = 0; i < spots.length - 1; i++) {
|
|
if (targetUmur >= spots[i].x && targetUmur <= spots[i + 1].x) {
|
|
double ratio =
|
|
(targetUmur - spots[i].x) / (spots[i + 1].x - spots[i].x);
|
|
return spots[i].y + ratio * (spots[i + 1].y - spots[i].y);
|
|
}
|
|
}
|
|
return spots.last.y;
|
|
}
|
|
|
|
Map<String, dynamic> analisisStatusIMT(
|
|
bool isLaki, int umur, double nilaiIMT) {
|
|
if (umur > 60 || nilaiIMT <= 0)
|
|
return {"status": "Data tidak valid", "warna": Colors.grey};
|
|
|
|
double sd3 = getSDValueAtAge(_getSDRefIMT_Gabungan(isLaki, 3), umur);
|
|
double sd2 = getSDValueAtAge(_getSDRefIMT_Gabungan(isLaki, 2), umur);
|
|
double sd1 = getSDValueAtAge(_getSDRefIMT_Gabungan(isLaki, 1), umur);
|
|
double sd0 = getSDValueAtAge(_getSDRefIMT_Gabungan(isLaki, 0), umur);
|
|
double sdM2 = getSDValueAtAge(_getSDRefIMT_Gabungan(isLaki, -2), umur);
|
|
double sdM3 = getSDValueAtAge(_getSDRefIMT_Gabungan(isLaki, -3), umur);
|
|
|
|
if (nilaiIMT < sdM3)
|
|
return {"status": "Gizi Buruk (Sangat Kurus)", "warna": Colors.black};
|
|
if (nilaiIMT < sdM2)
|
|
return {"status": "Gizi Kurang (Kurus)", "warna": Colors.red};
|
|
if (nilaiIMT > sd3) return {"status": "Obesitas", "warna": Colors.purple};
|
|
if (nilaiIMT > sd2)
|
|
return {"status": "Berat Badan Lebih", "warna": Colors.orange.shade900};
|
|
if (nilaiIMT > sd1)
|
|
return {"status": "Risiko Berat Badan Lebih", "warna": Colors.orange};
|
|
if (nilaiIMT >= sd0)
|
|
return {"status": "Normal (Di atas Median)", "warna": Colors.green};
|
|
return {
|
|
"status": "Normal (Di bawah Median)",
|
|
"warna": Colors.green.shade700
|
|
};
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final bool isLaki = jk == "L";
|
|
final Color accentColor =
|
|
isLaki ? Colors.blue.shade700 : const Color(0xFFE91E63);
|
|
final analisis = analisisStatusIMT(isLaki, umurBulan, imt);
|
|
|
|
return Card(
|
|
elevation: 4,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)),
|
|
margin: const EdgeInsets.only(bottom: 25),
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
decoration: BoxDecoration(
|
|
color: accentColor,
|
|
borderRadius:
|
|
const BorderRadius.vertical(top: Radius.circular(15))),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(nama,
|
|
style: GoogleFonts.poppins(
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 15)),
|
|
Text(isLaki ? "Laki-laki" : "Perempuan",
|
|
style:
|
|
GoogleFonts.poppins(color: Colors.white, fontSize: 11)),
|
|
],
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.fromLTRB(10, 25, 25, 10),
|
|
child: SizedBox(
|
|
width: double.infinity,
|
|
height: 250,
|
|
child: LineChart(
|
|
LineChartData(
|
|
lineTouchData: LineTouchData(
|
|
touchTooltipData: LineTouchTooltipData(
|
|
getTooltipColor: (touchedSpot) =>
|
|
Colors.blueGrey.withOpacity(0.9),
|
|
getTooltipItems: (List<LineBarSpot> touchedSpots) {
|
|
return touchedSpots.map((spot) {
|
|
var detail = historyDetails.firstWhere(
|
|
(e) => e["x"] == spot.x && e["y"] == spot.y,
|
|
orElse: () => {});
|
|
return LineTooltipItem(
|
|
"IMT: ${spot.y.toStringAsFixed(1)}\nBB: ${detail["bb"]}kg, TB: ${detail["tb"]}cm\n${detail["usia_lengkap"]}",
|
|
GoogleFonts.poppins(
|
|
color: Colors.white,
|
|
fontSize: 9,
|
|
fontWeight: FontWeight.bold),
|
|
);
|
|
}).toList();
|
|
},
|
|
),
|
|
),
|
|
minX: 0,
|
|
maxX: 60,
|
|
minY: 10,
|
|
maxY: 22,
|
|
titlesData: FlTitlesData(
|
|
rightTitles: AxisTitles(
|
|
sideTitles: SideTitles(
|
|
showTitles: true,
|
|
reservedSize: 30,
|
|
getTitlesWidget: (val, _) => Text(
|
|
val.toInt().toString(),
|
|
style: GoogleFonts.poppins(
|
|
fontSize: 9, color: Colors.black54)))),
|
|
leftTitles: AxisTitles(
|
|
axisNameWidget: Text("IMT",
|
|
style: GoogleFonts.poppins(
|
|
fontSize: 10, fontWeight: FontWeight.bold)),
|
|
sideTitles: SideTitles(
|
|
showTitles: true,
|
|
reservedSize: 30,
|
|
getTitlesWidget: (val, _) => Text(
|
|
val.toInt().toString(),
|
|
style: GoogleFonts.poppins(
|
|
fontSize: 9, color: Colors.black54)))),
|
|
topTitles: const AxisTitles(
|
|
sideTitles: SideTitles(showTitles: false)),
|
|
bottomTitles: AxisTitles(
|
|
sideTitles: SideTitles(
|
|
showTitles: true,
|
|
interval: 12,
|
|
getTitlesWidget: (val, _) {
|
|
if (val == 0)
|
|
return Text("Lahir",
|
|
style: GoogleFonts.poppins(fontSize: 9));
|
|
return Text("${(val / 12).toInt()} Thn",
|
|
style: GoogleFonts.poppins(fontSize: 9));
|
|
}),
|
|
),
|
|
),
|
|
gridData: FlGridData(
|
|
show: true, horizontalInterval: 1, verticalInterval: 6),
|
|
borderData: FlBorderData(
|
|
show: true, border: Border.all(color: Colors.black12)),
|
|
lineBarsData: [
|
|
_sdLine(_getSDRefIMT_Gabungan(isLaki, 3), Colors.black),
|
|
_sdLine(_getSDRefIMT_Gabungan(isLaki, 2), Colors.red),
|
|
_sdLine(_getSDRefIMT_Gabungan(isLaki, 1), Colors.orange),
|
|
_sdLine(_getSDRefIMT_Gabungan(isLaki, 0), Colors.green),
|
|
_sdLine(_getSDRefIMT_Gabungan(isLaki, -2), Colors.red),
|
|
_sdLine(_getSDRefIMT_Gabungan(isLaki, -3), Colors.black),
|
|
LineChartBarData(
|
|
spots: historySpots,
|
|
isCurved: true,
|
|
color: accentColor,
|
|
barWidth: 3,
|
|
dotData: FlDotData(
|
|
show: true,
|
|
getDotPainter: (spot, p, bar, i) =>
|
|
FlDotCirclePainter(
|
|
radius: 4,
|
|
color: Colors.white,
|
|
strokeWidth: 2,
|
|
strokeColor: accentColor)),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: Colors.grey.shade50,
|
|
borderRadius: BorderRadius.circular(10),
|
|
border: Border.all(color: Colors.grey.shade200)),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text("Keterangan Grafik:",
|
|
style: GoogleFonts.poppins(
|
|
fontWeight: FontWeight.bold, fontSize: 12)),
|
|
const SizedBox(height: 8),
|
|
_legendItem(Colors.green, "Hijau", "Median (Ideal)"),
|
|
_legendItem(
|
|
Colors.orange, "Orange", "Ambang Normal Atas (+1 SD)"),
|
|
_legendItem(Colors.red, "Merah", "Batas Kurus / Gemuk"),
|
|
_legendItem(Colors.black, "Hitam", "Kritis"),
|
|
const Divider(height: 20),
|
|
Row(
|
|
children: [
|
|
Container(
|
|
width: 12,
|
|
height: 12,
|
|
decoration: BoxDecoration(
|
|
color: analisis["warna"],
|
|
shape: BoxShape.circle)),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: Text("Status: ${analisis["status"]}",
|
|
style: GoogleFonts.poppins(
|
|
fontSize: 11,
|
|
fontWeight: FontWeight.bold,
|
|
color: analisis["warna"]))),
|
|
],
|
|
),
|
|
const SizedBox(height: 5),
|
|
Text(
|
|
"Terakhir: ${imt.toStringAsFixed(1)} kg/m² | Usia: $detailUsiaTerakhir",
|
|
style: GoogleFonts.poppins(
|
|
fontSize: 11,
|
|
fontWeight: FontWeight.w600,
|
|
color: accentColor)),
|
|
],
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _legendItem(Color color, String label, String desc) {
|
|
return Padding(
|
|
padding: const EdgeInsets.only(bottom: 4),
|
|
child: Row(children: [
|
|
Container(width: 10, height: 1.5, color: color),
|
|
const SizedBox(width: 8),
|
|
Text("$label: $desc", style: GoogleFonts.poppins(fontSize: 10))
|
|
]));
|
|
}
|
|
|
|
LineChartBarData _sdLine(List<FlSpot> spots, Color color) => LineChartBarData(
|
|
spots: spots,
|
|
color: color.withOpacity(0.4),
|
|
barWidth: 1.2,
|
|
dotData: const FlDotData(show: false),
|
|
isCurved: true);
|
|
|
|
List<FlSpot> _getSDRefIMT_Gabungan(bool isLaki, int type) {
|
|
if (isLaki) {
|
|
if (type == 3)
|
|
return const [
|
|
FlSpot(0, 16.1),
|
|
FlSpot(6, 19.3),
|
|
FlSpot(12, 19.9),
|
|
FlSpot(60, 19.6)
|
|
];
|
|
if (type == 2)
|
|
return const [
|
|
FlSpot(0, 15.3),
|
|
FlSpot(6, 18.2),
|
|
FlSpot(12, 18.9),
|
|
FlSpot(60, 18.8)
|
|
];
|
|
if (type == 1)
|
|
return const [
|
|
FlSpot(0, 14.4),
|
|
FlSpot(6, 17.2),
|
|
FlSpot(12, 18.0),
|
|
FlSpot(60, 18.0)
|
|
];
|
|
if (type == 0)
|
|
return const [
|
|
FlSpot(0, 13.4),
|
|
FlSpot(6, 16.3),
|
|
FlSpot(12, 17.1),
|
|
FlSpot(60, 17.0)
|
|
];
|
|
if (type == -2)
|
|
return const [
|
|
FlSpot(0, 11.5),
|
|
FlSpot(6, 14.3),
|
|
FlSpot(12, 15.1),
|
|
FlSpot(60, 15.1)
|
|
];
|
|
if (type == -3)
|
|
return const [
|
|
FlSpot(0, 10.7),
|
|
FlSpot(6, 13.2),
|
|
FlSpot(12, 14.1),
|
|
FlSpot(60, 14.1)
|
|
];
|
|
} else {
|
|
if (type == 3)
|
|
return const [
|
|
FlSpot(0, 16.0),
|
|
FlSpot(6, 19.1),
|
|
FlSpot(12, 19.7),
|
|
FlSpot(60, 21.0)
|
|
];
|
|
if (type == 2)
|
|
return const [
|
|
FlSpot(0, 15.1),
|
|
FlSpot(6, 17.9),
|
|
FlSpot(12, 18.6),
|
|
FlSpot(60, 19.9)
|
|
];
|
|
if (type == 1)
|
|
return const [
|
|
FlSpot(0, 14.2),
|
|
FlSpot(6, 16.9),
|
|
FlSpot(12, 17.6),
|
|
FlSpot(60, 18.9)
|
|
];
|
|
if (type == 0)
|
|
return const [
|
|
FlSpot(0, 13.2),
|
|
FlSpot(6, 15.8),
|
|
FlSpot(12, 16.5),
|
|
FlSpot(60, 17.8)
|
|
];
|
|
if (type == -2)
|
|
return const [
|
|
FlSpot(0, 11.2),
|
|
FlSpot(6, 13.8),
|
|
FlSpot(12, 14.4),
|
|
FlSpot(60, 15.6)
|
|
];
|
|
if (type == -3)
|
|
return const [
|
|
FlSpot(0, 10.4),
|
|
FlSpot(6, 12.8),
|
|
FlSpot(12, 13.3),
|
|
FlSpot(60, 14.6)
|
|
];
|
|
}
|
|
return [];
|
|
}
|
|
}
|