2110512100/bumrent_app
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Andreas Malvino
2025-06-02 22:39:03 +07:00
commit e7090af3da
245 changed files with 49210 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

149
lib/app/modules/petugas_bumdes/widgets/petugas_bumdes_bottom_navbar.dart Normal file
View File

@ -0,0 +1,149 @@
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import '../../../routes/app_routes.dart';
import '../../../theme/app_colors.dart';
import '../controllers/petugas_bumdes_dashboard_controller.dart';
class PetugasBumdesBottomNavbar extends StatelessWidget {
final int selectedIndex;
final Function(int) onItemTapped;
const PetugasBumdesBottomNavbar({
super.key,
required this.selectedIndex,
required this.onItemTapped,
});
@override
Widget build(BuildContext context) {
return Container(
height: 76,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: const BorderRadius.vertical(top: Radius.circular(20)),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.07),
blurRadius: 14,
offset: const Offset(0, -2),
),
],
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
_buildNavItem(
context: context,
icon: Icons.dashboard_outlined,
activeIcon: Icons.dashboard,
label: 'Dashboard',
isSelected: selectedIndex == 0,
onTap: () => onItemTapped(0),
),
_buildNavItem(
context: context,
icon: Icons.inventory_2_outlined,
activeIcon: Icons.inventory_2,
label: 'Aset',
isSelected: selectedIndex == 1,
onTap: () => onItemTapped(1),
),
_buildNavItem(
context: context,
icon: Icons.category_outlined,
activeIcon: Icons.category,
label: 'Paket',
isSelected: selectedIndex == 2,
onTap: () => onItemTapped(2),
),
_buildNavItem(
context: context,
icon: Icons.shopping_cart_outlined,
activeIcon: Icons.shopping_cart,
label: 'Sewa',
isSelected: selectedIndex == 3,
onTap: () => onItemTapped(3),
),
],
),
);
}
// Modern navigation item for bottom bar
Widget _buildNavItem({
required BuildContext context,
required IconData icon,
required IconData activeIcon,
required String label,
required bool isSelected,
required VoidCallback onTap,
}) {
final primaryColor = AppColors.primary;
final tabWidth = MediaQuery.of(context).size.width / 4;
return Material(
color: Colors.transparent,
child: InkWell(
onTap: onTap,
customBorder: const StadiumBorder(),
splashColor: primaryColor.withOpacity(0.1),
highlightColor: primaryColor.withOpacity(0.05),
child: SizedBox(
width: tabWidth,
child: Column(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.center,
children: [
// Indicator line at top
AnimatedContainer(
duration: const Duration(milliseconds: 250),
height: 2,
width: tabWidth * 0.5,
margin: const EdgeInsets.only(bottom: 4),
decoration: BoxDecoration(
color: isSelected ? primaryColor : Colors.transparent,
borderRadius: BorderRadius.circular(1),
),
),
// Icon with animated scale effect when selected
AnimatedContainer(
duration: const Duration(milliseconds: 200),
padding: EdgeInsets.all(isSelected ? 8 : 0),
decoration: BoxDecoration(
color:
isSelected
? primaryColor.withOpacity(0.1)
: Colors.transparent,
borderRadius: BorderRadius.circular(12),
),
child: Icon(
isSelected ? activeIcon : icon,
color: isSelected ? primaryColor : Colors.grey.shade400,
size: 22,
),
),
const SizedBox(height: 4),
// Label with animated opacity
AnimatedDefaultTextStyle(
duration: const Duration(milliseconds: 200),
style: TextStyle(
fontSize: 10,
fontWeight: isSelected ? FontWeight.w600 : FontWeight.w500,
color: isSelected ? primaryColor : Colors.grey.shade500,
),
child: Text(
label,
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
),
],
),
),
),
);
}
}

302
lib/app/modules/petugas_bumdes/widgets/petugas_side_navbar.dart Normal file
View File

@ -0,0 +1,302 @@
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import '../../../theme/app_colors.dart';
import '../controllers/petugas_bumdes_dashboard_controller.dart';
class PetugasSideNavbar extends StatelessWidget {
final PetugasBumdesDashboardController controller;
const PetugasSideNavbar({super.key, required this.controller});
@override
Widget build(BuildContext context) {
return Drawer(
backgroundColor: Colors.white,
elevation: 0,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.only(
topRight: Radius.circular(0),
bottomRight: Radius.circular(0),
),
),
child: Column(
children: [
_buildHeader(),
Expanded(child: _buildMenu()),
_buildFooter(context),
],
),
);
}
Widget _buildHeader() {
return Container(
padding: const EdgeInsets.fromLTRB(20, 60, 20, 20),
color: AppColors.primary,
width: double.infinity,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Container(
decoration: BoxDecoration(
shape: BoxShape.circle,
border: Border.all(color: Colors.white, width: 2),
),
child: CircleAvatar(
radius: 30,
backgroundColor: Colors.white,
child: Icon(Icons.person, color: AppColors.primary, size: 36),
),
),
const SizedBox(width: 16),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'Petugas BUMDes',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: Colors.white,
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
const SizedBox(height: 4),
Obx(
() => Text(
controller.userEmail.value,
style: TextStyle(
color: Colors.white.withOpacity(0.9),
fontSize: 14,
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
),
],
),
),
],
),
],
),
);
}
Widget _buildMenu() {
return Obx(
() => ListView(
padding: const EdgeInsets.symmetric(vertical: 8),
children: [
_buildSectionHeader('Menu Utama'),
_buildMenuItem(
icon: Icons.dashboard_outlined,
activeIcon: Icons.dashboard,
title: 'Dashboard',
subtitle: 'Ringkasan aktivitas',
isSelected: controller.currentTabIndex.value == 0,
onTap: () => controller.changeTab(0),
),
_buildMenuItem(
icon: Icons.inventory_2_outlined,
activeIcon: Icons.inventory_2,
title: 'Aset',
subtitle: 'Kelola aset BUMDes',
isSelected: controller.currentTabIndex.value == 1,
onTap: () => controller.changeTab(1),
),
_buildMenuItem(
icon: Icons.category_outlined,
activeIcon: Icons.category,
title: 'Paket',
subtitle: 'Kelola paket aset',
isSelected: controller.currentTabIndex.value == 2,
onTap: () => controller.changeTab(2),
),
_buildMenuItem(
icon: Icons.shopping_cart_outlined,
activeIcon: Icons.shopping_cart,
title: 'Sewa',
subtitle: 'Kelola sewa aset',
isSelected: controller.currentTabIndex.value == 3,
onTap: () => controller.changeTab(3),
),
],
),
);
}
Widget _buildSectionHeader(String title) {
return Padding(
padding: const EdgeInsets.fromLTRB(20, 16, 20, 8),
child: Text(
title,
style: TextStyle(
color: Colors.grey.shade500,
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1.2,
),
),
);
}
Widget _buildMenuItem({
required IconData icon,
required IconData activeIcon,
required String title,
required String subtitle,
required bool isSelected,
required VoidCallback onTap,
}) {
return Container(
margin: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
decoration: BoxDecoration(
color: isSelected ? AppColors.primarySoft : Colors.transparent,
borderRadius: BorderRadius.circular(12),
),
child: ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
leading: Container(
width: 40,
height: 40,
decoration: BoxDecoration(
color:
isSelected
? AppColors.primary.withOpacity(0.15)
: Colors.grey.withOpacity(0.1),
borderRadius: BorderRadius.circular(10),
),
child: Icon(
isSelected ? activeIcon : icon,
color: isSelected ? AppColors.primary : Colors.grey.shade600,
size: 20,
),
),
title: Text(
title,
style: TextStyle(
color: isSelected ? AppColors.primary : Colors.black87,
fontWeight: isSelected ? FontWeight.bold : FontWeight.w500,
fontSize: 15,
),
),
subtitle: Text(
subtitle,
style: TextStyle(color: Colors.grey.shade600, fontSize: 12),
),
trailing:
isSelected
? Container(
width: 4,
height: 36,
decoration: BoxDecoration(
color: AppColors.primary,
borderRadius: BorderRadius.circular(10),
),
)
: null,
onTap: onTap,
),
);
}
Widget _buildFooter(BuildContext context) {
return Container(
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: Colors.white,
boxShadow: [
BoxShadow(
color: Colors.grey.shade200,
blurRadius: 4,
offset: const Offset(0, -1),
),
],
),
child: Column(
children: [
ListTile(
contentPadding: EdgeInsets.zero,
leading: Container(
width: 40,
height: 40,
decoration: BoxDecoration(
color: Colors.red.shade50,
borderRadius: BorderRadius.circular(10),
),
child: Icon(Icons.logout, color: Colors.red.shade400, size: 20),
),
title: const Text(
'Keluar',
style: TextStyle(fontWeight: FontWeight.w500, fontSize: 15),
),
subtitle: const Text(
'Keluar dari aplikasi',
style: TextStyle(color: Colors.grey, fontSize: 12),
),
onTap: () => _showLogoutConfirmation(context),
),
const SizedBox(height: 16),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'© 2025 BumRent App',
style: TextStyle(color: Colors.grey.shade600, fontSize: 12),
),
ClipRRect(
borderRadius: BorderRadius.circular(4),
child: Image.asset(
'assets/images/logo.png',
width: 24,
height: 24,
),
),
],
),
],
),
);
}
void _showLogoutConfirmation(BuildContext context) {
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: const Text('Konfirmasi Keluar'),
content: const Text('Apakah Anda yakin ingin keluar dari aplikasi?'),
actions: [
TextButton(
onPressed: () => Navigator.of(context).pop(),
style: TextButton.styleFrom(
foregroundColor: Colors.grey.shade700,
),
child: const Text('Batal'),
),
ElevatedButton(
onPressed: () {
Navigator.of(context).pop();
controller.logout();
},
style: ElevatedButton.styleFrom(
backgroundColor: Colors.red.shade400,
foregroundColor: Colors.white,
elevation: 0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8),
),
),
child: const Text('Keluar'),
),
],
);
},
);
}
}