2110512094/penyaluran_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Perbarui dependensi dan tambahkan fungsionalitas laporan penyaluran. Tambahkan paket baru seperti file_picker, pdf, dan open_file ke dalam pubspec.yaml. Hapus model LaporanModel yang tidak digunakan dan ganti dengan LaporanPenyaluranModel. Modifikasi tampilan dan controller untuk mendukung pengelolaan laporan penyaluran, termasuk navigasi dan ekspor ke PDF. Perbarui rute aplikasi untuk mencakup halaman laporan penyaluran baru.

Browse Source
This commit is contained in:
Khafidh Fuadi
2025-03-20 05:19:04 +07:00
parent 3b12c7af86
commit 54c4660302
29 changed files with 4702 additions and 539 deletions
Download Patch File Download Diff File Expand all files Collapse all files

218
lib/app/modules/petugas_desa/views/detail_penyaluran_page.dart
View File

@ -6,7 +6,6 @@ import 'package:penyaluran_app/app/theme/app_theme.dart';
import 'package:penyaluran_app/app/utils/date_time_helper.dart';
import 'package:flutter_staggered_animations/flutter_staggered_animations.dart';
import 'package:penyaluran_app/app/modules/petugas_desa/views/konfirmasi_penerima_page.dart';
import 'package:qr_flutter/qr_flutter.dart';
import 'package:penyaluran_app/app/modules/petugas_desa/views/qr_scanner_page.dart';
class DetailPenyaluranPage extends StatelessWidget {
@ -69,6 +68,9 @@ class DetailPenyaluranPage extends StatelessWidget {
controller.penyaluran.value?.alasanPembatalan != null &&
controller.penyaluran.value!.alasanPembatalan!.isNotEmpty)
_buildPembatalanSection(context),
if (controller.penyaluran.value?.status?.toUpperCase() ==
'TERLAKSANA')
_buildLaporanSection(context),
const SizedBox(height: 16),
_buildPenerimaPenyaluranSection(context),
const SizedBox(height: 24),
@ -1495,6 +1497,220 @@ class DetailPenyaluranPage extends StatelessWidget {
);
}
Widget _buildLaporanSection(BuildContext context) {
return Obx(() {
if (controller.isLoadingLaporan.value) {
return Card(
elevation: 2,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
child: Container(
padding: const EdgeInsets.all(16),
child: const Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
CircularProgressIndicator(),
SizedBox(height: 8),
Text('Memuat data laporan...'),
],
),
),
),
);
}
return Card(
elevation: 2,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Row(
children: [
const Icon(
Icons.description_outlined,
color: AppTheme.successColor,
size: 24,
),
const SizedBox(width: 8),
const Text(
'Laporan Penyaluran',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: AppTheme.successColor,
),
),
],
),
if (controller.laporan.value != null)
Container(
padding: const EdgeInsets.symmetric(
horizontal: 12, vertical: 6),
decoration: BoxDecoration(
color: AppTheme.successColor.withOpacity(0.1),
borderRadius: BorderRadius.circular(20),
border: Border.all(
color: AppTheme.successColor.withOpacity(0.3),
),
),
child: Row(
children: [
Icon(
Icons.check_circle,
color: AppTheme.successColor,
size: 16,
),
const SizedBox(width: 4),
Text(
'Tersedia',
style: TextStyle(
fontSize: 12,
fontWeight: FontWeight.bold,
color: AppTheme.successColor,
),
),
],
),
),
],
),
const Divider(height: 24),
if (controller.laporan.value == null)
Column(
children: [
Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Icon(
Icons.assignment_late_outlined,
size: 50,
color: Colors.grey.shade400,
),
const SizedBox(height: 16),
Text(
'Belum ada laporan penyaluran',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
color: Colors.grey.shade600,
),
),
const SizedBox(height: 8),
Text(
'Buat laporan untuk mendokumentasikan hasil penyaluran bantuan',
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 14,
color: Colors.grey.shade500,
),
),
const SizedBox(height: 20),
ElevatedButton.icon(
onPressed: controller.navigateToLaporanCreate,
icon: const Icon(Icons.add_circle_outline),
label: const Text('Buat Laporan'),
style: ElevatedButton.styleFrom(
backgroundColor: AppTheme.primaryColor,
foregroundColor: Colors.white,
padding: const EdgeInsets.symmetric(
horizontal: 24,
vertical: 12,
),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8),
),
),
),
],
),
),
],
)
else
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_buildInfoRow('Judul', controller.laporan.value!.judul),
_buildInfoRow(
'Tanggal Laporan',
controller.laporan.value?.tanggalLaporan != null
? DateTimeHelper.formatDateTime(
controller.laporan.value!.tanggalLaporan!)
: '-',
),
const SizedBox(height: 16),
Row(
children: [
Expanded(
child: OutlinedButton.icon(
onPressed: () =>
controller.navigateToLaporanDetail(),
icon: const Icon(Icons.visibility),
label: const Text('Lihat Detail'),
style: OutlinedButton.styleFrom(
foregroundColor: AppTheme.primaryColor,
side: const BorderSide(
color: AppTheme.primaryColor),
padding: const EdgeInsets.symmetric(vertical: 12),
),
),
),
const SizedBox(width: 12),
if (controller.laporan.value?.beritaAcaraUrl != null &&
controller
.laporan.value!.beritaAcaraUrl!.isNotEmpty)
Expanded(
child: Obx(() => ElevatedButton.icon(
onPressed: controller.isExporting.value
? null
: () => controller.exportToPdf(),
icon: controller.isExporting.value
? SizedBox(
width: 20,
height: 20,
child: CircularProgressIndicator(
strokeWidth: 2,
valueColor:
AlwaysStoppedAnimation<Color>(
Colors.white),
),
)
: const Icon(Icons.download),
label: Text(controller.isExporting.value
? 'Mengekspor...'
: 'Unduh PDF'),
style: ElevatedButton.styleFrom(
backgroundColor: AppTheme.successColor,
foregroundColor: Colors.white,
padding: const EdgeInsets.symmetric(
vertical: 12),
disabledBackgroundColor:
AppTheme.successColor.withOpacity(0.7),
),
)),
),
],
),
],
),
],
),
),
);
});
}
List<PenerimaPenyaluranModel> _getFilteredPenerima() {
final query = searchQuery.value;
final status = statusFilter.value;

260
lib/app/modules/petugas_desa/views/petugas_desa_view.dart
View File

@ -179,18 +179,25 @@ class PetugasDesaView extends GetView<PetugasDesaController> {
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.end,
children: [
const CircleAvatar(
CircleAvatar(
radius: 30,
backgroundColor: Colors.white,
child: Icon(
Icons.person,
size: 40,
color: AppTheme.primaryColor,
),
backgroundImage: controller.user?.avatar != null &&
controller.user!.avatar!.isNotEmpty
? NetworkImage(controller.user!.avatar!)
: null,
child: controller.user?.avatar == null ||
controller.user!.avatar!.isEmpty
? const Icon(
Icons.person,
size: 40,
color: AppTheme.primaryColor,
)
: null,
),
const SizedBox(height: 10),
Text(
controller.nama,
controller.user?.name ?? 'Petugas Desa',
style: const TextStyle(
color: Colors.white,
fontSize: 18,
@ -198,203 +205,106 @@ class PetugasDesaView extends GetView<PetugasDesaController> {
),
),
Text(
'Petugas Desa',
controller.user?.desa?.nama != null
? '${controller.user?.role} - ${controller.user!.desa!.nama}'
: controller.user?.role ?? 'PETUGAS_DESA',
style: TextStyle(
color: Colors.white.withOpacity(0.8),
color: Colors.white.withAlpha(200),
fontSize: 14,
),
),
],
),
),
Obx(() => ListTile(
leading: const Icon(Icons.dashboard_outlined),
title: const Text('Dashboard'),
selected: controller.activeTabIndex.value == 0,
selectedColor: AppTheme.primaryColor,
onTap: () {
controller.changeTab(0);
Navigator.pop(context);
},
)),
Obx(() => ListTile(
leading: const Icon(Icons.calendar_today_outlined),
title: const Text('Penyaluran'),
selected: controller.activeTabIndex.value == 1,
selectedColor: AppTheme.primaryColor,
onTap: () {
controller.changeTab(1);
Navigator.pop(context);
},
)),
Obx(() => ListTile(
leading: Stack(
alignment: Alignment.center,
children: [
const Icon(Icons.handshake_outlined),
if (controller.jumlahMenunggu.value > 0)
Positioned(
top: 0,
right: 0,
child: Container(
padding: const EdgeInsets.all(2),
decoration: BoxDecoration(
color: Colors.orange,
borderRadius: BorderRadius.circular(10),
),
constraints: const BoxConstraints(
minWidth: 12,
minHeight: 12,
),
child: Text(
controller.jumlahMenunggu.value.toString(),
style: const TextStyle(
color: Colors.white,
fontSize: 8,
),
textAlign: TextAlign.center,
),
),
),
],
),
title: const Text('Penitipan'),
selected: controller.activeTabIndex.value == 2,
selectedColor: AppTheme.primaryColor,
onTap: () {
controller.changeTab(2);
Navigator.pop(context);
},
)),
Obx(() {
final int jumlahPengaduanDiproses = controller.jumlahDiproses.value;
return ListTile(
leading: Stack(
alignment: Alignment.center,
children: [
const Icon(Icons.report_problem_outlined),
// Selalu tampilkan badge untuk debugging
Positioned(
top: 0,
right: 0,
child: Container(
padding: const EdgeInsets.all(2),
decoration: BoxDecoration(
color: Colors.red,
borderRadius: BorderRadius.circular(10),
),
constraints: const BoxConstraints(
minWidth: 12,
minHeight: 12,
),
child: Text(
jumlahPengaduanDiproses.toString(),
style: const TextStyle(
color: Colors.white,
fontSize: 8,
),
textAlign: TextAlign.center,
),
),
),
],
),
title: const Text('Pengaduan'),
selected: controller.activeTabIndex.value == 3,
selectedColor: AppTheme.primaryColor,
onTap: () {
controller.changeTab(3);
Navigator.pop(context);
},
);
}),
Obx(() => ListTile(
leading: const Icon(Icons.inventory_2_outlined),
title: const Text('Stok Bantuan'),
selected: controller.activeTabIndex.value == 4,
selectedColor: AppTheme.primaryColor,
onTap: () {
controller.changeTab(4);
Navigator.pop(context);
},
)),
const Divider(),
ListTile(
leading: const Icon(Icons.people_outline),
title: const Text('Daftar Penerima'),
leading: const Icon(Icons.dashboard_outlined),
title: const Text('Dashboard'),
selected: controller.activeTabIndex.value == 0,
selectedColor: AppTheme.primaryColor,
onTap: () {
Navigator.pop(context); // Tutup drawer terlebih dahulu
Navigator.pop(context);
controller.changeTab(0);
},
),
ListTile(
leading: const Icon(Icons.handshake_outlined),
title: const Text('Penyaluran'),
selected: controller.activeTabIndex.value == 1,
selectedColor: AppTheme.primaryColor,
onTap: () {
Navigator.pop(context);
controller.changeTab(1);
},
),
ListTile(
leading: const Icon(Icons.inventory_2_outlined),
title: const Text('Penitipan'),
selected: controller.activeTabIndex.value == 2,
selectedColor: AppTheme.primaryColor,
onTap: () {
Navigator.pop(context);
controller.changeTab(2);
},
),
Obx(() => ListTile(
leading: controller.jumlahDiproses.value > 0
? Badge(
label: Text(controller.jumlahDiproses.value.toString()),
backgroundColor: Colors.red,
child: const Icon(Icons.support_outlined),
)
: const Icon(Icons.support_outlined),
title: const Text('Pengaduan'),
selected: controller.activeTabIndex.value == 3,
selectedColor: AppTheme.primaryColor,
onTap: () {
Navigator.pop(context);
controller.changeTab(3);
},
)),
ListTile(
leading: const Icon(Icons.inventory_outlined),
title: const Text('Stok Bantuan'),
selected: controller.activeTabIndex.value == 4,
selectedColor: AppTheme.primaryColor,
onTap: () {
Navigator.pop(context);
controller.changeTab(4);
},
),
ListTile(
leading: const Icon(Icons.person_add_outlined),
title: const Text('Kelola Penerima'),
onTap: () {
Navigator.pop(context);
Get.toNamed('/daftar-penerima');
},
),
ListTile(
leading: const Icon(Icons.volunteer_activism_outlined),
title: const Text('Daftar Donatur'),
leading: const Icon(Icons.people_outlined),
title: const Text('Kelola Donatur'),
onTap: () {
Navigator.pop(context); // Tutup drawer terlebih dahulu
Navigator.pop(context);
Get.toNamed('/daftar-donatur');
},
),
ListTile(
leading: Stack(
alignment: Alignment.center,
children: [
const Icon(Icons.notifications_outlined),
if (controller.jumlahNotifikasiBelumDibaca.value > 0)
Positioned(
top: 0,
right: 0,
child: Container(
padding: const EdgeInsets.all(2),
decoration: BoxDecoration(
color: Colors.red,
borderRadius: BorderRadius.circular(10),
),
constraints: const BoxConstraints(
minWidth: 12,
minHeight: 12,
),
child: Text(
controller.jumlahNotifikasiBelumDibaca.value.toString(),
style: const TextStyle(
color: Colors.white,
fontSize: 8,
),
textAlign: TextAlign.center,
),
),
),
],
),
title: const Text('Notifikasi'),
leading: const Icon(Icons.description_outlined),
title: const Text('Laporan Penyaluran'),
onTap: () {
Navigator.pop(context); // Tutup drawer terlebih dahulu
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => const NotifikasiView(),
),
);
Navigator.pop(context);
Get.toNamed('/laporan-penyaluran');
},
),
const Divider(),
ListTile(
leading: const Icon(Icons.person_outline),
title: const Text('Profil'),
onTap: () {
// Navigasi ke halaman profil
Navigator.pop(context);
Get.toNamed('/profile');
},
),
ListTile(
leading: const Icon(Icons.settings_outlined),
title: const Text('Pengaturan'),
onTap: () {
// Navigasi ke halaman pengaturan
Navigator.pop(context);
},
),
ListTile(
leading: const Icon(Icons.logout),
title: const Text('Keluar'),

2
lib/app/modules/petugas_desa/views/riwayat_penyaluran_view.dart
View File

@ -98,7 +98,7 @@ class RiwayatPenyaluranView extends GetView<JadwalPenyaluranController> {
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'Daftar Penyaluran ${status == 'TERLAKSANA' ? 'terlaksana' : 'batal terlaksana'}',
'Daftar Penyaluran ${status == 'TERLAKSANA' ? 'Terlaksana' : 'Batal'}',
style:
Theme.of(context).textTheme.titleLarge?.copyWith(
fontWeight: FontWeight.bold,