apksel-dev/apskel-owner-flutter
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: apksel-dev:ad2681dfdea59a8baa8331fed414b1b592b4b871
Branches Tags
apksel-dev:main
apksel-dev:dev
..
compare: apksel-dev:71ebb26227af6a00d837143d9e30c56c1ad01c0b
Branches Tags
apksel-dev:dev
apksel-dev:main

No commits in common. "ad2681dfdea59a8baa8331fed414b1b592b4b871" and "71ebb26227af6a00d837143d9e30c56c1ad01c0b" have entirely different histories.
ad2681dfde ... 71ebb26227

14 changed files with 82 additions and 2482 deletions
Show Stats Expand all files Collapse all files

454
lib/presentation/pages/finance/finance_page.dart
View File

@ -1,454 +0,0 @@
import 'package:auto_route/auto_route.dart';
import 'package:flutter/material.dart';
import 'package:line_icons/line_icons.dart';
import '../../../common/theme/theme.dart';
import 'widgets/appbar.dart';
import 'widgets/cash_flow.dart';
import 'widgets/category.dart';
import 'widgets/profit_loss.dart';
import 'widgets/summary_card.dart';
@RoutePage()
class FinancePage extends StatefulWidget {
const FinancePage({super.key});
@override
State<FinancePage> createState() => _FinancePageState();
}
class _FinancePageState extends State<FinancePage>
with TickerProviderStateMixin {
late AnimationController _slideController;
late AnimationController _fadeController;
late AnimationController _scaleController;
late AnimationController _rotationController;
late AnimationController _floatingController;
late Animation<Offset> _slideAnimation;
late Animation<double> _fadeAnimation;
late Animation<double> _scaleAnimation;
late Animation<double> rotationAnimation;
late Animation<double> floatingAnimation;
String selectedPeriod = 'Hari ini';
final List<String> periods = [
'Hari ini',
'Minggu ini',
'Bulan ini',
'Tahun ini',
];
@override
void initState() {
super.initState();
rotationAnimation = AnimationController(
duration: const Duration(seconds: 20),
vsync: this,
)..repeat();
floatingAnimation = AnimationController(
duration: const Duration(seconds: 3),
vsync: this,
)..repeat(reverse: true);
_slideController = AnimationController(
duration: const Duration(milliseconds: 800),
vsync: this,
);
_fadeController = AnimationController(
duration: const Duration(milliseconds: 1000),
vsync: this,
);
_scaleController = AnimationController(
duration: const Duration(milliseconds: 600),
vsync: this,
);
_slideAnimation =
Tween<Offset>(begin: const Offset(0, 0.3), end: Offset.zero).animate(
CurvedAnimation(parent: _slideController, curve: Curves.easeOutCubic),
);
_fadeAnimation = Tween<double>(
begin: 0.0,
end: 1.0,
).animate(CurvedAnimation(parent: _fadeController, curve: Curves.easeIn));
_scaleAnimation = Tween<double>(begin: 0.8, end: 1.0).animate(
CurvedAnimation(parent: _scaleController, curve: Curves.elasticOut),
);
// Start animations
_fadeController.forward();
Future.delayed(const Duration(milliseconds: 200), () {
_slideController.forward();
});
Future.delayed(const Duration(milliseconds: 400), () {
_scaleController.forward();
});
}
@override
void dispose() {
_slideController.dispose();
_fadeController.dispose();
_scaleController.dispose();
_rotationController.dispose();
_floatingController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: AppColor.background,
body: CustomScrollView(
slivers: [
// SliverAppBar with animated background
SliverAppBar(
expandedHeight: 120,
floating: false,
pinned: true,
backgroundColor: AppColor.primary,
elevation: 0,
flexibleSpace: FinanceAppbar(
rotationAnimation: rotationAnimation,
floatingAnimation: floatingAnimation,
),
),
// Header dengan filter periode
SliverToBoxAdapter(
child: FadeTransition(
opacity: _fadeAnimation,
child: _buildPeriodSelector(),
),
),
// Summary Cards
SliverToBoxAdapter(
child: SlideTransition(
position: _slideAnimation,
child: _buildSummaryCards(),
),
),
// Cash Flow Analysis
SliverToBoxAdapter(
child: ScaleTransition(
scale: _scaleAnimation,
child: FinanceCashFlow(),
),
),
// Profit Loss Detail
SliverToBoxAdapter(
child: FadeTransition(
opacity: _fadeAnimation,
child: FinanceProfitLoss(),
),
),
// Transaction Categories
SliverToBoxAdapter(
child: SlideTransition(
position: _slideAnimation,
child: FinanceCategory(),
),
),
// Monthly Comparison
SliverToBoxAdapter(
child: ScaleTransition(
scale: _scaleAnimation,
child: _buildMonthlyComparison(),
),
),
// Bottom spacing
const SliverToBoxAdapter(child: SizedBox(height: 100)),
],
),
);
}
Widget _buildPeriodSelector() {
return Container(
padding: const EdgeInsets.all(16),
child: Row(
children: [
Expanded(
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 16),
decoration: BoxDecoration(
color: AppColor.white,
borderRadius: BorderRadius.circular(12),
border: Border.all(color: AppColor.border),
),
child: DropdownButtonHideUnderline(
child: DropdownButton<String>(
value: selectedPeriod,
isExpanded: true,
icon: const Icon(
LineIcons.angleDown,
color: AppColor.primary,
),
style: AppStyle.md,
items: periods.map((String period) {
return DropdownMenuItem<String>(
value: period,
child: Text(period),
);
}).toList(),
onChanged: (String? newValue) {
setState(() {
selectedPeriod = newValue!;
});
},
),
),
),
),
const SizedBox(width: 12),
Container(
decoration: BoxDecoration(
color: AppColor.primary,
borderRadius: BorderRadius.circular(12),
),
child: IconButton(
onPressed: () {},
icon: const Icon(LineIcons.calendar, color: AppColor.white),
),
),
],
),
);
}
Widget _buildSummaryCards() {
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 16),
child: Column(
children: [
Row(
children: [
Expanded(
child: FinanceSummaryCard(
title: 'Total Pendapatan',
amount: 'Rp 25.840.000',
icon: LineIcons.arrowUp,
color: AppColor.success,
change: '+12.5%',
isPositive: true,
),
),
const SizedBox(width: 12),
Expanded(
child: FinanceSummaryCard(
title: 'Total Pengeluaran',
amount: 'Rp 18.320.000',
icon: LineIcons.arrowDown,
color: AppColor.error,
change: '+8.2%',
isPositive: false,
),
),
],
),
const SizedBox(height: 12),
Row(
children: [
Expanded(
child: FinanceSummaryCard(
title: 'Keuntungan Bersih',
amount: 'Rp 7.520.000',
icon: LineIcons.lineChart,
color: AppColor.info,
change: '+15.3%',
isPositive: true,
),
),
const SizedBox(width: 12),
Expanded(
child: FinanceSummaryCard(
title: 'Margin Profit',
amount: '29.1%',
icon: LineIcons.percent,
color: AppColor.warning,
change: '+2.1%',
isPositive: true,
),
),
],
),
],
),
);
}
Widget _buildMonthlyComparison() {
return Container(
margin: const EdgeInsets.all(16),
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: AppColor.white,
borderRadius: BorderRadius.circular(16),
boxShadow: [
BoxShadow(
color: AppColor.textLight.withOpacity(0.1),
spreadRadius: 1,
blurRadius: 8,
offset: const Offset(0, 2),
),
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Container(
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
color: AppColor.warning.withOpacity(0.1),
borderRadius: BorderRadius.circular(8),
),
child: const Icon(
LineIcons.calendarCheck,
color: AppColor.warning,
size: 20,
),
),
const SizedBox(width: 12),
Text(
'Perbandingan Bulanan',
style: AppStyle.lg.copyWith(fontWeight: FontWeight.bold),
),
],
),
const SizedBox(height: 20),
Row(
children: [
Expanded(
child: _buildComparisonCard(
'Bulan Ini',
'Rp 7.52M',
'+15.3%',
true,
AppColor.primary,
),
),
const SizedBox(width: 12),
Expanded(
child: _buildComparisonCard(
'Bulan Lalu',
'Rp 6.53M',
'-2.1%',
false,
AppColor.textSecondary,
),
),
],
),
const SizedBox(height: 16),
Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: AppColor.success.withOpacity(0.05),
borderRadius: BorderRadius.circular(12),
border: Border.all(color: AppColor.success.withOpacity(0.2)),
),
child: Row(
children: [
const Icon(
LineIcons.thumbsUp,
color: AppColor.success,
size: 20,
),
const SizedBox(width: 12),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Performa Bagus!',
style: AppStyle.md.copyWith(
fontWeight: FontWeight.bold,
color: AppColor.success,
),
),
Text(
'Keuntungan meningkat 15.3% dari bulan lalu',
style: AppStyle.sm.copyWith(
color: AppColor.textSecondary,
),
),
],
),
),
],
),
),
],
),
);
}
Widget _buildComparisonCard(
String period,
String amount,
String change,
bool isPositive,
Color color,
) {
return Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: color.withOpacity(0.05),
borderRadius: BorderRadius.circular(12),
border: Border.all(color: color.withOpacity(0.2)),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
period,
style: AppStyle.sm.copyWith(color: AppColor.textSecondary),
),
const SizedBox(height: 8),
Text(
amount,
style: AppStyle.lg.copyWith(
fontWeight: FontWeight.bold,
color: color,
),
),
const SizedBox(height: 4),
Row(
children: [
Icon(
isPositive ? LineIcons.arrowUp : LineIcons.arrowDown,
size: 14,
color: isPositive ? AppColor.success : AppColor.error,
),
const SizedBox(width: 4),
Text(
change,
style: AppStyle.xs.copyWith(
color: isPositive ? AppColor.success : AppColor.error,
fontWeight: FontWeight.w600,
),
),
],
),
],
),
);
}
}

201
lib/presentation/pages/finance/widgets/appbar.dart
View File

@ -1,201 +0,0 @@
import 'package:flutter/material.dart';
import '../../../../common/theme/theme.dart';
class FinanceAppbar extends StatelessWidget {
const FinanceAppbar({
super.key,
required this.rotationAnimation,
required this.floatingAnimation,
});
final Animation<double> rotationAnimation;
final Animation<double> floatingAnimation;
@override
Widget build(BuildContext context) {
return FlexibleSpaceBar(
titlePadding: const EdgeInsets.only(left: 50, bottom: 16),
title: Text(
'Keuangan',
style: AppStyle.xl.copyWith(
color: AppColor.textWhite,
fontSize: 18,
fontWeight: FontWeight.w600,
),
),
background: Container(
decoration: const BoxDecoration(
gradient: LinearGradient(
colors: AppColor.primaryGradient,
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
),
),
child: Stack(
children: [
// Animated geometric shapes
Positioned(
right: -20,
top: -20,
child: AnimatedBuilder(
animation: Listenable.merge([
rotationAnimation,
floatingAnimation,
]),
builder: (context, child) {
return Transform.translate(
offset: Offset(
floatingAnimation.value * 10,
floatingAnimation.value * 15,
),
child: Transform.rotate(
angle: rotationAnimation.value * 2 * 3.14159,
child: Container(
width: 120,
height: 120,
decoration: BoxDecoration(
shape: BoxShape.circle,
gradient: RadialGradient(
colors: [
AppColor.white.withOpacity(0.15),
AppColor.white.withOpacity(0.05),
],
),
boxShadow: [
BoxShadow(
color: AppColor.white.withOpacity(0.1),
blurRadius: 20,
spreadRadius: 5,
),
],
),
),
),
);
},
),
),
Positioned(
left: -30,
bottom: -30,
child: AnimatedBuilder(
animation: Listenable.merge([
rotationAnimation,
floatingAnimation,
]),
builder: (context, child) {
return Transform.translate(
offset: Offset(
-floatingAnimation.value * 8,
-floatingAnimation.value * 12,
),
child: Transform.rotate(
angle: -rotationAnimation.value * 0.5 * 3.14159,
child: Container(
width: 100,
height: 100,
decoration: BoxDecoration(
shape: BoxShape.circle,
gradient: RadialGradient(
colors: [
AppColor.white.withOpacity(0.1),
AppColor.white.withOpacity(0.02),
],
),
),
),
),
);
},
),
),
Positioned(
right: 80,
bottom: 30,
child: AnimatedBuilder(
animation: Listenable.merge([
rotationAnimation,
floatingAnimation,
]),
builder: (context, child) {
return Transform.translate(
offset: Offset(
floatingAnimation.value * 5,
-floatingAnimation.value * 8,
),
child: Transform.rotate(
angle: -rotationAnimation.value * 0.3 * 3.14159,
child: Container(
width: 50,
height: 50,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12),
gradient: LinearGradient(
colors: [
AppColor.white.withOpacity(0.12),
AppColor.white.withOpacity(0.04),
],
begin: Alignment.topLeft,
end: Alignment.bottomRight,
),
),
),
),
);
},
),
),
// Additional floating elements
Positioned(
left: 60,
top: 80,
child: AnimatedBuilder(
animation: floatingAnimation,
builder: (context, child) {
return Transform.translate(
offset: Offset(
floatingAnimation.value * 3,
floatingAnimation.value * 6,
),
child: Container(
width: 30,
height: 30,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: AppColor.white.withOpacity(0.08),
),
),
);
},
),
),
Positioned(
right: 40,
top: 120,
child: AnimatedBuilder(
animation: floatingAnimation,
builder: (context, child) {
return Transform.translate(
offset: Offset(
-floatingAnimation.value * 4,
floatingAnimation.value * 7,
),
child: Container(
width: 20,
height: 20,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(6),
color: AppColor.white.withOpacity(0.06),
),
),
);
},
),
),
],
),
),
);
}
}

397
lib/presentation/pages/finance/widgets/cash_flow.dart
View File

@ -1,397 +0,0 @@
import 'package:fl_chart/fl_chart.dart';
import 'package:flutter/material.dart';
import 'package:line_icons/line_icons.dart';
import '../../../../common/theme/theme.dart';
class FinanceCashFlow extends StatelessWidget {
const FinanceCashFlow({super.key});
@override
Widget build(BuildContext context) {
return Container(
margin: const EdgeInsets.all(16),
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: AppColor.white,
borderRadius: BorderRadius.circular(16),
boxShadow: [
BoxShadow(
color: AppColor.textLight.withOpacity(0.1),
spreadRadius: 1,
blurRadius: 8,
offset: const Offset(0, 2),
),
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Row(
children: [
Container(
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
gradient: LinearGradient(
colors: AppColor.primaryGradient,
),
borderRadius: BorderRadius.circular(8),
),
child: const Icon(
LineIcons.areaChart,
color: AppColor.white,
size: 20,
),
),
const SizedBox(width: 12),
Text(
'Analisis Cash Flow',
style: AppStyle.lg.copyWith(fontWeight: FontWeight.bold),
),
],
),
IconButton(
onPressed: () {},
icon: const Icon(
LineIcons.alternateExternalLink,
color: AppColor.primary,
),
),
],
),
const SizedBox(height: 20),
// Cash Flow Indicators
Row(
children: [
Expanded(
child: _buildCashFlowIndicator(
'Cash In',
'Rp 28.5M',
LineIcons.arrowUp,
AppColor.success,
),
),
const SizedBox(width: 16),
Expanded(
child: _buildCashFlowIndicator(
'Cash Out',
'Rp 21.2M',
LineIcons.arrowDown,
AppColor.error,
),
),
const SizedBox(width: 16),
Expanded(
child: _buildCashFlowIndicator(
'Net Flow',
'Rp 7.3M',
LineIcons.equals,
AppColor.info,
),
),
],
),
const SizedBox(height: 20),
// FL Chart Implementation
Container(
height: 200,
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: AppColor.background,
borderRadius: BorderRadius.circular(12),
border: Border.all(color: AppColor.borderLight),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Grafik Cash Flow 7 Hari Terakhir',
style: AppStyle.sm.copyWith(
color: AppColor.textSecondary,
fontWeight: FontWeight.w600,
),
),
const SizedBox(height: 16),
Expanded(
child: LineChart(
LineChartData(
gridData: FlGridData(
show: true,
drawVerticalLine: false,
horizontalInterval: 5000000, // 5M interval
getDrawingHorizontalLine: (value) {
return FlLine(
color: AppColor.borderLight,
strokeWidth: 1,
);
},
),
titlesData: FlTitlesData(
show: true,
rightTitles: AxisTitles(
sideTitles: SideTitles(showTitles: false),
),
topTitles: AxisTitles(
sideTitles: SideTitles(showTitles: false),
),
bottomTitles: AxisTitles(
sideTitles: SideTitles(
showTitles: true,
reservedSize: 30,
interval: 1,
getTitlesWidget: (double value, TitleMeta meta) {
const style = TextStyle(
color: AppColor.textSecondary,
fontWeight: FontWeight.w500,
fontSize: 10,
);
Widget text;
switch (value.toInt()) {
case 0:
text = const Text('Sen', style: style);
break;
case 1:
text = const Text('Sel', style: style);
break;
case 2:
text = const Text('Rab', style: style);
break;
case 3:
text = const Text('Kam', style: style);
break;
case 4:
text = const Text('Jum', style: style);
break;
case 5:
text = const Text('Sab', style: style);
break;
case 6:
text = const Text('Min', style: style);
break;
default:
text = const Text('', style: style);
break;
}
return SideTitleWidget(meta: meta, child: text);
},
),
),
leftTitles: AxisTitles(
sideTitles: SideTitles(
showTitles: true,
interval: 10000000, // 10M interval
reservedSize: 42,
getTitlesWidget: (double value, TitleMeta meta) {
return Text(
'${(value / 1000000).toInt()}M',
style: const TextStyle(
color: AppColor.textSecondary,
fontWeight: FontWeight.w500,
fontSize: 10,
),
textAlign: TextAlign.left,
);
},
),
),
),
borderData: FlBorderData(
show: true,
border: Border.all(color: AppColor.borderLight),
),
minX: 0,
maxX: 6,
minY: -5000000,
maxY: 30000000,
lineBarsData: [
// Cash In Line
LineChartBarData(
spots: const [
FlSpot(0, 25000000), // Monday
FlSpot(1, 22000000), // Tuesday
FlSpot(2, 28000000), // Wednesday
FlSpot(3, 24000000), // Thursday
FlSpot(4, 30000000), // Friday
FlSpot(5, 18000000), // Saturday
FlSpot(6, 26000000), // Sunday
],
isCurved: true,
gradient: LinearGradient(
colors: [
AppColor.success.withOpacity(0.8),
AppColor.success,
],
),
barWidth: 3,
isStrokeCapRound: true,
dotData: FlDotData(
show: true,
getDotPainter: (spot, percent, barData, index) {
return FlDotCirclePainter(
radius: 4,
color: AppColor.success,
strokeWidth: 2,
strokeColor: AppColor.white,
);
},
),
belowBarData: BarAreaData(
show: true,
gradient: LinearGradient(
colors: [
AppColor.success.withOpacity(0.1),
AppColor.success.withOpacity(0.0),
],
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
),
),
),
// Cash Out Line
LineChartBarData(
spots: const [
FlSpot(0, 20000000), // Monday
FlSpot(1, 18000000), // Tuesday
FlSpot(2, 23000000), // Wednesday
FlSpot(3, 19000000), // Thursday
FlSpot(4, 25000000), // Friday
FlSpot(5, 15000000), // Saturday
FlSpot(6, 21000000), // Sunday
],
isCurved: true,
gradient: LinearGradient(
colors: [
AppColor.error.withOpacity(0.8),
AppColor.error,
],
),
barWidth: 3,
isStrokeCapRound: true,
dotData: FlDotData(
show: true,
getDotPainter: (spot, percent, barData, index) {
return FlDotCirclePainter(
radius: 4,
color: AppColor.error,
strokeWidth: 2,
strokeColor: AppColor.white,
);
},
),
),
// Net Flow Line
LineChartBarData(
spots: const [
FlSpot(0, 5000000), // Monday
FlSpot(1, 4000000), // Tuesday
FlSpot(2, 5000000), // Wednesday
FlSpot(3, 5000000), // Thursday
FlSpot(4, 5000000), // Friday
FlSpot(5, 3000000), // Saturday
FlSpot(6, 5000000), // Sunday
],
isCurved: true,
gradient: LinearGradient(
colors: [
AppColor.info.withOpacity(0.8),
AppColor.info,
],
),
barWidth: 3,
isStrokeCapRound: true,
dotData: FlDotData(
show: true,
getDotPainter: (spot, percent, barData, index) {
return FlDotCirclePainter(
radius: 4,
color: AppColor.info,
strokeWidth: 2,
strokeColor: AppColor.white,
);
},
),
),
],
),
),
),
const SizedBox(height: 12),
// Legend
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
_buildChartLegend('Cash In', AppColor.success),
const SizedBox(width: 20),
_buildChartLegend('Cash Out', AppColor.error),
const SizedBox(width: 20),
_buildChartLegend('Net Flow', AppColor.info),
],
),
],
),
),
],
),
);
}
Widget _buildChartLegend(String label, Color color) {
return Row(
mainAxisSize: MainAxisSize.min,
children: [
Container(
width: 12,
height: 12,
decoration: BoxDecoration(color: color, shape: BoxShape.circle),
),
const SizedBox(width: 6),
Text(
label,
style: AppStyle.xs.copyWith(
color: AppColor.textSecondary,
fontWeight: FontWeight.w500,
),
),
],
);
}
Widget _buildCashFlowIndicator(
String label,
String amount,
IconData icon,
Color color,
) {
return Container(
padding: const EdgeInsets.all(12),
decoration: BoxDecoration(
color: color.withOpacity(0.05),
borderRadius: BorderRadius.circular(12),
border: Border.all(color: color.withOpacity(0.2)),
),
child: Column(
children: [
Icon(icon, color: color, size: 20),
const SizedBox(height: 8),
Text(
label,
style: AppStyle.xs.copyWith(color: AppColor.textSecondary),
),
const SizedBox(height: 4),
Text(
amount,
style: AppStyle.md.copyWith(
fontWeight: FontWeight.bold,
color: color,
),
),
],
),
);
}
}

146
lib/presentation/pages/finance/widgets/category.dart
View File

@ -1,146 +0,0 @@
import 'package:flutter/material.dart';
import 'package:line_icons/line_icons.dart';
import '../../../../common/theme/theme.dart';
class FinanceCategory extends StatelessWidget {
const FinanceCategory({super.key});
@override
Widget build(BuildContext context) {
final categories = [
{
'name': 'Makanan & Minuman',
'amount': 'Rp 18.5M',
'percentage': 72,
'color': AppColor.primary,
},
{
'name': 'Produk Retail',
'amount': 'Rp 4.2M',
'percentage': 16,
'color': AppColor.secondary,
},
{
'name': 'Jasa & Lainnya',
'amount': 'Rp 3.1M',
'percentage': 12,
'color': AppColor.info,
},
];
return Container(
margin: const EdgeInsets.all(16),
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: AppColor.white,
borderRadius: BorderRadius.circular(16),
boxShadow: [
BoxShadow(
color: AppColor.textLight.withOpacity(0.1),
spreadRadius: 1,
blurRadius: 8,
offset: const Offset(0, 2),
),
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Container(
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
color: AppColor.secondary.withOpacity(0.1),
borderRadius: BorderRadius.circular(8),
),
child: const Icon(
LineIcons.pieChart,
color: AppColor.secondary,
size: 20,
),
),
const SizedBox(width: 12),
Text(
'Kategori Penjualan',
style: AppStyle.lg.copyWith(fontWeight: FontWeight.bold),
),
],
),
const SizedBox(height: 20),
...categories
.map(
(category) => _buildCategoryItem(
category['name'] as String,
category['amount'] as String,
category['percentage'] as int,
category['color'] as Color,
),
)
.toList(),
],
),
);
}
Widget _buildCategoryItem(
String name,
String amount,
int percentage,
Color color,
) {
return Container(
margin: const EdgeInsets.only(bottom: 16),
child: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Row(
children: [
Container(
width: 12,
height: 12,
decoration: BoxDecoration(
color: color,
borderRadius: BorderRadius.circular(6),
),
),
const SizedBox(width: 12),
Text(
name,
style: AppStyle.md.copyWith(fontWeight: FontWeight.w600),
),
],
),
Text(
amount,
style: AppStyle.md.copyWith(
fontWeight: FontWeight.bold,
color: color,
),
),
],
),
const SizedBox(height: 8),
LinearProgressIndicator(
value: percentage / 100,
backgroundColor: AppColor.borderLight,
valueColor: AlwaysStoppedAnimation<Color>(color),
minHeight: 6,
),
const SizedBox(height: 4),
Align(
alignment: Alignment.centerRight,
child: Text(
'$percentage%',
style: AppStyle.xs.copyWith(color: AppColor.textSecondary),
),
),
],
),
);
}
}

158
lib/presentation/pages/finance/widgets/profit_loss.dart
View File

@ -1,158 +0,0 @@
import 'package:flutter/material.dart';
import 'package:line_icons/line_icons.dart';
import '../../../../common/theme/theme.dart';
class FinanceProfitLoss extends StatelessWidget {
const FinanceProfitLoss({super.key});
@override
Widget build(BuildContext context) {
return Container(
margin: const EdgeInsets.all(16),
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: AppColor.white,
borderRadius: BorderRadius.circular(16),
boxShadow: [
BoxShadow(
color: AppColor.textLight.withOpacity(0.1),
spreadRadius: 1,
blurRadius: 8,
offset: const Offset(0, 2),
),
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Container(
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
color: AppColor.info.withOpacity(0.1),
borderRadius: BorderRadius.circular(8),
),
child: const Icon(
LineIcons.calculator,
color: AppColor.info,
size: 20,
),
),
const SizedBox(width: 12),
Text(
'Detail Profit & Loss',
style: AppStyle.lg.copyWith(fontWeight: FontWeight.bold),
),
],
),
const SizedBox(height: 20),
_buildPLItem(
'Penjualan Kotor',
'Rp 25.840.000',
AppColor.success,
true,
),
_buildPLItem('Diskon & Retur', '- Rp 560.000', AppColor.error, false),
const Divider(height: 24),
_buildPLItem(
'Penjualan Bersih',
'Rp 25.280.000',
AppColor.textPrimary,
true,
isHeader: true,
),
const SizedBox(height: 12),
_buildPLItem(
'HPP (Harga Pokok Penjualan)',
'- Rp 15.120.000',
AppColor.error,
false,
),
const Divider(height: 24),
_buildPLItem(
'Laba Kotor',
'Rp 10.160.000',
AppColor.success,
true,
isHeader: true,
),
const SizedBox(height: 12),
_buildPLItem(
'Biaya Operasional',
'- Rp 2.640.000',
AppColor.error,
false,
),
const Divider(height: 24),
_buildPLItem(
'Laba Bersih',
'Rp 7.520.000',
AppColor.primary,
true,
isHeader: true,
showPercentage: true,
percentage: '29.8%',
),
],
),
);
}
Widget _buildPLItem(
String title,
String amount,
Color color,
bool isPositive, {
bool isHeader = false,
bool showPercentage = false,
String? percentage,
}) {
return Padding(
padding: const EdgeInsets.symmetric(vertical: 4),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Expanded(
child: Text(
title,
style: isHeader
? AppStyle.md.copyWith(
fontWeight: FontWeight.bold,
color: color,
)
: AppStyle.md.copyWith(color: AppColor.textSecondary),
),
),
Column(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
Text(
amount,
style: isHeader
? AppStyle.lg.copyWith(
fontWeight: FontWeight.bold,
color: color,
)
: AppStyle.md.copyWith(
color: color,
fontWeight: FontWeight.w600,
),
),
if (showPercentage && percentage != null)
Text(
percentage,
style: AppStyle.xs.copyWith(
color: AppColor.textSecondary,
fontStyle: FontStyle.italic,
),
),
],
),
],
),
);
}
}

88
lib/presentation/pages/finance/widgets/summary_card.dart
View File

@ -1,88 +0,0 @@
import 'package:flutter/material.dart';
import '../../../../common/theme/theme.dart';
class FinanceSummaryCard extends StatelessWidget {
const FinanceSummaryCard({
super.key,
required this.title,
required this.amount,
required this.icon,
required this.color,
required this.change,
required this.isPositive,
});
final String title;
final String amount;
final IconData icon;
final Color color;
final String change;
final bool isPositive;
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: AppColor.white,
borderRadius: BorderRadius.circular(16),
boxShadow: [
BoxShadow(
color: AppColor.textLight.withOpacity(0.1),
spreadRadius: 1,
blurRadius: 8,
offset: const Offset(0, 2),
),
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Container(
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
color: color.withOpacity(0.1),
borderRadius: BorderRadius.circular(8),
),
child: Icon(icon, color: color, size: 20),
),
Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
decoration: BoxDecoration(
color: isPositive
? AppColor.success.withOpacity(0.1)
: AppColor.error.withOpacity(0.1),
borderRadius: BorderRadius.circular(12),
),
child: Text(
change,
style: AppStyle.xs.copyWith(
color: isPositive ? AppColor.success : AppColor.error,
fontWeight: FontWeight.w600,
),
),
),
],
),
const SizedBox(height: 12),
Text(
title,
style: AppStyle.sm.copyWith(color: AppColor.textSecondary),
),
const SizedBox(height: 4),
Text(
amount,
style: AppStyle.lg.copyWith(
fontWeight: FontWeight.bold,
color: AppColor.textPrimary,
),
),
],
),
);
}
}

6
lib/presentation/pages/home/widgets/feature.dart
View File

@ -45,13 +45,13 @@ class HomeFeature extends StatelessWidget {
title: 'Pembelian', title: 'Pembelian',
color: const Color(0xFF2196F3), color: const Color(0xFF2196F3),
icon: LineIcons.shoppingCart, icon: LineIcons.shoppingCart,
onTap: () => context.router.push(PurchaseRoute()), onTap: () {},
), ),
HomeFeatureTile( HomeFeatureTile(
title: 'Keuangan', title: 'Biaya',
color: const Color(0xFF8BC34A), color: const Color(0xFF8BC34A),
icon: LineIcons.moneyCheck, icon: LineIcons.moneyCheck,
onTap: () => context.router.push(FinanceRoute()), onTap: () {},
), ),
HomeFeatureTile( HomeFeatureTile(
title: 'Produk', title: 'Produk',

255
lib/presentation/pages/purchase/purchase_page.dart
View File

@ -1,255 +0,0 @@
import 'package:auto_route/auto_route.dart';
import 'package:flutter/material.dart';
import 'package:line_icons/line_icons.dart';
import '../../../common/theme/theme.dart';
import 'widgets/appbar.dart';
import 'widgets/purchase_tile.dart';
import 'widgets/stat_card.dart';
import 'widgets/status_chip.dart';
@RoutePage()
class PurchasePage extends StatefulWidget {
const PurchasePage({super.key});
@override
State<PurchasePage> createState() => _PurchasePageState();
}
class _PurchasePageState extends State<PurchasePage>
with TickerProviderStateMixin {
late AnimationController rotationAnimation;
late AnimationController cardAnimation;
late AnimationController floatingAnimation;
String selectedFilter = 'Semua';
final List<String> filterOptions = [
'Semua',
'Pending',
'Completed',
'Cancelled',
];
final List<Map<String, dynamic>> purchaseData = [
{
'id': 'PO-001',
'supplier': 'PT. Sumber Rezeki',
'date': '15 Aug 2025',
'total': 2500000,
'status': 'Completed',
'items': 15,
},
{
'id': 'PO-002',
'supplier': 'CV. Maju Jaya',
'date': '14 Aug 2025',
'total': 1750000,
'status': 'Pending',
'items': 8,
},
{
'id': 'PO-003',
'supplier': 'PT. Global Supply',
'date': '13 Aug 2025',
'total': 3200000,
'status': 'Completed',
'items': 22,
},
{
'id': 'PO-004',
'supplier': 'UD. Berkah Mandiri',
'date': '12 Aug 2025',
'total': 890000,
'status': 'Cancelled',
'items': 5,
},
];
@override
void initState() {
super.initState();
rotationAnimation = AnimationController(
duration: const Duration(seconds: 20),
vsync: this,
)..repeat();
cardAnimation = AnimationController(
duration: const Duration(milliseconds: 1200),
vsync: this,
);
floatingAnimation = AnimationController(
duration: const Duration(seconds: 3),
vsync: this,
)..repeat(reverse: true);
cardAnimation.forward();
}
@override
void dispose() {
rotationAnimation.dispose();
cardAnimation.dispose();
floatingAnimation.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: AppColor.background,
body: CustomScrollView(
slivers: [
SliverAppBar(
expandedHeight: 120.0,
floating: false,
pinned: true,
elevation: 0,
backgroundColor: AppColor.primary,
flexibleSpace: PurchaseAppbar(
rotationAnimation: rotationAnimation,
floatingAnimation: floatingAnimation,
),
),
// Stats Cards
SliverToBoxAdapter(
child: Container(
color: AppColor.background,
padding: const EdgeInsets.all(16.0),
child: Row(
children: [
Expanded(
child: PurchaseStatCard(
title: 'Total Pembelian',
value: 'Rp 8.340.000',
icon: LineIcons.shoppingCart,
iconColor: AppColor.success,
cardAnimation: cardAnimation,
),
),
const SizedBox(width: 12),
Expanded(
child: PurchaseStatCard(
title: 'Pending Order',
value: '3 Orders',
icon: LineIcons.clock,
iconColor: AppColor.warning,
cardAnimation: cardAnimation,
),
),
],
),
),
),
// Filter Section
SliverToBoxAdapter(
child: Container(
color: AppColor.surface,
padding: const EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'Riwayat Pembelian',
style: AppStyle.lg.copyWith(
fontWeight: FontWeight.w600,
),
),
Container(
padding: const EdgeInsets.symmetric(
horizontal: 12,
vertical: 6,
),
decoration: BoxDecoration(
color: AppColor.primary,
borderRadius: BorderRadius.circular(20),
),
child: Text(
'${purchaseData.length} Orders',
style: AppStyle.sm.copyWith(
color: AppColor.textWhite,
),
),
),
],
),
const SizedBox(height: 12),
SizedBox(
height: 40,
child: ListView.builder(
scrollDirection: Axis.horizontal,
itemCount: filterOptions.length,
itemBuilder: (context, index) {
final isSelected =
selectedFilter == filterOptions[index];
return PurchaseStatusChip(
isSelected: isSelected,
text: filterOptions[index],
onSelected: (selected) {
setState(() {
selectedFilter = filterOptions[index];
});
},
);
},
),
),
],
),
),
),
// Purchase List
SliverPadding(
padding: const EdgeInsets.all(16),
sliver: SliverList(
delegate: SliverChildBuilderDelegate((context, index) {
final purchase = purchaseData[index];
return AnimatedBuilder(
animation: cardAnimation,
builder: (context, child) {
final delay = index * 0.1;
final animValue = (cardAnimation.value - delay).clamp(
0.0,
1.0,
);
return Transform.translate(
offset: Offset(0, 30 * (1 - animValue)),
child: Opacity(
opacity: animValue,
child: PurchaseTile(purchase: purchase, index: index),
),
);
},
);
}, childCount: purchaseData.length),
),
),
// Bottom spacing for FAB
const SliverToBoxAdapter(child: SizedBox(height: 80)),
],
),
floatingActionButton: FloatingActionButton.extended(
onPressed: () {
// Navigate to create new purchase
},
backgroundColor: AppColor.secondary,
icon: const Icon(LineIcons.plus, color: AppColor.textWhite),
label: Text(
'Buat Pembelian',
style: AppStyle.md.copyWith(
color: AppColor.textWhite,
fontWeight: FontWeight.w600,
),
),
),
);
}
}

201
lib/presentation/pages/purchase/widgets/appbar.dart
View File

@ -1,201 +0,0 @@
import 'package:flutter/material.dart';
import '../../../../common/theme/theme.dart';
class PurchaseAppbar extends StatelessWidget {
const PurchaseAppbar({
super.key,
required this.rotationAnimation,
required this.floatingAnimation,
});
final AnimationController rotationAnimation;
final AnimationController floatingAnimation;
@override
Widget build(BuildContext context) {
return FlexibleSpaceBar(
titlePadding: const EdgeInsets.only(left: 50, bottom: 16),
title: Text(
'Pembelian',
style: AppStyle.xl.copyWith(
color: AppColor.textWhite,
fontSize: 18,
fontWeight: FontWeight.w600,
),
),
background: Container(
decoration: const BoxDecoration(
gradient: LinearGradient(
colors: AppColor.primaryGradient,
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
),
),
child: Stack(
children: [
// Animated geometric shapes with enhanced effects
Positioned(
right: -20,
top: -20,
child: AnimatedBuilder(
animation: Listenable.merge([
rotationAnimation,
floatingAnimation,
]),
builder: (context, child) {
return Transform.translate(
offset: Offset(
floatingAnimation.value * 10,
floatingAnimation.value * 15,
),
child: Transform.rotate(
angle: rotationAnimation.value * 2 * 3.14159,
child: Container(
width: 120,
height: 120,
decoration: BoxDecoration(
shape: BoxShape.circle,
gradient: RadialGradient(
colors: [
AppColor.white.withOpacity(0.15),
AppColor.white.withOpacity(0.05),
],
),
boxShadow: [
BoxShadow(
color: AppColor.white.withOpacity(0.1),
blurRadius: 20,
spreadRadius: 5,
),
],
),
),
),
);
},
),
),
Positioned(
left: -30,
bottom: -30,
child: AnimatedBuilder(
animation: Listenable.merge([
rotationAnimation,
floatingAnimation,
]),
builder: (context, child) {
return Transform.translate(
offset: Offset(
-floatingAnimation.value * 8,
-floatingAnimation.value * 12,
),
child: Transform.rotate(
angle: -rotationAnimation.value * 0.5 * 3.14159,
child: Container(
width: 100,
height: 100,
decoration: BoxDecoration(
shape: BoxShape.circle,
gradient: RadialGradient(
colors: [
AppColor.white.withOpacity(0.1),
AppColor.white.withOpacity(0.02),
],
),
),
),
),
);
},
),
),
Positioned(
right: 80,
bottom: 30,
child: AnimatedBuilder(
animation: Listenable.merge([
rotationAnimation,
floatingAnimation,
]),
builder: (context, child) {
return Transform.translate(
offset: Offset(
floatingAnimation.value * 5,
-floatingAnimation.value * 8,
),
child: Transform.rotate(
angle: -rotationAnimation.value * 0.3 * 3.14159,
child: Container(
width: 50,
height: 50,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12),
gradient: LinearGradient(
colors: [
AppColor.white.withOpacity(0.12),
AppColor.white.withOpacity(0.04),
],
begin: Alignment.topLeft,
end: Alignment.bottomRight,
),
),
),
),
);
},
),
),
// Additional floating elements
Positioned(
left: 60,
top: 80,
child: AnimatedBuilder(
animation: floatingAnimation,
builder: (context, child) {
return Transform.translate(
offset: Offset(
floatingAnimation.value * 3,
floatingAnimation.value * 6,
),
child: Container(
width: 30,
height: 30,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: AppColor.white.withOpacity(0.08),
),
),
);
},
),
),
Positioned(
right: 40,
top: 120,
child: AnimatedBuilder(
animation: floatingAnimation,
builder: (context, child) {
return Transform.translate(
offset: Offset(
-floatingAnimation.value * 4,
floatingAnimation.value * 7,
),
child: Container(
width: 20,
height: 20,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(6),
color: AppColor.white.withOpacity(0.06),
),
),
);
},
),
),
],
),
),
);
}
}

313
lib/presentation/pages/purchase/widgets/purchase_tile.dart
View File

@ -1,313 +0,0 @@
import 'package:flutter/material.dart';
import 'package:line_icons/line_icons.dart';
import '../../../../common/theme/theme.dart';
class PurchaseTile extends StatelessWidget {
final Map<String, dynamic> purchase;
final int index;
const PurchaseTile({super.key, required this.purchase, required this.index});
@override
Widget build(BuildContext context) {
Color statusColor;
switch (purchase['status']) {
case 'Completed':
statusColor = AppColor.success;
break;
case 'Pending':
statusColor = AppColor.warning;
break;
case 'Cancelled':
statusColor = AppColor.error;
break;
default:
statusColor = AppColor.textSecondary;
}
return AnimatedContainer(
duration: Duration(milliseconds: 300 + (index * 50)),
curve: Curves.easeOutCubic,
margin: const EdgeInsets.only(bottom: 16),
child: Material(
elevation: 0,
borderRadius: BorderRadius.circular(20),
child: Container(
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [AppColor.surface, AppColor.surface.withOpacity(0.95)],
begin: Alignment.topLeft,
end: Alignment.bottomRight,
),
borderRadius: BorderRadius.circular(20),
border: Border.all(
color: AppColor.border.withOpacity(0.2),
width: 1,
),
boxShadow: [
BoxShadow(
color: AppColor.primary.withOpacity(0.08),
blurRadius: 25,
offset: const Offset(0, 10),
spreadRadius: 0,
),
BoxShadow(
color: AppColor.black.withOpacity(0.04),
blurRadius: 10,
offset: const Offset(0, 4),
),
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Container(
padding: const EdgeInsets.symmetric(
horizontal: 12,
vertical: 6,
),
decoration: BoxDecoration(
gradient: LinearGradient(
colors: AppColor.primaryGradient,
begin: Alignment.topLeft,
end: Alignment.bottomRight,
),
borderRadius: BorderRadius.circular(12),
boxShadow: [
BoxShadow(
color: AppColor.primary.withOpacity(0.3),
blurRadius: 8,
offset: const Offset(0, 2),
),
],
),
child: Text(
purchase['id'],
style: AppStyle.sm.copyWith(
fontWeight: FontWeight.w700,
color: AppColor.textWhite,
),
),
),
Container(
padding: const EdgeInsets.symmetric(
horizontal: 12,
vertical: 8,
),
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [
statusColor.withOpacity(0.15),
statusColor.withOpacity(0.05),
],
begin: Alignment.topLeft,
end: Alignment.bottomRight,
),
borderRadius: BorderRadius.circular(16),
border: Border.all(
color: statusColor.withOpacity(0.2),
width: 1,
),
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Container(
width: 8,
height: 8,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: statusColor,
),
),
const SizedBox(width: 6),
Text(
purchase['status'],
style: AppStyle.xs.copyWith(
color: statusColor,
fontWeight: FontWeight.w700,
),
),
],
),
),
],
),
const SizedBox(height: 16),
Container(
padding: const EdgeInsets.all(12),
decoration: BoxDecoration(
color: AppColor.background.withOpacity(0.5),
borderRadius: BorderRadius.circular(12),
border: Border.all(
color: AppColor.border.withOpacity(0.3),
width: 1,
),
),
child: Column(
children: [
Row(
children: [
Container(
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
color: AppColor.primary.withOpacity(0.1),
borderRadius: BorderRadius.circular(8),
),
child: Icon(
LineIcons.building,
color: AppColor.primary,
size: 16,
),
),
const SizedBox(width: 12),
Expanded(
child: Text(
purchase['supplier'],
style: AppStyle.md.copyWith(
color: AppColor.textPrimary,
fontWeight: FontWeight.w600,
),
),
),
],
),
const SizedBox(height: 12),
Row(
children: [
Container(
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
color: AppColor.info.withOpacity(0.1),
borderRadius: BorderRadius.circular(8),
),
child: Icon(
LineIcons.calendar,
color: AppColor.info,
size: 16,
),
),
const SizedBox(width: 12),
Text(
purchase['date'],
style: AppStyle.sm.copyWith(
color: AppColor.textSecondary,
fontWeight: FontWeight.w500,
),
),
const Spacer(),
Container(
padding: const EdgeInsets.symmetric(
horizontal: 8,
vertical: 4,
),
decoration: BoxDecoration(
color: AppColor.secondary.withOpacity(0.1),
borderRadius: BorderRadius.circular(8),
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(
LineIcons.shoppingBag,
color: AppColor.secondary,
size: 14,
),
const SizedBox(width: 4),
Text(
'${purchase['items']} items',
style: AppStyle.xs.copyWith(
color: AppColor.secondary,
fontWeight: FontWeight.w600,
),
),
],
),
),
],
),
],
),
),
const SizedBox(height: 16),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Total Pembelian',
style: AppStyle.xs.copyWith(
color: AppColor.textSecondary,
fontWeight: FontWeight.w500,
),
),
const SizedBox(height: 4),
Text(
'Rp ${purchase['total'].toString().replaceAllMapped(RegExp(r'(\d{1,3})(?=(\d{3})+(?!\d))'), (Match m) => '${m[1]}.')}',
style: AppStyle.lg.copyWith(
fontWeight: FontWeight.w800,
color: AppColor.primary,
),
),
],
),
Row(
children: [
_buildActionButton(LineIcons.eye, AppColor.info, () {}),
const SizedBox(width: 8),
_buildActionButton(
LineIcons.edit,
AppColor.warning,
() {},
),
const SizedBox(width: 8),
_buildActionButton(
LineIcons.trash,
AppColor.error,
() {},
),
],
),
],
),
],
),
),
),
);
}
Widget _buildActionButton(
IconData icon,
Color color,
VoidCallback onPressed,
) {
return Container(
width: 40,
height: 40,
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [color.withOpacity(0.15), color.withOpacity(0.05)],
begin: Alignment.topLeft,
end: Alignment.bottomRight,
),
borderRadius: BorderRadius.circular(12),
border: Border.all(color: color.withOpacity(0.2), width: 1),
),
child: Material(
color: Colors.transparent,
child: InkWell(
borderRadius: BorderRadius.circular(12),
onTap: onPressed,
child: Center(child: Icon(icon, color: color, size: 18)),
),
),
);
}
}

111
lib/presentation/pages/purchase/widgets/stat_card.dart
View File

@ -1,111 +0,0 @@
import 'package:flutter/material.dart';
import '../../../../common/theme/theme.dart';
class PurchaseStatCard extends StatelessWidget {
final String title;
final String value;
final IconData icon;
final Color iconColor;
final Animation<double> cardAnimation;
const PurchaseStatCard({
super.key,
required this.title,
required this.value,
required this.icon,
required this.iconColor,
required this.cardAnimation,
});
@override
Widget build(BuildContext context) {
return AnimatedBuilder(
animation: cardAnimation,
builder: (context, child) {
return Transform.scale(
scale: 0.8 + (cardAnimation.value * 0.2),
child: Opacity(
opacity: cardAnimation.value,
child: Container(
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [AppColor.surface, AppColor.surface.withOpacity(0.9)],
begin: Alignment.topLeft,
end: Alignment.bottomRight,
),
borderRadius: BorderRadius.circular(20),
boxShadow: [
BoxShadow(
color: AppColor.primary.withOpacity(0.1),
blurRadius: 20,
offset: const Offset(0, 8),
spreadRadius: 0,
),
BoxShadow(
color: AppColor.black.withOpacity(0.05),
blurRadius: 10,
offset: const Offset(0, 2),
),
],
border: Border.all(
color: AppColor.border.withOpacity(0.3),
width: 1,
),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Container(
padding: const EdgeInsets.all(12),
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [
iconColor.withOpacity(0.15),
iconColor.withOpacity(0.05),
],
begin: Alignment.topLeft,
end: Alignment.bottomRight,
),
borderRadius: BorderRadius.circular(12),
boxShadow: [
BoxShadow(
color: iconColor.withOpacity(0.2),
blurRadius: 8,
offset: const Offset(0, 2),
),
],
),
child: Icon(icon, color: iconColor, size: 24),
),
],
),
const SizedBox(height: 16),
Text(
title,
style: AppStyle.sm.copyWith(
color: AppColor.textSecondary,
fontWeight: FontWeight.w500,
),
),
const SizedBox(height: 6),
Text(
value,
style: AppStyle.lg.copyWith(
fontWeight: FontWeight.w800,
color: AppColor.textPrimary,
height: 1.2,
),
),
],
),
),
),
);
},
);
}
}

34
lib/presentation/pages/purchase/widgets/status_chip.dart
View File

@ -1,34 +0,0 @@
import 'package:flutter/material.dart';
import '../../../../common/theme/theme.dart';
class PurchaseStatusChip extends StatelessWidget {
final bool isSelected;
final String text;
final Function(bool) onSelected;
const PurchaseStatusChip({
super.key,
required this.isSelected,
required this.text,
required this.onSelected,
});
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.only(right: 8),
child: FilterChip(
selected: isSelected,
label: Text(
text,
style: AppStyle.sm.copyWith(
color: isSelected ? AppColor.textWhite : AppColor.textSecondary,
),
),
backgroundColor: AppColor.backgroundLight,
selectedColor: AppColor.primary,
onSelected: onSelected,
),
);
}
}

6
lib/presentation/router/app_router.dart
View File

@ -42,11 +42,5 @@ class AppRouter extends RootStackRouter {
// Sales // Sales
AutoRoute(page: SalesRoute.page), AutoRoute(page: SalesRoute.page),
// Purchase page
AutoRoute(page: PurchaseRoute.page),
// Finance page
AutoRoute(page: FinanceRoute.page),
]; ];
} }

194
lib/presentation/router/app_router.gr.dart
View File

@ -10,48 +10,44 @@
// ignore_for_file: no_leading_underscores_for_library_prefixes // ignore_for_file: no_leading_underscores_for_library_prefixes
import 'package:apskel_owner_flutter/presentation/pages/auth/login/login_page.dart' import 'package:apskel_owner_flutter/presentation/pages/auth/login/login_page.dart'
as _i7; as _i6;
import 'package:apskel_owner_flutter/presentation/pages/customer/customer_page.dart' import 'package:apskel_owner_flutter/presentation/pages/customer/customer_page.dart'
as _i1; as _i1;
import 'package:apskel_owner_flutter/presentation/pages/finance/finance_page.dart'
as _i3;
import 'package:apskel_owner_flutter/presentation/pages/form/daily_task_form_page.dart' import 'package:apskel_owner_flutter/presentation/pages/form/daily_task_form_page.dart'
as _i2; as _i2;
import 'package:apskel_owner_flutter/presentation/pages/home/home_page.dart' import 'package:apskel_owner_flutter/presentation/pages/home/home_page.dart'
as _i4; as _i3;
import 'package:apskel_owner_flutter/presentation/pages/inventory/inventory_page.dart' import 'package:apskel_owner_flutter/presentation/pages/inventory/inventory_page.dart'
as _i5; as _i4;
import 'package:apskel_owner_flutter/presentation/pages/language/language_page.dart' import 'package:apskel_owner_flutter/presentation/pages/language/language_page.dart'
as _i6; as _i5;
import 'package:apskel_owner_flutter/presentation/pages/main/main_page.dart' import 'package:apskel_owner_flutter/presentation/pages/main/main_page.dart'
as _i8; as _i7;
import 'package:apskel_owner_flutter/presentation/pages/product/product_page.dart' import 'package:apskel_owner_flutter/presentation/pages/product/product_page.dart'
as _i9; as _i8;
import 'package:apskel_owner_flutter/presentation/pages/profile/profile_page.dart' import 'package:apskel_owner_flutter/presentation/pages/profile/profile_page.dart'
as _i10; as _i9;
import 'package:apskel_owner_flutter/presentation/pages/purchase/purchase_page.dart'
as _i11;
import 'package:apskel_owner_flutter/presentation/pages/report/report_page.dart' import 'package:apskel_owner_flutter/presentation/pages/report/report_page.dart'
as _i12; as _i10;
import 'package:apskel_owner_flutter/presentation/pages/sales/sales_page.dart' import 'package:apskel_owner_flutter/presentation/pages/sales/sales_page.dart'
as _i13; as _i11;
import 'package:apskel_owner_flutter/presentation/pages/schedule/schedule_page.dart' import 'package:apskel_owner_flutter/presentation/pages/schedule/schedule_page.dart'
as _i14; as _i12;
import 'package:apskel_owner_flutter/presentation/pages/splash/splash_page.dart' import 'package:apskel_owner_flutter/presentation/pages/splash/splash_page.dart'
as _i15; as _i13;
import 'package:apskel_owner_flutter/presentation/pages/transaction/transaction_page.dart' import 'package:apskel_owner_flutter/presentation/pages/transaction/transaction_page.dart'
as _i16; as _i14;
import 'package:auto_route/auto_route.dart' as _i17; import 'package:auto_route/auto_route.dart' as _i15;
/// generated route for /// generated route for
/// [_i1.CustomerPage] /// [_i1.CustomerPage]
class CustomerRoute extends _i17.PageRouteInfo<void> { class CustomerRoute extends _i15.PageRouteInfo<void> {
const CustomerRoute({List<_i17.PageRouteInfo>? children}) const CustomerRoute({List<_i15.PageRouteInfo>? children})
: super(CustomerRoute.name, initialChildren: children); : super(CustomerRoute.name, initialChildren: children);
static const String name = 'CustomerRoute'; static const String name = 'CustomerRoute';
static _i17.PageInfo page = _i17.PageInfo( static _i15.PageInfo page = _i15.PageInfo(
name, name,
builder: (data) { builder: (data) {
return const _i1.CustomerPage(); return const _i1.CustomerPage();
@ -61,13 +57,13 @@ class CustomerRoute extends _i17.PageRouteInfo<void> {
/// generated route for /// generated route for
/// [_i2.DailyTasksFormPage] /// [_i2.DailyTasksFormPage]
class DailyTasksFormRoute extends _i17.PageRouteInfo<void> { class DailyTasksFormRoute extends _i15.PageRouteInfo<void> {
const DailyTasksFormRoute({List<_i17.PageRouteInfo>? children}) const DailyTasksFormRoute({List<_i15.PageRouteInfo>? children})
: super(DailyTasksFormRoute.name, initialChildren: children); : super(DailyTasksFormRoute.name, initialChildren: children);
static const String name = 'DailyTasksFormRoute'; static const String name = 'DailyTasksFormRoute';
static _i17.PageInfo page = _i17.PageInfo( static _i15.PageInfo page = _i15.PageInfo(
name, name,
builder: (data) { builder: (data) {
return const _i2.DailyTasksFormPage(); return const _i2.DailyTasksFormPage();
@ -76,225 +72,193 @@ class DailyTasksFormRoute extends _i17.PageRouteInfo<void> {
} }
/// generated route for /// generated route for
/// [_i3.FinancePage] /// [_i3.HomePage]
class FinanceRoute extends _i17.PageRouteInfo<void> { class HomeRoute extends _i15.PageRouteInfo<void> {
const FinanceRoute({List<_i17.PageRouteInfo>? children}) const HomeRoute({List<_i15.PageRouteInfo>? children})
: super(FinanceRoute.name, initialChildren: children);
static const String name = 'FinanceRoute';
static _i17.PageInfo page = _i17.PageInfo(
name,
builder: (data) {
return const _i3.FinancePage();
},
);
}
/// generated route for
/// [_i4.HomePage]
class HomeRoute extends _i17.PageRouteInfo<void> {
const HomeRoute({List<_i17.PageRouteInfo>? children})
: super(HomeRoute.name, initialChildren: children); : super(HomeRoute.name, initialChildren: children);
static const String name = 'HomeRoute'; static const String name = 'HomeRoute';
static _i17.PageInfo page = _i17.PageInfo( static _i15.PageInfo page = _i15.PageInfo(
name, name,
builder: (data) { builder: (data) {
return const _i4.HomePage(); return const _i3.HomePage();
}, },
); );
} }
/// generated route for /// generated route for
/// [_i5.InventoryPage] /// [_i4.InventoryPage]
class InventoryRoute extends _i17.PageRouteInfo<void> { class InventoryRoute extends _i15.PageRouteInfo<void> {
const InventoryRoute({List<_i17.PageRouteInfo>? children}) const InventoryRoute({List<_i15.PageRouteInfo>? children})
: super(InventoryRoute.name, initialChildren: children); : super(InventoryRoute.name, initialChildren: children);
static const String name = 'InventoryRoute'; static const String name = 'InventoryRoute';
static _i17.PageInfo page = _i17.PageInfo( static _i15.PageInfo page = _i15.PageInfo(
name, name,
builder: (data) { builder: (data) {
return const _i5.InventoryPage(); return const _i4.InventoryPage();
}, },
); );
} }
/// generated route for /// generated route for
/// [_i6.LanguagePage] /// [_i5.LanguagePage]
class LanguageRoute extends _i17.PageRouteInfo<void> { class LanguageRoute extends _i15.PageRouteInfo<void> {
const LanguageRoute({List<_i17.PageRouteInfo>? children}) const LanguageRoute({List<_i15.PageRouteInfo>? children})
: super(LanguageRoute.name, initialChildren: children); : super(LanguageRoute.name, initialChildren: children);
static const String name = 'LanguageRoute'; static const String name = 'LanguageRoute';
static _i17.PageInfo page = _i17.PageInfo( static _i15.PageInfo page = _i15.PageInfo(
name, name,
builder: (data) { builder: (data) {
return const _i6.LanguagePage(); return const _i5.LanguagePage();
}, },
); );
} }
/// generated route for /// generated route for
/// [_i7.LoginPage] /// [_i6.LoginPage]
class LoginRoute extends _i17.PageRouteInfo<void> { class LoginRoute extends _i15.PageRouteInfo<void> {
const LoginRoute({List<_i17.PageRouteInfo>? children}) const LoginRoute({List<_i15.PageRouteInfo>? children})
: super(LoginRoute.name, initialChildren: children); : super(LoginRoute.name, initialChildren: children);
static const String name = 'LoginRoute'; static const String name = 'LoginRoute';
static _i17.PageInfo page = _i17.PageInfo( static _i15.PageInfo page = _i15.PageInfo(
name, name,
builder: (data) { builder: (data) {
return const _i7.LoginPage(); return const _i6.LoginPage();
}, },
); );
} }
/// generated route for /// generated route for
/// [_i8.MainPage] /// [_i7.MainPage]
class MainRoute extends _i17.PageRouteInfo<void> { class MainRoute extends _i15.PageRouteInfo<void> {
const MainRoute({List<_i17.PageRouteInfo>? children}) const MainRoute({List<_i15.PageRouteInfo>? children})
: super(MainRoute.name, initialChildren: children); : super(MainRoute.name, initialChildren: children);
static const String name = 'MainRoute'; static const String name = 'MainRoute';
static _i17.PageInfo page = _i17.PageInfo( static _i15.PageInfo page = _i15.PageInfo(
name, name,
builder: (data) { builder: (data) {
return const _i8.MainPage(); return const _i7.MainPage();
}, },
); );
} }
/// generated route for /// generated route for
/// [_i9.ProductPage] /// [_i8.ProductPage]
class ProductRoute extends _i17.PageRouteInfo<void> { class ProductRoute extends _i15.PageRouteInfo<void> {
const ProductRoute({List<_i17.PageRouteInfo>? children}) const ProductRoute({List<_i15.PageRouteInfo>? children})
: super(ProductRoute.name, initialChildren: children); : super(ProductRoute.name, initialChildren: children);
static const String name = 'ProductRoute'; static const String name = 'ProductRoute';
static _i17.PageInfo page = _i17.PageInfo( static _i15.PageInfo page = _i15.PageInfo(
name, name,
builder: (data) { builder: (data) {
return const _i9.ProductPage(); return const _i8.ProductPage();
}, },
); );
} }
/// generated route for /// generated route for
/// [_i10.ProfilePage] /// [_i9.ProfilePage]
class ProfileRoute extends _i17.PageRouteInfo<void> { class ProfileRoute extends _i15.PageRouteInfo<void> {
const ProfileRoute({List<_i17.PageRouteInfo>? children}) const ProfileRoute({List<_i15.PageRouteInfo>? children})
: super(ProfileRoute.name, initialChildren: children); : super(ProfileRoute.name, initialChildren: children);
static const String name = 'ProfileRoute'; static const String name = 'ProfileRoute';
static _i17.PageInfo page = _i17.PageInfo( static _i15.PageInfo page = _i15.PageInfo(
name, name,
builder: (data) { builder: (data) {
return const _i10.ProfilePage(); return const _i9.ProfilePage();
}, },
); );
} }
/// generated route for /// generated route for
/// [_i11.PurchasePage] /// [_i10.ReportPage]
class PurchaseRoute extends _i17.PageRouteInfo<void> { class ReportRoute extends _i15.PageRouteInfo<void> {
const PurchaseRoute({List<_i17.PageRouteInfo>? children}) const ReportRoute({List<_i15.PageRouteInfo>? children})
: super(PurchaseRoute.name, initialChildren: children);
static const String name = 'PurchaseRoute';
static _i17.PageInfo page = _i17.PageInfo(
name,
builder: (data) {
return const _i11.PurchasePage();
},
);
}
/// generated route for
/// [_i12.ReportPage]
class ReportRoute extends _i17.PageRouteInfo<void> {
const ReportRoute({List<_i17.PageRouteInfo>? children})
: super(ReportRoute.name, initialChildren: children); : super(ReportRoute.name, initialChildren: children);
static const String name = 'ReportRoute'; static const String name = 'ReportRoute';
static _i17.PageInfo page = _i17.PageInfo( static _i15.PageInfo page = _i15.PageInfo(
name, name,
builder: (data) { builder: (data) {
return const _i12.ReportPage(); return const _i10.ReportPage();
}, },
); );
} }
/// generated route for /// generated route for
/// [_i13.SalesPage] /// [_i11.SalesPage]
class SalesRoute extends _i17.PageRouteInfo<void> { class SalesRoute extends _i15.PageRouteInfo<void> {
const SalesRoute({List<_i17.PageRouteInfo>? children}) const SalesRoute({List<_i15.PageRouteInfo>? children})
: super(SalesRoute.name, initialChildren: children); : super(SalesRoute.name, initialChildren: children);
static const String name = 'SalesRoute'; static const String name = 'SalesRoute';
static _i17.PageInfo page = _i17.PageInfo( static _i15.PageInfo page = _i15.PageInfo(
name, name,
builder: (data) { builder: (data) {
return const _i13.SalesPage(); return const _i11.SalesPage();
}, },
); );
} }
/// generated route for /// generated route for
/// [_i14.SchedulePage] /// [_i12.SchedulePage]
class ScheduleRoute extends _i17.PageRouteInfo<void> { class ScheduleRoute extends _i15.PageRouteInfo<void> {
const ScheduleRoute({List<_i17.PageRouteInfo>? children}) const ScheduleRoute({List<_i15.PageRouteInfo>? children})
: super(ScheduleRoute.name, initialChildren: children); : super(ScheduleRoute.name, initialChildren: children);
static const String name = 'ScheduleRoute'; static const String name = 'ScheduleRoute';
static _i17.PageInfo page = _i17.PageInfo( static _i15.PageInfo page = _i15.PageInfo(
name, name,
builder: (data) { builder: (data) {
return const _i14.SchedulePage(); return const _i12.SchedulePage();
}, },
); );
} }
/// generated route for /// generated route for
/// [_i15.SplashPage] /// [_i13.SplashPage]
class SplashRoute extends _i17.PageRouteInfo<void> { class SplashRoute extends _i15.PageRouteInfo<void> {
const SplashRoute({List<_i17.PageRouteInfo>? children}) const SplashRoute({List<_i15.PageRouteInfo>? children})
: super(SplashRoute.name, initialChildren: children); : super(SplashRoute.name, initialChildren: children);
static const String name = 'SplashRoute'; static const String name = 'SplashRoute';
static _i17.PageInfo page = _i17.PageInfo( static _i15.PageInfo page = _i15.PageInfo(
name, name,
builder: (data) { builder: (data) {
return const _i15.SplashPage(); return const _i13.SplashPage();
}, },
); );
} }
/// generated route for /// generated route for
/// [_i16.TransactionPage] /// [_i14.TransactionPage]
class TransactionRoute extends _i17.PageRouteInfo<void> { class TransactionRoute extends _i15.PageRouteInfo<void> {
const TransactionRoute({List<_i17.PageRouteInfo>? children}) const TransactionRoute({List<_i15.PageRouteInfo>? children})
: super(TransactionRoute.name, initialChildren: children); : super(TransactionRoute.name, initialChildren: children);
static const String name = 'TransactionRoute'; static const String name = 'TransactionRoute';
static _i17.PageInfo page = _i17.PageInfo( static _i15.PageInfo page = _i15.PageInfo(
name, name,
builder: (data) { builder: (data) {
return const _i16.TransactionPage(); return const _i14.TransactionPage();
}, },
); );
} }