Nadif
/
TKK_E32232340
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ok

This commit is contained in:
kleponijo 2026-06-19 21:02:39 +07:00
parent b8ceed9b84
commit e7b5764e05
2 changed files with 38 additions and 214 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
lib/screens/monitoring/evaporasi/views/evaporasi_screen.dart
View File

@ -665,4 +665,3 @@ class _EvaporasiScreenState extends State<EvaporasiScreen> {
); );
} }
} }
// ppppppppppppppppppppppppppppppppppppppppppppppppppppppp

251
lib/screens/monitoring/evaporasi/views/widgets/evaporasi_history_list.dart
View File

@ -185,42 +185,34 @@ class _ChipButton extends StatelessWidget {
// ════════════════════════════════════════════════════════════ // ════════════════════════════════════════════════════════════
// Group per tanggal // Group per tanggal
// ════════════════════════════════════════════════════════════ // ════════════════════════════════════════════════════════════
class _DateGroup extends StatefulWidget { class _DateGroup extends StatelessWidget {
final String label; final String label;
final List<Evaporasi> items; final List<Evaporasi> items;
const _DateGroup({required this.label, required this.items}); const _DateGroup({required this.label, required this.items});
@override
State<_DateGroup> createState() => _DateGroupState();
}
class _DateGroupState extends State<_DateGroup> {
bool _expanded = false;
double get _avgEvap { double get _avgEvap {
if (widget.items.isEmpty) return 0; if (items.isEmpty) return 0;
return widget.items.map((e) => e.evaporasi).reduce((a, b) => a + b) / return items.map((e) => e.evaporasi).reduce((a, b) => a + b) / items.length;
widget.items.length;
} }
double get _maxEvap { double get _maxEvap {
if (widget.items.isEmpty) return 0; if (items.isEmpty) return 0;
return widget.items.map((e) => e.evaporasi).reduce((a, b) => a > b ? a : b); return items.map((e) => e.evaporasi).reduce((a, b) => a > b ? a : b);
} }
double get _avgTemp { double get _avgTemp {
if (widget.items.isEmpty) return 0; if (items.isEmpty) return 0;
final validTemps = final validTemps =
widget.items.where((e) => e.suhu >= -50 && e.suhu <= 100).toList(); items.where((e) => e.suhu >= -50 && e.suhu <= 100).toList();
if (validTemps.isEmpty) return 0; if (validTemps.isEmpty) return 0;
return validTemps.map((e) => e.suhu).reduce((a, b) => a + b) / return validTemps.map((e) => e.suhu).reduce((a, b) => a + b) /
validTemps.length; validTemps.length;
} }
double get _maxTemp { double get _maxTemp {
if (widget.items.isEmpty) return 0; if (items.isEmpty) return 0;
return widget.items.map((e) => e.suhu).reduce((a, b) => a > b ? a : b); return items.map((e) => e.suhu).reduce((a, b) => a > b ? a : b);
} }
@override @override
@ -238,208 +230,41 @@ class _DateGroupState extends State<_DateGroup> {
), ),
], ],
), ),
child: Column( child: Padding(
children: [ padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
// ── Group header ────────────────────────────────── child: Row(
InkWell( children: [
onTap: () => setState(() => _expanded = !_expanded), Container(
borderRadius: const BorderRadius.vertical(top: Radius.circular(16)), width: 4,
child: Padding( height: 36,
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12), decoration: BoxDecoration(
child: Row( color: Colors.blue.shade600,
borderRadius: BorderRadius.circular(2),
),
),
const SizedBox(width: 12),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Container( Text(label,
width: 4, style: const TextStyle(
height: 36, fontWeight: FontWeight.bold, fontSize: 13)),
decoration: BoxDecoration( const SizedBox(height: 2),
color: Colors.blue.shade600, Text(
borderRadius: BorderRadius.circular(2), '${items.length} data • rata-rata ${_avgEvap.toStringAsFixed(2)} mm • maks ${_maxEvap.toStringAsFixed(2)} mm',
), style: TextStyle(fontSize: 11, color: Colors.grey.shade600),
), ),
const SizedBox(width: 12), const SizedBox(height: 2),
Expanded( Text(
child: Column( 'rata-rata suhu ${_avgTemp.toStringAsFixed(1)} °C • maks suhu ${_maxTemp.toStringAsFixed(1)} °C',
crossAxisAlignment: CrossAxisAlignment.start, style: TextStyle(fontSize: 11, color: Colors.grey.shade600),
children: [
Text(widget.label,
style: const TextStyle(
fontWeight: FontWeight.bold, fontSize: 13)),
const SizedBox(height: 2),
Text(
'${widget.items.length} data • rata-rata ${_avgEvap.toStringAsFixed(2)} mm • maks ${_maxEvap.toStringAsFixed(2)} mm',
style: TextStyle(
fontSize: 11, color: Colors.grey.shade600),
),
const SizedBox(height: 2),
Text(
'rata-rata suhu ${_avgTemp.toStringAsFixed(1)} °C • maks suhu ${_maxTemp.toStringAsFixed(1)} °C',
style: TextStyle(
fontSize: 11, color: Colors.grey.shade600),
),
],
),
),
Icon(
_expanded
? Icons.keyboard_arrow_up_rounded
: Icons.keyboard_arrow_down_rounded,
color: Colors.grey.shade500,
), ),
], ],
), ),
), ),
), ],
),
// ── Item list ─────────────────────────────────────
if (_expanded)
ListView.separated(
shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(),
itemCount: widget.items.length,
separatorBuilder: (_, __) =>
Divider(height: 1, color: Colors.grey.shade100),
itemBuilder: (context, i) =>
_HistoryItemTile(item: widget.items[i]),
),
],
),
);
}
}
// ════════════════════════════════════════════════════════════
// Satu baris data history
// ════════════════════════════════════════════════════════════
class _HistoryItemTile extends StatelessWidget {
final Evaporasi item;
const _HistoryItemTile({required this.item});
String get _status {
if (item.evaporasi > 10.0) return 'Tinggi';
if (item.evaporasi >= 2.0) return 'Normal';
return 'Rendah';
}
Color get _statusColor {
switch (_status) {
case 'Tinggi':
return Colors.red.shade600;
case 'Normal':
return Colors.orange.shade700;
default:
return Colors.green.shade600;
}
}
IconData get _statusIcon {
switch (_status) {
case 'Tinggi':
return Icons.warning_rounded;
case 'Normal':
return Icons.info_outline_rounded;
default:
return Icons.check_circle_outline_rounded;
}
}
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 10),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// ── Jam ───────────────────────────────────────────
SizedBox(
width: 56,
child: Text(
DateFormat('HH:mm:ss').format(item.timestamp),
style: const TextStyle(
fontSize: 12,
fontWeight: FontWeight.w600,
fontFamily: 'monospace'),
),
),
const SizedBox(width: 8),
// ── Data evaporasi, tinggi air, suhu ─────────────
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// Evaporasi
RichText(
text: TextSpan(
style: const TextStyle(color: Colors.black87),
children: [
TextSpan(
text: item.evaporasi.toStringAsFixed(2),
style: const TextStyle(
fontSize: 15, fontWeight: FontWeight.bold),
),
const TextSpan(
text: ' mm',
style: TextStyle(fontSize: 11, color: Colors.black54),
),
],
),
),
const SizedBox(height: 3),
// Tinggi Air
Row(
children: [
Icon(Icons.water, size: 11, color: Colors.blue.shade400),
const SizedBox(width: 3),
Text(
'Tinggi Air: ${item.tinggiAir.toStringAsFixed(1)} cm',
style:
TextStyle(fontSize: 11, color: Colors.blue.shade600),
),
],
),
const SizedBox(height: 2),
// Suhu
Row(
children: [
Icon(Icons.thermostat,
size: 11, color: Colors.orange.shade400),
const SizedBox(width: 3),
Text(
'Suhu: ${item.suhu.toStringAsFixed(1)} °C',
style: TextStyle(
fontSize: 11, color: Colors.orange.shade700),
),
],
),
],
),
),
// ── Badge status ──────────────────────────────────
Container(
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
decoration: BoxDecoration(
color: _statusColor.withValues(alpha: 0.1),
borderRadius: BorderRadius.circular(20),
border: Border.all(color: _statusColor.withValues(alpha: 0.4)),
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(_statusIcon, size: 12, color: _statusColor),
const SizedBox(width: 4),
Text(
_status,
style: TextStyle(
fontSize: 11,
color: _statusColor,
fontWeight: FontWeight.w600),
),
],
),
),
],
), ),
); );
} }