454 lines
18 KiB
Dart
454 lines
18 KiB
Dart
import 'dart:convert';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import 'package:http/http.dart' as http;
|
|
|
|
class TambahGiziBalitaPage extends StatefulWidget {
|
|
final Map<String, dynamic> balita;
|
|
|
|
const TambahGiziBalitaPage({super.key, required this.balita});
|
|
|
|
@override
|
|
State<TambahGiziBalitaPage> createState() => _TambahGiziBalitaPageState();
|
|
}
|
|
|
|
class _TambahGiziBalitaPageState extends State<TambahGiziBalitaPage> {
|
|
final _formKey = GlobalKey<FormState>();
|
|
bool _isSaving = false;
|
|
bool _isLoadingPreview =
|
|
true; // Menahan transisi widget selama proses hitung API
|
|
|
|
// Controller text form input & field readonly
|
|
final TextEditingController _bbUController = TextEditingController();
|
|
final TextEditingController _tbUController = TextEditingController();
|
|
final TextEditingController _bbTbController = TextEditingController();
|
|
final TextEditingController _tindakLanjutController = TextEditingController();
|
|
final TextEditingController _saranController = TextEditingController();
|
|
|
|
// Status klasifikasi gizi text yang dihitung dinamis oleh server PHP
|
|
String? _selectedStatusBBU;
|
|
String? _selectedStatusTBU;
|
|
String? _selectedStatusBBTB;
|
|
|
|
String keteranganBBU = "Menghitung...";
|
|
String keteranganTBU = "Menghitung...";
|
|
String keteranganBBTB = "Menghitung...";
|
|
|
|
// Master list referensi dropdown status gizi penyeimbang data
|
|
final List<String> _listBBU = [
|
|
'Gizi Buruk',
|
|
'Gizi Kurang',
|
|
'Gizi Baik',
|
|
'Risiko Gizi Lebih'
|
|
];
|
|
final List<String> _listTBU = ['Sangat Pendek', 'Pendek', 'Normal', 'Tinggi'];
|
|
final List<String> _listBBTB = [
|
|
'Sangat Kurus',
|
|
'Kurus',
|
|
'Normal',
|
|
'Gemuk',
|
|
'Obesitas'
|
|
];
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_ambilPreviewKalkulasiServer();
|
|
}
|
|
|
|
// Helper pembersih string angka timbangan gizi anak di card atas
|
|
String formatAngka(dynamic value, String satuan) {
|
|
if (value == null ||
|
|
value.toString().trim().isEmpty ||
|
|
value.toString().toLowerCase() == "null") {
|
|
return "-";
|
|
}
|
|
return "${value.toString()} $satuan";
|
|
}
|
|
|
|
// =========================================================================
|
|
// Fungsi Pendukung Realtime Preview Kalkulasi Z-Score dari Database Server
|
|
// =========================================================================
|
|
Future<void> _ambilPreviewKalkulasiServer() async {
|
|
try {
|
|
final response = await http.post(
|
|
Uri.parse(
|
|
"http://ta.myhost.id/E31230549/mposyandu_api/gizi_balita/tambah_gizi_balita.php"),
|
|
body: {
|
|
"id_pemeriksaan": widget.balita["id_pemeriksaan"].toString(),
|
|
"id_balita": widget.balita["id"].toString(),
|
|
"mode": "preview" // Triger parameter pembeda request mode di PHP
|
|
},
|
|
);
|
|
|
|
final result = json.decode(response.body);
|
|
if (result['success'] == true) {
|
|
double zBBU =
|
|
double.tryParse(result['zscore_bb_u']?.toString() ?? '0.0') ?? 0.0;
|
|
double zTBU =
|
|
double.tryParse(result['zscore_tb_u']?.toString() ?? '0.0') ?? 0.0;
|
|
double zBBTB =
|
|
double.tryParse(result['zscore_bb_tb']?.toString() ?? '0.0') ?? 0.0;
|
|
|
|
_bbUController.text = zBBU.toStringAsFixed(2);
|
|
_tbUController.text = zTBU.toStringAsFixed(2);
|
|
_bbTbController.text = zBBTB.toStringAsFixed(2);
|
|
|
|
String serverBBU = result['status_bbu']?.toString() ?? 'Gizi Baik';
|
|
String serverTBU = result['status_tbu']?.toString() ?? 'Normal';
|
|
String serverBBTB = result['status_bbtb']?.toString() ?? 'Normal';
|
|
|
|
// Penyelaras kata kunci jika seandainya backend mengirimkan teks "Normal" pada kategori BB/U
|
|
if (serverBBU == "Normal") serverBBU = "Gizi Baik";
|
|
|
|
setState(() {
|
|
// Sistem pengaman asersi: hanya masukkan value ke dropdown jika string terdaftar di list widget
|
|
_selectedStatusBBU = _listBBU.contains(serverBBU) ? serverBBU : null;
|
|
_selectedStatusTBU = _listTBU.contains(serverTBU) ? serverTBU : null;
|
|
_selectedStatusBBTB =
|
|
_listBBTB.contains(serverBBTB) ? serverBBTB : null;
|
|
|
|
keteranganBBU = _getSDStatus(zBBU);
|
|
keteranganTBU = _getSDStatus(zTBU);
|
|
keteranganBBTB = _getSDStatus(zBBTB);
|
|
_isLoadingPreview =
|
|
false; // Mematikan putaran loading & memunculkan form komponen gizi
|
|
});
|
|
} else {
|
|
setState(() => _isLoadingPreview = false);
|
|
if (mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(content: Text("Info: ${result['message']}")));
|
|
}
|
|
}
|
|
} catch (e) {
|
|
setState(() {
|
|
keteranganBBU = "Gagal memuat";
|
|
keteranganTBU = "Gagal memuat";
|
|
keteranganBBTB = "Gagal memuat";
|
|
_isLoadingPreview = false;
|
|
});
|
|
}
|
|
}
|
|
|
|
// =========================================================================
|
|
// Perbaikan Inti: Logika Pemisah Angka Minus & Plus Terhadap Nilai Median
|
|
// =========================================================================
|
|
String _getSDStatus(double z) {
|
|
if (z < -3) return "Di bawah -3 SD";
|
|
if (z < -2) return "-3 SD s/d -2 SD";
|
|
|
|
// Jika nilai desimal minus (misal -0.07), langsung kunci ke rentang kiri median
|
|
if (z < 0) return "-2 SD s/d < Median";
|
|
// Jika nilai desimal nol atau positif kecil, masukkan ke rentang kanan median
|
|
if (z <= 1) return "Median s/d +1 SD";
|
|
|
|
if (z <= 2) return "Di atas +1 SD s/d +2 SD";
|
|
return "Di atas +2 SD";
|
|
}
|
|
|
|
// =========================================================================
|
|
// Fungsi Penyimpanan Data Gizi Transaksional Bersih ke Server API
|
|
// =========================================================================
|
|
Future<void> _simpanData() async {
|
|
if (!_formKey.currentState!.validate()) return;
|
|
|
|
setState(() => _isSaving = true);
|
|
try {
|
|
final response = await http.post(
|
|
Uri.parse(
|
|
"http://ta.myhost.id/E31230549/mposyandu_api/gizi_balita/tambah_gizi_balita.php"),
|
|
body: {
|
|
"id_pemeriksaan": widget.balita["id_pemeriksaan"].toString(),
|
|
"id_balita": widget.balita["id"].toString(),
|
|
"tindak_lanjut": _tindakLanjutController.text,
|
|
"saran": _saranController.text,
|
|
"status_bbu": _selectedStatusBBU,
|
|
"status_tbu": _selectedStatusTBU,
|
|
"status_bbtb": _selectedStatusBBTB,
|
|
},
|
|
);
|
|
|
|
final result = json.decode(response.body);
|
|
if (result['success'] == true) {
|
|
if (!mounted) return;
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(content: Text("Data Berhasil Disimpan")));
|
|
Navigator.pop(context, true);
|
|
} else {
|
|
throw result['message'];
|
|
}
|
|
} catch (e) {
|
|
ScaffoldMessenger.of(context)
|
|
.showSnackBar(SnackBar(content: Text("Error: $e")));
|
|
} finally {
|
|
if (mounted) setState(() => _isSaving = false);
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final bb = formatAngka(widget.balita['bb'], "kg");
|
|
final tb = formatAngka(widget.balita['tb'], "cm");
|
|
|
|
return Scaffold(
|
|
backgroundColor: Colors.grey[100],
|
|
appBar: AppBar(
|
|
backgroundColor: Colors.blue,
|
|
iconTheme: const IconThemeData(color: Colors.white),
|
|
elevation: 0,
|
|
),
|
|
body: Center(
|
|
child: SingleChildScrollView(
|
|
padding: const EdgeInsets.all(16),
|
|
child: ConstrainedBox(
|
|
constraints: const BoxConstraints(maxWidth: 500),
|
|
child: Form(
|
|
key: _formKey,
|
|
child: Column(
|
|
children: [
|
|
// Judul Besar Halaman Tengah Atas
|
|
Text(
|
|
"Tambah Data Gizi Balita",
|
|
style: GoogleFonts.poppins(
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.black),
|
|
),
|
|
const SizedBox(height: 15),
|
|
|
|
// Card Informasi Identitas Balita (Warna Biru)
|
|
Container(
|
|
width: double.infinity,
|
|
padding: const EdgeInsets.all(16),
|
|
decoration: BoxDecoration(
|
|
color: Colors.blue,
|
|
borderRadius: BorderRadius.circular(12)),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
widget.balita["nama"] ?? "-",
|
|
style: GoogleFonts.poppins(
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 15),
|
|
),
|
|
const SizedBox(height: 4),
|
|
const Divider(color: Colors.white54, thickness: 1),
|
|
const SizedBox(height: 4),
|
|
Text("BB / TB: $bb / $tb",
|
|
style: GoogleFonts.poppins(
|
|
color: Colors.white, fontSize: 13)),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 15),
|
|
|
|
// Blok Container Putih Pembungkus Seluruh Form Gizi
|
|
Container(
|
|
padding: const EdgeInsets.all(16),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(12),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.black.withOpacity(0.05),
|
|
blurRadius: 10)
|
|
],
|
|
),
|
|
child: _isLoadingPreview
|
|
? const Padding(
|
|
padding: EdgeInsets.all(30.0),
|
|
child: Center(child: CircularProgressIndicator()),
|
|
)
|
|
: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// 1. Seksi Z-Score BB/U
|
|
_buildSection(
|
|
"Z-Score BB/U",
|
|
_bbUController,
|
|
keteranganBBU,
|
|
_listBBU,
|
|
_selectedStatusBBU,
|
|
(v) =>
|
|
setState(() => _selectedStatusBBU = v)),
|
|
|
|
// 2. Seksi Z-Score TB/U
|
|
_buildSection(
|
|
"Z-Score TB/U",
|
|
_tbUController,
|
|
keteranganTBU,
|
|
_listTBU,
|
|
_selectedStatusTBU,
|
|
(v) =>
|
|
setState(() => _selectedStatusTBU = v)),
|
|
|
|
// 3. Seksi Z-Score BB/TB
|
|
_buildSection(
|
|
"Z-Score BB/TB",
|
|
_bbTbController,
|
|
keteranganBBTB,
|
|
_listBBTB,
|
|
_selectedStatusBBTB,
|
|
(v) =>
|
|
setState(() => _selectedStatusBBTB = v)),
|
|
|
|
const Divider(height: 30, thickness: 1),
|
|
|
|
// Input Field Catatan Tindak Lanjut
|
|
_buildLabel("Tindak Lanjut"),
|
|
_buildTextField(_tindakLanjutController,
|
|
"Rencana tindakan..."),
|
|
|
|
const SizedBox(height: 10),
|
|
|
|
// Input Field Catatan Saran
|
|
_buildLabel("Saran"),
|
|
_buildTextField(
|
|
_saranController, "Saran untuk orang tua..."),
|
|
|
|
const SizedBox(height: 25),
|
|
|
|
// Tombol Aksi Simpan Data Bergaya Outline (Putih-Biru Stadium)
|
|
SizedBox(
|
|
width: double.infinity,
|
|
child: OutlinedButton(
|
|
onPressed: _isSaving ? null : _simpanData,
|
|
style: OutlinedButton.styleFrom(
|
|
backgroundColor: Colors.white,
|
|
side: const BorderSide(
|
|
color: Colors.blue, width: 2),
|
|
shape: const StadiumBorder(),
|
|
padding: const EdgeInsets.symmetric(
|
|
vertical: 14)),
|
|
child: _isSaving
|
|
? const SizedBox(
|
|
height: 18,
|
|
width: 18,
|
|
child: CircularProgressIndicator(
|
|
strokeWidth: 2,
|
|
color: Colors.blue))
|
|
: Text("Simpan Data Gizi",
|
|
style: GoogleFonts.poppins(
|
|
color: Colors.blue,
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 14)),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// Widget generator baris isian Z-score (Form, Label SD, dan Dropdown Kategori)
|
|
Widget _buildSection(String title, TextEditingController controller,
|
|
String sd, List<String> items, String? val, Function(String?) onChanged) {
|
|
// Penentu warna latar background dinamis teks keterangan rentang SD
|
|
Color bgKuningMuda =
|
|
sd.contains('atas') ? Colors.orange[50]! : Colors.amber[50]!;
|
|
Color borderKuning =
|
|
sd.contains('atas') ? Colors.orange[200]! : Colors.amber[200]!;
|
|
Color textKuningTua =
|
|
sd.contains('atas') ? Colors.orange[900]! : Colors.amber[900]!;
|
|
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
_buildLabel(title),
|
|
Row(
|
|
children: [
|
|
// Sisi Kiri: Nilai Angka Z-Score (Read-Only)
|
|
Expanded(
|
|
flex: 2,
|
|
child: TextFormField(
|
|
controller: controller,
|
|
readOnly: true,
|
|
decoration: _inputDeco(isFilled: true),
|
|
style: GoogleFonts.poppins(
|
|
fontSize: 12, fontWeight: FontWeight.bold))),
|
|
const SizedBox(width: 10),
|
|
// Sisi Kanan: Teks Status Deviasi (Warna Kuning/Orange Kotak)
|
|
Expanded(
|
|
flex: 3,
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 12, vertical: 11),
|
|
decoration: BoxDecoration(
|
|
color: bgKuningMuda,
|
|
borderRadius: BorderRadius.circular(8),
|
|
border: Border.all(color: borderKuning)),
|
|
child: Text(sd,
|
|
style: GoogleFonts.poppins(
|
|
fontSize: 11,
|
|
fontWeight: FontWeight.bold,
|
|
color: textKuningTua)))),
|
|
],
|
|
),
|
|
const SizedBox(height: 10),
|
|
// Dropdown Pemilihan Status Klasifikasi Dibawahnya
|
|
DropdownButtonFormField<String>(
|
|
value: val,
|
|
hint: Text("Pilih Status $title",
|
|
style:
|
|
GoogleFonts.poppins(fontSize: 12, color: Colors.grey[600])),
|
|
isExpanded: true,
|
|
items: items
|
|
.map((e) => DropdownMenuItem(
|
|
value: e,
|
|
child: Text(e, style: GoogleFonts.poppins(fontSize: 12))))
|
|
.toList(),
|
|
onChanged: onChanged,
|
|
decoration: _inputDeco(),
|
|
validator: (v) => v == null ? "Pilih salah satu status" : null,
|
|
),
|
|
const SizedBox(height: 10),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildLabel(String t) => Padding(
|
|
padding: const EdgeInsets.only(top: 10, bottom: 6),
|
|
child: Text(t,
|
|
style: GoogleFonts.poppins(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.black87)));
|
|
|
|
Widget _buildTextField(TextEditingController c, String h) => TextFormField(
|
|
controller: c,
|
|
maxLines: 2,
|
|
style: GoogleFonts.poppins(fontSize: 12),
|
|
decoration: _inputDeco(hint: h));
|
|
|
|
InputDecoration _inputDeco({String? hint, bool isFilled = false}) =>
|
|
InputDecoration(
|
|
hintText: hint,
|
|
hintStyle: GoogleFonts.poppins(fontSize: 11, color: Colors.grey[400]),
|
|
filled: true,
|
|
fillColor: isFilled ? Colors.blue[50] : Colors.white,
|
|
contentPadding:
|
|
const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
|
|
enabledBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(8),
|
|
borderSide: BorderSide(color: Colors.grey[300]!)),
|
|
focusedBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(8),
|
|
borderSide: const BorderSide(color: Colors.blue)),
|
|
errorBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(8),
|
|
borderSide: const BorderSide(color: Colors.red)),
|
|
focusedErrorBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(8),
|
|
borderSide: const BorderSide(color: Colors.red, width: 2)),
|
|
);
|
|
}
|