
- Hapus file petugas_desa_dashboard_view.dart - Perbarui app_pages.dart untuk menggunakan PetugasDesaView dan PetugasDesaBinding - Pindahkan logika dashboard ke modul petugas_desa yang baru - Sesuaikan routing untuk dashboard Petugas Desa
190 lines
5.5 KiB
Dart
190 lines
5.5 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:penyaluran_app/app/modules/petugas_desa/controllers/petugas_desa_controller.dart';
|
|
import 'package:penyaluran_app/app/theme/app_theme.dart';
|
|
|
|
class JadwalView extends GetView<PetugasDesaController> {
|
|
const JadwalView({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final textTheme = Theme.of(context).textTheme;
|
|
|
|
return SingleChildScrollView(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(16.0),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// Jadwal hari ini
|
|
_buildJadwalSection(
|
|
textTheme,
|
|
title: 'Hari Ini',
|
|
jadwalList: [
|
|
{
|
|
'lokasi': 'Kantor Kepala Desa',
|
|
'jenisBantuan': 'Beras',
|
|
'tanggal': '15 April 2023',
|
|
'waktu': '13:00 - 14:00',
|
|
'status': 'Aktif',
|
|
},
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 20),
|
|
|
|
// Jadwal mendatang
|
|
_buildJadwalSection(
|
|
textTheme,
|
|
title: 'Mendatang',
|
|
jadwalList: [
|
|
{
|
|
'lokasi': 'Balai Desa A',
|
|
'jenisBantuan': 'Sembako',
|
|
'tanggal': '17 April 2023',
|
|
'waktu': '13:00 - 14:00',
|
|
'status': 'Terjadwal',
|
|
},
|
|
{
|
|
'lokasi': 'Balai Desa B',
|
|
'jenisBantuan': 'Uang Tunai',
|
|
'tanggal': '20 April 2023',
|
|
'waktu': '10:00 - 12:00',
|
|
'status': 'Terjadwal',
|
|
},
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 20),
|
|
|
|
// Jadwal selesai
|
|
_buildJadwalSection(
|
|
textTheme,
|
|
title: 'Selesai',
|
|
jadwalList: [
|
|
{
|
|
'lokasi': 'Kantor Kepala Desa',
|
|
'jenisBantuan': 'Beras',
|
|
'tanggal': '10 April 2023',
|
|
'waktu': '13:00 - 14:00',
|
|
'status': 'Selesai',
|
|
},
|
|
{
|
|
'lokasi': 'Balai Desa C',
|
|
'jenisBantuan': 'Sembako',
|
|
'tanggal': '5 April 2023',
|
|
'waktu': '09:00 - 11:00',
|
|
'status': 'Selesai',
|
|
},
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildJadwalSection(
|
|
TextTheme textTheme, {
|
|
required String title,
|
|
required List<Map<String, String>> jadwalList,
|
|
}) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
title,
|
|
style: textTheme.titleLarge?.copyWith(
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
const SizedBox(height: 10),
|
|
...jadwalList.map((jadwal) => _buildJadwalItem(textTheme, jadwal)),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildJadwalItem(TextTheme textTheme, Map<String, String> jadwal) {
|
|
Color statusColor;
|
|
switch (jadwal['status']) {
|
|
case 'Aktif':
|
|
statusColor = Colors.green;
|
|
break;
|
|
case 'Terjadwal':
|
|
statusColor = Colors.blue;
|
|
break;
|
|
case 'Selesai':
|
|
statusColor = Colors.grey;
|
|
break;
|
|
default:
|
|
statusColor = Colors.orange;
|
|
}
|
|
|
|
return Container(
|
|
width: double.infinity,
|
|
margin: const EdgeInsets.only(bottom: 10),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(12),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.grey.withAlpha(26),
|
|
spreadRadius: 1,
|
|
blurRadius: 3,
|
|
offset: const Offset(0, 1),
|
|
),
|
|
],
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(16.0),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
jadwal['lokasi'] ?? '',
|
|
style: textTheme.titleMedium?.copyWith(
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
Container(
|
|
padding:
|
|
const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
color: statusColor.withAlpha(26),
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: Text(
|
|
jadwal['status'] ?? '',
|
|
style: textTheme.bodySmall?.copyWith(
|
|
color: statusColor,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 8),
|
|
Text(
|
|
'Jenis Bantuan: ${jadwal['jenisBantuan'] ?? ''}',
|
|
style: textTheme.bodyMedium,
|
|
),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
'Tanggal: ${jadwal['tanggal'] ?? ''}',
|
|
style: textTheme.bodyMedium,
|
|
),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
'Waktu: ${jadwal['waktu'] ?? ''}',
|
|
style: textTheme.bodyMedium,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|