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

feat: sales page

Browse Source
This commit is contained in:
efrilm
2025-08-15 18:28:13 +07:00
parent 1fd76b9741
commit 71ebb26227
6 changed files with 920 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/presentation/pages/sales/widgets/appbar.dart
+96
View File
@@ -0,0 +1,96 @@
import 'package:flutter/material.dart';
import '../../../../common/theme/theme.dart';
class SalesAppbar extends StatelessWidget {
const SalesAppbar({super.key, required this.rotationAnimation});
final Animation<double> rotationAnimation;
@override
Widget build(BuildContext context) {
return FlexibleSpaceBar(
titlePadding: const EdgeInsets.only(left: 50, bottom: 16),
title: Text(
'Penjualan',
style: AppStyle.xl.copyWith(
color: AppColor.textWhite,
fontWeight: FontWeight.w600,
),
),
background: Container(
decoration: const BoxDecoration(
gradient: LinearGradient(
colors: AppColor.primaryGradient,
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
),
),
child: Stack(
children: [
Positioned(
right: -20,
top: -20,
child: AnimatedBuilder(
animation: rotationAnimation,
builder: (context, child) {
return Transform.rotate(
angle: rotationAnimation.value,
child: Container(
width: 100,
height: 100,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: AppColor.white.withOpacity(0.1),
),
),
);
},
),
),
Positioned(
left: -30,
bottom: -30,
child: AnimatedBuilder(
animation: rotationAnimation,
builder: (context, child) {
return Transform.rotate(
angle: -rotationAnimation.value * 0.5,
child: Container(
width: 80,
height: 80,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: AppColor.white.withOpacity(0.05),
),
),
);
},
),
),
Positioned(
right: 80,
bottom: 30,
child: AnimatedBuilder(
animation: rotationAnimation,
builder: (context, child) {
return Transform.rotate(
angle: -rotationAnimation.value * 0.2,
child: Container(
width: 40,
height: 40,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8),
color: AppColor.white.withOpacity(0.08),
),
),
);
},
),
),
],
),
),
);
}
}
lib/presentation/pages/sales/widgets/summary_card.dart
+101
View File
@@ -0,0 +1,101 @@
import 'package:flutter/material.dart';
import '../../../../common/theme/theme.dart';
class SalesSummaryCard extends StatelessWidget {
const SalesSummaryCard({
super.key,
required this.fadeAnimation,
required this.title,
required this.value,
required this.icon,
required this.color,
required this.delay,
});
final Animation<double> fadeAnimation;
final String title;
final String value;
final IconData icon;
final Color color;
final int delay;
@override
Widget build(BuildContext context) {
return TweenAnimationBuilder<double>(
tween: Tween(begin: 0.0, end: 1.0),
duration: Duration(milliseconds: 800 + delay),
curve: Curves.easeOutBack,
builder: (context, animValue, child) {
return Transform.scale(
scale: animValue,
child: Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: AppColor.surface,
borderRadius: BorderRadius.circular(12),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.05),
blurRadius: 8,
offset: const Offset(0, 2),
),
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
TweenAnimationBuilder<double>(
tween: Tween(begin: 0.0, end: 1.0),
duration: Duration(milliseconds: 1000 + delay),
curve: Curves.bounceOut,
builder: (context, iconValue, child) {
return Transform.scale(
scale: iconValue,
child: Container(
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
color: color.withOpacity(0.1),
borderRadius: BorderRadius.circular(8),
),
child: Icon(icon, color: color, size: 20),
),
);
},
),
const Spacer(),
],
),
const SizedBox(height: 12),
Text(
title,
style: AppStyle.sm.copyWith(
color: AppColor.textSecondary,
fontSize: 12,
fontWeight: FontWeight.w500,
),
),
const SizedBox(height: 4),
AnimatedBuilder(
animation: fadeAnimation,
builder: (context, child) {
return Text(
value,
style: AppStyle.xl.copyWith(
color: AppColor.textPrimary,
fontSize: 18,
fontWeight: FontWeight.bold,
),
);
},
),
],
),
),
);
},
);
}
}