488 lines
16 KiB
Dart
488 lines
16 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:intl/intl.dart';
|
|
import 'package:penyaluran_app/app/modules/warga/controllers/warga_dashboard_controller.dart';
|
|
import 'package:penyaluran_app/app/data/models/pengajuan_kelayakan_bantuan_model.dart';
|
|
|
|
class WargaDashboardView extends GetView<WargaDashboardController> {
|
|
const WargaDashboardView({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Obx(() {
|
|
if (controller.isLoading.value) {
|
|
return const Center(child: CircularProgressIndicator());
|
|
}
|
|
|
|
return RefreshIndicator(
|
|
onRefresh: () async {
|
|
controller.fetchData();
|
|
},
|
|
child: SingleChildScrollView(
|
|
physics: const AlwaysScrollableScrollPhysics(),
|
|
padding: const EdgeInsets.all(16.0),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
_buildWelcomeSection(),
|
|
const SizedBox(height: 24),
|
|
_buildPenyaluranSummary(),
|
|
const SizedBox(height: 24),
|
|
_buildPengajuanSection(),
|
|
const SizedBox(height: 24),
|
|
_buildPengaduanSummary(),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
});
|
|
}
|
|
|
|
Widget _buildWelcomeSection() {
|
|
return Card(
|
|
elevation: 2,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(16.0),
|
|
child: Row(
|
|
children: [
|
|
CircleAvatar(
|
|
radius: 30,
|
|
backgroundColor: Colors.blue.shade100,
|
|
child: const Icon(
|
|
Icons.person,
|
|
size: 40,
|
|
color: Colors.blue,
|
|
),
|
|
),
|
|
const SizedBox(width: 16),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'Selamat Datang,',
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
color: Colors.grey.shade600,
|
|
),
|
|
),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
controller.nama,
|
|
style: const TextStyle(
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
controller.desa ?? 'Warga Desa',
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
color: Colors.grey.shade600,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildPenyaluranSummary() {
|
|
final currencyFormat = NumberFormat.currency(
|
|
locale: 'id',
|
|
symbol: 'Rp ',
|
|
decimalDigits: 0,
|
|
);
|
|
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
const Text(
|
|
'Penyaluran Bantuan',
|
|
style: TextStyle(
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
Card(
|
|
elevation: 2,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(16.0),
|
|
child: Column(
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'Total Bantuan Diterima',
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
color: Colors.grey.shade600,
|
|
),
|
|
),
|
|
const SizedBox(height: 8),
|
|
Text(
|
|
'${controller.totalPenyaluranDiterima.value}',
|
|
style: const TextStyle(
|
|
fontSize: 24,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.blue,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const Icon(
|
|
Icons.volunteer_activism,
|
|
size: 40,
|
|
color: Colors.blue,
|
|
),
|
|
],
|
|
),
|
|
const Divider(height: 32),
|
|
if (controller.penerimaPenyaluran.isNotEmpty)
|
|
ListView.builder(
|
|
shrinkWrap: true,
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
itemCount: controller.penerimaPenyaluran.length > 2
|
|
? 2
|
|
: controller.penerimaPenyaluran.length,
|
|
itemBuilder: (context, index) {
|
|
final item = controller.penerimaPenyaluran[index];
|
|
return ListTile(
|
|
contentPadding: EdgeInsets.zero,
|
|
title: Text(
|
|
item.keterangan ?? 'Bantuan',
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
subtitle: Text(
|
|
item.tanggalPenerimaan != null
|
|
? DateFormat('dd MMMM yyyy', 'id_ID')
|
|
.format(item.tanggalPenerimaan!)
|
|
: '-',
|
|
),
|
|
trailing: Text(
|
|
item.jumlahBantuan != null
|
|
? currencyFormat.format(item.jumlahBantuan)
|
|
: '-',
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.green,
|
|
),
|
|
),
|
|
);
|
|
},
|
|
)
|
|
else
|
|
const Center(
|
|
child: Padding(
|
|
padding: EdgeInsets.symmetric(vertical: 16.0),
|
|
child: Text('Belum ada penyaluran bantuan'),
|
|
),
|
|
),
|
|
if (controller.penerimaPenyaluran.length > 2)
|
|
TextButton(
|
|
onPressed: () => controller.changeTab(1),
|
|
child: const Text('Lihat Semua'),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildPengajuanSection() {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
const Text(
|
|
'Pengajuan Kelayakan Bantuan',
|
|
style: TextStyle(
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
Card(
|
|
elevation: 2,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(16.0),
|
|
child: Column(
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: [
|
|
_buildStatusCounter(
|
|
'Menunggu',
|
|
controller.totalPengajuanMenunggu.value,
|
|
Colors.orange,
|
|
),
|
|
_buildStatusCounter(
|
|
'Terverifikasi',
|
|
controller.totalPengajuanTerverifikasi.value,
|
|
Colors.green,
|
|
),
|
|
_buildStatusCounter(
|
|
'Ditolak',
|
|
controller.totalPengajuanDitolak.value,
|
|
Colors.red,
|
|
),
|
|
],
|
|
),
|
|
const Divider(height: 32),
|
|
if (controller.pengajuanKelayakan.isNotEmpty)
|
|
ListView.builder(
|
|
shrinkWrap: true,
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
itemCount: controller.pengajuanKelayakan.length > 3
|
|
? 3
|
|
: controller.pengajuanKelayakan.length,
|
|
itemBuilder: (context, index) {
|
|
final item = controller.pengajuanKelayakan[index];
|
|
return ListTile(
|
|
contentPadding: EdgeInsets.zero,
|
|
title: Text(
|
|
'Pengajuan #${index + 1}',
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
subtitle: Text(
|
|
item.createdAt != null
|
|
? DateFormat('dd MMMM yyyy', 'id_ID')
|
|
.format(item.createdAt!)
|
|
: '-',
|
|
),
|
|
trailing: _buildStatusBadge(item.status),
|
|
);
|
|
},
|
|
)
|
|
else
|
|
const Center(
|
|
child: Padding(
|
|
padding: EdgeInsets.symmetric(vertical: 16.0),
|
|
child: Text('Belum ada pengajuan kelayakan'),
|
|
),
|
|
),
|
|
if (controller.pengajuanKelayakan.length > 3)
|
|
TextButton(
|
|
onPressed: controller.goToPengajuanDetail,
|
|
child: const Text('Lihat Semua'),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildStatusCounter(String label, int count, Color color) {
|
|
return Column(
|
|
children: [
|
|
Text(
|
|
'$count',
|
|
style: TextStyle(
|
|
fontSize: 24,
|
|
fontWeight: FontWeight.bold,
|
|
color: color,
|
|
),
|
|
),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
label,
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
color: Colors.grey.shade600,
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildStatusBadge(StatusKelayakan? status) {
|
|
if (status == null) return const SizedBox();
|
|
|
|
Color color;
|
|
String text;
|
|
|
|
switch (status) {
|
|
case StatusKelayakan.MENUNGGU:
|
|
color = Colors.orange;
|
|
text = 'Menunggu';
|
|
break;
|
|
case StatusKelayakan.TERVERIFIKASI:
|
|
color = Colors.green;
|
|
text = 'Terverifikasi';
|
|
break;
|
|
case StatusKelayakan.DITOLAK:
|
|
color = Colors.red;
|
|
text = 'Ditolak';
|
|
break;
|
|
}
|
|
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
|
decoration: BoxDecoration(
|
|
color: color.withOpacity(0.1),
|
|
borderRadius: BorderRadius.circular(20),
|
|
border: Border.all(color: color),
|
|
),
|
|
child: Text(
|
|
text,
|
|
style: TextStyle(
|
|
color: color,
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 12,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildPengaduanSummary() {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
const Text(
|
|
'Pengaduan',
|
|
style: TextStyle(
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
Card(
|
|
elevation: 2,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(16.0),
|
|
child: Column(
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: [
|
|
_buildStatusCounter(
|
|
'Total',
|
|
controller.totalPengaduan.value,
|
|
Colors.blue,
|
|
),
|
|
_buildStatusCounter(
|
|
'Proses',
|
|
controller.totalPengaduanProses.value,
|
|
Colors.orange,
|
|
),
|
|
_buildStatusCounter(
|
|
'Selesai',
|
|
controller.totalPengaduanSelesai.value,
|
|
Colors.green,
|
|
),
|
|
],
|
|
),
|
|
const Divider(height: 32),
|
|
if (controller.pengaduan.isNotEmpty)
|
|
ListView.builder(
|
|
shrinkWrap: true,
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
itemCount: controller.pengaduan.length > 2
|
|
? 2
|
|
: controller.pengaduan.length,
|
|
itemBuilder: (context, index) {
|
|
final item = controller.pengaduan[index];
|
|
return ListTile(
|
|
contentPadding: EdgeInsets.zero,
|
|
title: Text(
|
|
item.judul ?? 'Pengaduan #${index + 1}',
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
subtitle: Text(
|
|
item.tanggalPengaduan != null
|
|
? DateFormat('dd MMMM yyyy', 'id_ID')
|
|
.format(item.tanggalPengaduan!)
|
|
: '-',
|
|
),
|
|
trailing: Container(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 12,
|
|
vertical: 6,
|
|
),
|
|
decoration: BoxDecoration(
|
|
color: item.status == 'PROSES'
|
|
? Colors.orange.withOpacity(0.1)
|
|
: Colors.green.withOpacity(0.1),
|
|
borderRadius: BorderRadius.circular(20),
|
|
border: Border.all(
|
|
color: item.status == 'PROSES'
|
|
? Colors.orange
|
|
: Colors.green,
|
|
),
|
|
),
|
|
child: Text(
|
|
item.status == 'PROSES' ? 'Proses' : 'Selesai',
|
|
style: TextStyle(
|
|
color: item.status == 'PROSES'
|
|
? Colors.orange
|
|
: Colors.green,
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 12,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
)
|
|
else
|
|
const Center(
|
|
child: Padding(
|
|
padding: EdgeInsets.symmetric(vertical: 16.0),
|
|
child: Text('Belum ada pengaduan'),
|
|
),
|
|
),
|
|
if (controller.pengaduan.length > 2)
|
|
TextButton(
|
|
onPressed: () => controller.changeTab(2),
|
|
child: const Text('Lihat Semua'),
|
|
),
|
|
const SizedBox(height: 8),
|
|
ElevatedButton.icon(
|
|
onPressed: () {
|
|
// TODO: Implementasi navigasi ke halaman buat pengaduan
|
|
},
|
|
icon: const Icon(Icons.add),
|
|
label: const Text('Buat Pengaduan Baru'),
|
|
style: ElevatedButton.styleFrom(
|
|
minimumSize: const Size(double.infinity, 48),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|