Krow/Krow-workspace
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Refactor code structure and optimize performance across multiple modules

Browse Source
This commit is contained in:
Achintha Isuru
2025-11-17 23:29:28 -05:00
parent 831570f2e0
commit a64cbd9edf
1508 changed files with 105319 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
mobile-apps/staff-app/lib/features/earning/presentation/earnings_flow_screen.dart Normal file
View File

@@ -0,0 +1,18 @@
import 'package:auto_route/auto_route.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:krow/features/earning/domain/bloc/earnings_bloc.dart';
@RoutePage()
class EarningsFlowScreen extends StatelessWidget {
const EarningsFlowScreen({super.key});
@override
Widget build(BuildContext context) {
return BlocProvider(
create: (BuildContext context) =>
EarningsBloc()..add(const EarningsInitEvent()),
child: const AutoRouter(),
);
}
}

67
mobile-apps/staff-app/lib/features/earning/presentation/screens/earnings_history_screen.dart Normal file
View File

@@ -0,0 +1,67 @@
import 'package:auto_route/annotations.dart';
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:gap/gap.dart';
import 'package:krow/core/presentation/styles/kw_text_styles.dart';
import 'package:krow/features/earning/domain/bloc/earnings_bloc.dart';
import 'package:krow/features/earning/domain/entities/earning_shift_entity.dart';
import 'package:krow/features/earning/presentation/widget/earnings_appbar.dart';
import 'package:krow/features/earning/presentation/widget/list_item/earning_card_compact_widget.dart';
import '../widget/earnings_history_header.dart';
@RoutePage()
class EarningsHistoryScreen extends StatelessWidget {
const EarningsHistoryScreen({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
body: SingleChildScrollView(
physics: const ClampingScrollPhysics(),
child: SafeArea(
top: false,
child: BlocBuilder<EarningsBloc, EarningsState>(
builder: (context, state) {
List<EarningShiftEntity> items = state.currentTab.items;
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const EarningsAppBar(
leading: true,
child: EarningsHistoryHeader(),
),
const Gap(24),
Padding(
padding: const EdgeInsets.only(left: 16.0),
child: Text(
'your_shifts'.tr(),
style: AppTextStyles.bodySmallMed,
),
),
_buildListView(items),
],
);
},
),
),
),
);
}
ListView _buildListView(List<EarningShiftEntity> items) {
return ListView.builder(
padding: const EdgeInsets.only(top: 24),
shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(),
itemCount: items.length,
itemBuilder: (context, index) {
return EarningCardCompactWidget(
earningEntity: items[index],
);
},
);
}
}

78
mobile-apps/staff-app/lib/features/earning/presentation/screens/earnings_screen.dart Normal file
View File

@@ -0,0 +1,78 @@
import 'package:auto_route/annotations.dart';
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:krow/core/presentation/styles/theme.dart';
import 'package:krow/features/earning/domain/bloc/earnings_bloc.dart';
import 'package:krow/features/earning/presentation/slivers/bottom_earnings_sliver.dart';
import 'package:krow/features/earning/presentation/slivers/earnings_header_sliver.dart';
import 'package:krow/features/earning/presentation/slivers/earnings_list_sliver.dart';
@RoutePage()
class EarningsScreen extends StatefulWidget {
const EarningsScreen({super.key});
@override
State<EarningsScreen> createState() => _EarningsScreenState();
}
class _EarningsScreenState extends State<EarningsScreen> {
final _scrollController = ScrollController();
bool allowPagination = true;
@override
void initState() {
super.initState();
_scrollController.addListener(
() {
if (allowPagination &&
_scrollController.position.userScrollDirection ==
ScrollDirection.reverse &&
_scrollController.position.extentAfter < 50) {
context.read<EarningsBloc>().add(const LoadAdditionalEarnings());
allowPagination = false;
}
},
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
extendBody: true,
body: RefreshIndicator(
displacement: 80,
backgroundColor: AppColors.bgColorLight,
color: AppColors.bgColorDark,
triggerMode: RefreshIndicatorTriggerMode.anywhere,
onRefresh: () {
context.read<EarningsBloc>().add(const ReloadCurrentEarnings());
return Future.delayed(const Duration(seconds: 1));
},
child: BlocListener<EarningsBloc, EarningsState>(
listenWhen: (previous, current) =>
previous.currentTab.status != current.currentTab.status,
listener: (context, state) {
allowPagination = state.currentTab.status.allowLoad;
},
child: CustomScrollView(
controller: _scrollController,
physics: const ClampingScrollPhysics(),
slivers: [
const EarningsHeaderSliver(),
const EarningsListSliver(),
const BottomEarningsSliver(),
],
),
),
),
);
}
@override
void dispose() {
_scrollController.dispose();
super.dispose();
}
}

51
mobile-apps/staff-app/lib/features/earning/presentation/slivers/bottom_earnings_sliver.dart Normal file
View File

@@ -0,0 +1,51 @@
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:gap/gap.dart';
import 'package:krow/core/data/enums/pagination_status.dart';
import 'package:krow/core/presentation/styles/kw_text_styles.dart';
import 'package:krow/features/earning/domain/bloc/earnings_bloc.dart';
class BottomEarningsSliver extends StatelessWidget {
const BottomEarningsSliver({super.key});
@override
Widget build(BuildContext context) {
return SliverSafeArea(
top: false,
sliver: BlocBuilder<EarningsBloc, EarningsState>(
buildWhen: (previous, current) =>
previous.currentTab != current.currentTab ||
current.currentTab.status != previous.currentTab.status,
builder: (context, state) {
return SliverToBoxAdapter(
child: Column(
children: [
SizedBox(
height: 60,
child: Center(
child: switch (state.currentTab.status) {
PaginationStatus.initial ||
PaginationStatus.loading =>
const CircularProgressIndicator(),
PaginationStatus.empty => Text(
'no_history_section'.tr(),
style: AppTextStyles.bodyMediumReg,
),
PaginationStatus.end => Text(
'end_of_payments_history'.tr(),
style: AppTextStyles.bodyMediumReg,
),
_ => null,
},
),
),
const Gap(20),
],
),
);
},
),
);
}
}

47
mobile-apps/staff-app/lib/features/earning/presentation/slivers/earnings_header_sliver.dart Normal file
View File

@@ -0,0 +1,47 @@
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:gap/gap.dart';
import 'package:krow/core/presentation/styles/kw_text_styles.dart';
import 'package:krow/core/presentation/widgets/ui_kit/kw_tabs.dart';
import 'package:krow/features/earning/domain/bloc/earnings_bloc.dart';
import 'package:krow/features/earning/presentation/widget/earnings_appbar.dart';
import 'package:krow/features/earning/presentation/widget/earnings_header.dart';
class EarningsHeaderSliver extends StatelessWidget {
const EarningsHeaderSliver({super.key});
@override
Widget build(BuildContext context) {
return SliverList.list(
children: [
const EarningsAppBar(child: EarningsHeader()),
const Gap(24),
Padding(
padding: const EdgeInsets.only(left: 16.0),
child: Text(
'your_shifts'.tr(),
style: AppTextStyles.bodySmallMed,
),
),
const Gap(24),
BlocBuilder<EarningsBloc, EarningsState>(
buildWhen: (previous, current) =>
previous.tabs != current.tabs,
builder: (context, state) {
return KwTabBar(
key: const Key('earnings_tab_bar'),
forceScroll: true,
tabs: [for (final tab in state.tabs) tab.label.tr()],
onTap: (int index) {
context
.read<EarningsBloc>()
.add(EarningsTabChangedEvent(tabIndex: index));
},
);
},
),
],
);
}
}

32
mobile-apps/staff-app/lib/features/earning/presentation/slivers/earnings_list_sliver.dart Normal file
View File

@@ -0,0 +1,32 @@
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:gap/gap.dart';
import 'package:krow/features/earning/domain/bloc/earnings_bloc.dart';
import 'package:krow/features/earning/presentation/widget/list_item/earning_card_widget.dart';
class EarningsListSliver extends StatelessWidget {
const EarningsListSliver({super.key});
@override
Widget build(BuildContext context) {
return SliverPadding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 24),
sliver: BlocBuilder<EarningsBloc, EarningsState>(
buildWhen: (previous, current) =>
previous.tabIndex != current.tabIndex ||
previous.currentTab.items != current.currentTab.items,
builder: (context, state) {
return SliverList.separated(
itemCount: state.currentTab.items.length,
separatorBuilder: (context, index) => const Gap(12),
itemBuilder: (context, index) {
return EarningCardWidget(
earningEntity: state.currentTab.items[index],
);
},
);
},
),
);
}
}

98
mobile-apps/staff-app/lib/features/earning/presentation/widget/animated_slider.dart Normal file
View File

@@ -0,0 +1,98 @@
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:krow/core/presentation/styles/kw_text_styles.dart';
import 'package:krow/core/presentation/styles/theme.dart';
import 'package:krow/features/earning/domain/bloc/earnings_bloc.dart';
class AnimatedSlider extends StatefulWidget {
const AnimatedSlider({super.key});
@override
State<AnimatedSlider> createState() => _AnimatedSliderState();
}
class _AnimatedSliderState extends State<AnimatedSlider> {
@override
Widget build(BuildContext context) {
return Container(
width: 200, // Adjust the width as needed
height: 36, // Adjust the height as needed
decoration: BoxDecoration(
color: Colors.blueGrey.shade400, // Background color
borderRadius: BorderRadius.circular(18),
),
child: Stack(
children: [
BlocBuilder<EarningsBloc, EarningsState>(
builder: (context, state) {
bool isThisWeekSelected =
state.balancePeriod == BalancePeriod.week;
return AnimatedAlign(
duration: const Duration(milliseconds: 150),
alignment: isThisWeekSelected
? Alignment.centerLeft
: Alignment.centerRight,
child: Container(
width: 90,
margin: const EdgeInsets.all(4),
// Half the width of the container
height: 36,
decoration: BoxDecoration(
color: Colors.blueGrey.shade900, // Active slider color
borderRadius: BorderRadius.circular(14),
),
),
);
},
),
Row(
children: [
Expanded(
child: GestureDetector(
onTap: () {
BlocProvider.of<EarningsBloc>(context)
.add(const EarningsSwitchBalancePeriodEvent(
period: BalancePeriod.week,
));
},
child: Container(
color: Colors.transparent,
child: Center(
child: Text(
'this_week'.tr(),
style: AppTextStyles.bodySmallMed
.copyWith(color: AppColors.grayWhite),
),
),
),
),
),
Expanded(
child: GestureDetector(
onTap: () {
BlocProvider.of<EarningsBloc>(context)
.add(const EarningsSwitchBalancePeriodEvent(
period: BalancePeriod.month,
));
},
child: Container(
color: Colors.transparent,
child: Center(
child: Text(
'this_month'.tr(),
style: AppTextStyles.bodySmallMed
.copyWith(color: AppColors.grayWhite),
),
),
),
),
),
],
),
],
),
);
}
}

43
mobile-apps/staff-app/lib/features/earning/presentation/widget/dispute_form_widget.dart Normal file
View File

@@ -0,0 +1,43 @@
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:krow/core/presentation/widgets/ui_kit/kw_dropdown.dart';
import 'package:krow/core/presentation/widgets/ui_kit/kw_input.dart';
import 'package:krow/features/earning/domain/entities/earning_dispute_info.dart';
class DisputeFormWidget extends StatelessWidget {
const DisputeFormWidget({super.key, required this.disputeInfo});
final EarningDisputeInfo disputeInfo;
@override
Widget build(BuildContext context) {
return Column(
children: [
KwDropdown<String>(
title: 'reason'.tr(),
hintText: 'select_reason_from_list'.tr(),
horizontalPadding: 24,
items: [
for (final reason in _disputeReasonsData)
KwDropDownItem(data: reason, title: reason),
],
onSelected: (reason) => disputeInfo.reason = reason,
),
const Gap(8),
KwTextInput(
title: 'additional_reasons'.tr(),
minHeight: 114,
controller: TextEditingController(),
onChanged: (details) => disputeInfo.details = details,
),
],
);
}
}
final _disputeReasonsData = [
'incorrect_hours'.tr(),
'incorrect_charges'.tr(),
'other'.tr()
];

110
mobile-apps/staff-app/lib/features/earning/presentation/widget/earnings_appbar.dart Normal file
View File

@@ -0,0 +1,110 @@
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:krow/core/presentation/gen/assets.gen.dart';
import 'package:krow/core/presentation/styles/theme.dart';
class EarningsAppBar extends StatelessWidget {
final Widget child;
final bool leading;
const EarningsAppBar({
super.key,
required this.child,
this.leading = false,
});
@override
Widget build(BuildContext context) {
return Stack(
fit: StackFit.loose,
children: [
_buildProfileBackground(context),
SafeArea(
bottom: false,
child: Center(
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
const Gap(16),
_buildAppBar(context),
const Gap(24),
child,
],
),
),
)
],
);
}
Widget _buildProfileBackground(BuildContext context) {
return Positioned.fill(
child: ClipRRect(
borderRadius: const BorderRadius.only(
bottomLeft: Radius.circular(12),
bottomRight: Radius.circular(12),
),
child: Container(
width: MediaQuery.of(context).size.width,
color: AppColors.bgColorDark,
child: Assets.images.bg.svg(
fit: BoxFit.fitWidth,
alignment: Alignment.topCenter,
),
),
),
);
}
Widget _buildAppBar(BuildContext context) {
return Container(
height: 48,
margin: const EdgeInsets.symmetric(horizontal: 16),
child: Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
if (leading) ...[
GestureDetector(
onTap: () {
Navigator.of(context).pop();
},
child: Container(
width: 48,
height: 48,
color: Colors.transparent,
alignment: Alignment.center,
child: Assets.images.appBar.appbarLeading.svg(
colorFilter: const ColorFilter.mode(
Colors.white,
BlendMode.srcIn,
),
),
),
),
const Gap(8),
],
Text(
'Earnings'.tr(),
style: Theme.of(context)
.textTheme
.headlineSmall
?.copyWith(color: Colors.white),
),
const Spacer(),
Container(
width: 48,
height: 48,
alignment: Alignment.center,
child: Assets.images.appBar.notification.svg(
colorFilter: const ColorFilter.mode(
Colors.white,
BlendMode.srcIn,
),
),
),
],
),
);
}
}

40
mobile-apps/staff-app/lib/features/earning/presentation/widget/earnings_charts_card.dart Normal file
View File

@@ -0,0 +1,40 @@
import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:krow/core/presentation/styles/kw_box_decorations.dart';
import 'package:krow/core/presentation/styles/kw_text_styles.dart';
import 'package:krow/core/presentation/styles/theme.dart';
import 'package:krow/features/earning/presentation/widget/earnings_charts_widget.dart';
class EarningsCharts extends StatefulWidget {
const EarningsCharts({super.key});
@override
State<EarningsCharts> createState() => _EarningsChartsState();
}
class _EarningsChartsState extends State<EarningsCharts> {
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.all(12),
decoration: KwBoxDecorations.primaryDark
.copyWith(color: AppColors.darkBgStroke),
height: 218,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'12.01 - 12.31.2024 period:',
style: AppTextStyles.captionReg
.copyWith(color: AppColors.bgColorLight),
),
const Gap(8),
Text('\$1490',style: AppTextStyles.headingH3.copyWith(color: AppColors.primaryYellow),),
const SizedBox(
height: 150,
child: EarningsChartsWidget(),
),
],
));
}
}

162
mobile-apps/staff-app/lib/features/earning/presentation/widget/earnings_charts_widget.dart Normal file
View File

@@ -0,0 +1,162 @@
import 'package:fl_chart/fl_chart.dart';
import 'package:flutter/material.dart';
import 'package:krow/core/presentation/styles/kw_text_styles.dart';
import 'package:krow/core/presentation/styles/theme.dart';
class EarningsChartsWidget extends StatefulWidget {
const EarningsChartsWidget({super.key});
@override
State<EarningsChartsWidget> createState() => _EarningsChartsWidgetState();
}
class _EarningsChartsWidgetState extends State<EarningsChartsWidget> {
var touchedIndex = -1;
var values = [300, 99, 300, 9];
@override
Widget build(BuildContext context) {
var maxValue = values.reduce((value, element) => value > element ? value : element);
return Padding(
padding: const EdgeInsets.only(top:8.0),
child: BarChart(
BarChartData(
alignment: BarChartAlignment.center,
maxY: maxValue.toDouble(),
minY: 0,
groupsSpace: 12,
barTouchData: buildBarTouchData(),
borderData: FlBorderData(
show: true,
border: const Border(
bottom: BorderSide(
color: AppColors.darkBgInactive,
width: 1,
),
top: BorderSide(
color: AppColors.darkBgInactive,
width: 1,
),
),
),
titlesData: _buildTiles(),
gridData: buildFlGridData(),
barGroups: getData()),
),
);
}
FlGridData buildFlGridData() {
return FlGridData(
show: true,
checkToShowHorizontalLine: (value) {
return true;
},
getDrawingHorizontalLine: (value) => const FlLine(
color: AppColors.darkBgInactive,
dashArray: [4, 4],
strokeWidth: 1,
),
drawVerticalLine: false,
);
}
FlTitlesData _buildTiles() {
return FlTitlesData(
show: true,
bottomTitles: AxisTitles(
sideTitles: SideTitles(
showTitles: true,
reservedSize: 16,
getTitlesWidget: _buildBottomTiles,
),
),
leftTitles: AxisTitles(
sideTitles: SideTitles(
maxIncluded: true,
showTitles: true,
reservedSize: 28,
getTitlesWidget: _buildLeftTitles,
),
),
topTitles: const AxisTitles(
sideTitles: SideTitles(showTitles: false),
),
rightTitles: const AxisTitles(
sideTitles: SideTitles(showTitles: false),
),
);
}
Widget _buildLeftTitles(double value, TitleMeta meta) {
return Padding(
padding: EdgeInsets.only(bottom: value == 0?8.0:0),
child: Text(
meta.formattedValue,
style:
AppTextStyles.bodyTinyReg.copyWith(color: AppColors.darkBgInactive),
),
);
}
Widget _buildBottomTiles(double value, TitleMeta meta) {
var diap = '1-8 9-15 16-23 24-30'.split(' ');
return Padding(
padding: const EdgeInsets.only(top:4.0),
child: Text(
diap[value.toInt()],
style:
AppTextStyles.bodyTinyReg.copyWith(color: AppColors.darkBgInactive),
),
);
}
BarTouchData buildBarTouchData() {
return BarTouchData(
allowTouchBarBackDraw: true,
touchExtraThreshold: const EdgeInsets.only(top:16),
touchCallback: (FlTouchEvent event, barTouchResponse) {
setState(() {
if (!event.isInterestedForInteractions ||
barTouchResponse == null ||
barTouchResponse.spot == null) {
touchedIndex = -1;
return;
}
touchedIndex = barTouchResponse.spot!.touchedBarGroupIndex;
});
},
touchTooltipData: BarTouchTooltipData(
getTooltipColor: (group) => AppColors.primaryMint,
tooltipRoundedRadius: 24,
tooltipPadding:
const EdgeInsets.only(left: 12, right: 12, top: 12, bottom: 8),
getTooltipItem: (group, groupIndex, rod, rodIndex) {
return BarTooltipItem(
'\$${rod.toY.round()}',
AppTextStyles.bodyMediumMed,
);
},
),
);
}
List<BarChartGroupData> getData() {
double width = (MediaQuery.of(context).size.width-140)/4;
return List.generate(4, (i)=>
BarChartGroupData(
x: i,
barRods: [
BarChartRodData(
toY: values[i].toDouble(),
borderRadius: const BorderRadius.all(Radius.circular(12)),
color: touchedIndex == i?AppColors.primaryMint:AppColors.primaryYellow,
width: width),
],
),);
}
}

100
mobile-apps/staff-app/lib/features/earning/presentation/widget/earnings_header.dart Normal file
View File

@@ -0,0 +1,100 @@
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:gap/gap.dart';
import 'package:krow/core/presentation/styles/kw_box_decorations.dart';
import 'package:krow/core/presentation/styles/kw_text_styles.dart';
import 'package:krow/core/presentation/styles/theme.dart';
import 'package:krow/features/earning/domain/bloc/earnings_bloc.dart';
import 'package:krow/features/earning/presentation/widget/animated_slider.dart';
class EarningsHeader extends StatelessWidget {
const EarningsHeader({super.key});
@override
Widget build(BuildContext context) {
return Row(
children: [
Expanded(
child: Container(
padding: const EdgeInsets.all(12),
margin: const EdgeInsets.only(
bottom: 24,
left: 12,
right: 12,
),
decoration: KwBoxDecorations.primaryDark,
child: BlocBuilder<EarningsBloc, EarningsState>(
builder: (context, state) {
return Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text(
'your_earnings'.tr(),
textAlign: TextAlign.center,
style: AppTextStyles.bodyMediumMed
.copyWith(color: AppColors.grayWhite),
),
const Gap(12),
const AnimatedSlider(),
const Gap(24),
Text(
'\$${state.totalEarnings.toStringAsFixed(2)}',
style: AppTextStyles.headingH0
.copyWith(color: AppColors.grayWhite),
),
const Gap(24),
Container(
padding: const EdgeInsets.all(12),
decoration: KwBoxDecorations.primaryDark.copyWith(
color: AppColors.darkBgStroke,
),
child: Column(
children: [
_buildInfoRow(
'total_worked_hours'.tr(),
'${state.totalHours.toInt()}',
),
// const Gap(12),
// _buildInfoRow(
// 'Payout:',
// '\$${state.totalPayout.toStringAsFixed(2)}',
// ),
],
),
),
// const Gap(24),
// KwButton.accent(
// label: 'Earnings History',
// onPressed: () {
// context.router.push(const EarningsHistoryRoute());
// },
// )
],
);
},
),
),
),
],
);
}
Row _buildInfoRow(String title, String? value) {
return Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
title,
style:
AppTextStyles.bodyMediumMed.copyWith(color: AppColors.grayWhite),
),
Text(
value ?? '',
style:
AppTextStyles.bodyMediumMed.copyWith(color: AppColors.grayWhite),
),
],
);
}
}

131
mobile-apps/staff-app/lib/features/earning/presentation/widget/earnings_history_header.dart Normal file
View File

@@ -0,0 +1,131 @@
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:gap/gap.dart';
import 'package:krow/core/presentation/gen/assets.gen.dart';
import 'package:krow/core/presentation/styles/kw_box_decorations.dart';
import 'package:krow/core/presentation/styles/kw_text_styles.dart';
import 'package:krow/core/presentation/styles/theme.dart';
import 'package:krow/core/presentation/widgets/ui_kit/kw_popup_menu.dart';
import 'package:krow/features/earning/domain/bloc/earnings_bloc.dart';
import 'package:krow/features/earning/presentation/widget/earnings_charts_card.dart';
class EarningsHistoryHeader extends StatelessWidget {
const EarningsHistoryHeader({super.key});
@override
Widget build(BuildContext context) {
return Row(
children: [
Expanded(
child: Container(
padding: const EdgeInsets.all(12),
margin: const EdgeInsets.only(bottom: 24, left: 12, right: 12),
decoration: KwBoxDecorations.primaryDark,
child: BlocBuilder<EarningsBloc, EarningsState>(
builder: (context, state) {
return Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
_buildPeriodRow(),
const Gap(12),
const EarningsCharts(),
const Gap(8),
_buildMinMaxRow(
state.earnings.minEarningInPeriod,
state.earnings.maxEarningInPeriod,
),
],
);
},
),
),
),
],
);
}
_buildMinMaxRow(int min, int max) {
return Container(
padding: const EdgeInsets.all(12),
decoration:
KwBoxDecorations.primaryDark.copyWith(color: AppColors.darkBgStroke),
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
_buildInfoRow('max_earning'.tr(), '\$$max'),
const Gap(12),
_buildInfoRow('min_earning'.tr(), '\$$min'),
],
),
);
}
Row _buildInfoRow(String title, String? value) {
return Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
title,
style:
AppTextStyles.bodyMediumMed.copyWith(color: AppColors.grayWhite),
),
Text(
value ?? '',
style:
AppTextStyles.bodyMediumMed.copyWith(color: AppColors.grayWhite),
),
],
);
}
Row _buildPeriodRow() {
return Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'earnings_history'.tr(),
textAlign: TextAlign.center,
style:
AppTextStyles.bodyMediumMed.copyWith(color: AppColors.grayWhite),
),
KwPopupMenu(
customButtonBuilder: (context, isOpen) {
return Row(
children: [
Assets.images.icons.calendar.svg(
width: 12,
height: 12,
colorFilter: const ColorFilter.mode(
AppColors.grayWhite, BlendMode.srcIn)),
const Gap(2),
Text(
'period'.tr(),
style: AppTextStyles.bodyMediumMed
.copyWith(color: AppColors.grayWhite),
),
const Gap(12),
AnimatedRotation(
duration: const Duration(milliseconds: 150),
turns: isOpen ? -0.5 : 0,
child: Assets.images.icons.caretDown.svg(
width: 16,
height: 16,
colorFilter: const ColorFilter.mode(
AppColors.darkBgInactive, BlendMode.srcIn),
),
),
],
);
},
menuItems: [
KwPopupMenuItem(title: 'week'.tr(), onTap: () {}),
KwPopupMenuItem(title: 'month'.tr(), onTap: () {}),
KwPopupMenuItem(title: 'range'.tr(), onTap: () {}),
])
],
);
}
}

106
mobile-apps/staff-app/lib/features/earning/presentation/widget/list_item/earning_action_widget.dart Normal file
View File

@@ -0,0 +1,106 @@
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:krow/core/presentation/gen/assets.gen.dart';
import 'package:krow/core/presentation/widgets/ui_kit/dialogs/kw_dialog.dart';
import 'package:krow/core/presentation/widgets/ui_kit/kw_button.dart';
import 'package:krow/features/earning/domain/bloc/earnings_bloc.dart';
import 'package:krow/features/earning/domain/entities/earning_dispute_info.dart';
import 'package:krow/features/earning/domain/entities/earning_shift_entity.dart';
import 'package:krow/features/earning/presentation/widget/dispute_form_widget.dart';
class EarningActionWidget extends StatefulWidget {
const EarningActionWidget({
super.key,
required this.earningShiftEntity,
});
final EarningShiftEntity earningShiftEntity;
@override
State<EarningActionWidget> createState() => _EarningActionWidgetState();
}
class _EarningActionWidgetState extends State<EarningActionWidget> {
CrossFadeState _crossFadeState = CrossFadeState.showFirst;
Future<void> _onConfirmPaymentPressed() async {
final bloc = context.read<EarningsBloc>();
await KwDialog.show<void>(
context: context,
icon: Assets.images.icons.moneyRecive,
state: KwDialogState.positive,
title: 'your_earnings_are_in'.tr(),
message: '${'you_earned_for_shift'.tr(args: [
widget.earningShiftEntity.earned.toString(),
widget.earningShiftEntity.eventName,
DateFormat('d MMM yyyy', context.locale.languageCode).format(
widget.earningShiftEntity.eventDate,
)
])}\n\n${'total_earnings_added'.tr(args: [
widget.earningShiftEntity.earned.toString()
])}',
primaryButtonLabel: 'confirm_earning'.tr(),
secondaryButtonLabel: 'dispute_contact_support'.tr(),
onPrimaryButtonPressed: (dialogContext) {
Navigator.pop(dialogContext);
bloc.add(ConfirmStaffEarning(widget.earningShiftEntity.id));
setState(() => _crossFadeState = CrossFadeState.showSecond);
},
onSecondaryButtonPressed: (dialogContext) {
Navigator.pop(dialogContext);
_onDisputePaymentPressed();
},
);
}
Future<void> _onDisputePaymentPressed() async {
final bloc = context.read<EarningsBloc>();
final disputeInfo = EarningDisputeInfo();
await KwDialog.show<void>(
context: context,
icon: Assets.images.icons.moneyRecive,
state: KwDialogState.negative,
title: 'dispute_earnings'.tr(),
message: 'dispute_message'.tr(),
primaryButtonLabel: 'Submit Dispute',
secondaryButtonLabel: 'cancel'.tr(),
child: DisputeFormWidget(disputeInfo: disputeInfo),
onPrimaryButtonPressed: (dialogContext) {
Navigator.pop(dialogContext);
bloc.add(
DisputeStaffEarning(
earningId: widget.earningShiftEntity.id,
reason: disputeInfo.reason,
details: disputeInfo.details,
),
);
setState(() => _crossFadeState = CrossFadeState.showSecond);
},
onSecondaryButtonPressed: (dialogContext) {
Navigator.pop(dialogContext);
},
);
}
@override
Widget build(BuildContext context) {
return AnimatedCrossFade(
duration: Durations.medium4,
crossFadeState: _crossFadeState,
secondChild: const SizedBox.shrink(),
firstChild: Padding(
padding: const EdgeInsets.only(left: 20, right: 20, top: 24),
child: KwButton.outlinedPrimary(
label: 'confirm'.tr(),
onPressed: _onConfirmPaymentPressed,
),
),
);
}
}

77
mobile-apps/staff-app/lib/features/earning/presentation/widget/list_item/earning_card_compact_widget.dart Normal file
View File

@@ -0,0 +1,77 @@
import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:krow/core/presentation/styles/kw_box_decorations.dart';
import 'package:krow/core/presentation/styles/kw_text_styles.dart';
import 'package:krow/core/presentation/styles/theme.dart';
import 'package:krow/features/earning/domain/entities/earning_shift_entity.dart';
class EarningCardCompactWidget extends StatelessWidget {
final EarningShiftEntity earningEntity;
const EarningCardCompactWidget({
super.key,
required this.earningEntity,
});
@override
Widget build(BuildContext context) {
return Container(
decoration: KwBoxDecorations.primaryLight12,
height: 72,
margin: const EdgeInsets.only(bottom: 12, left: 16, right: 16),
padding: const EdgeInsets.all(12),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_buildContent(),
],
),
);
}
Widget _buildContent() {
return Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
ClipOval(
child: CachedNetworkImage(
imageUrl: earningEntity.businessImageUrl,
fit: BoxFit.cover,
height: 48,
width: 48,
)),
const Gap(12),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.max,
children: [
const Gap(5),
Text(
earningEntity.skillName,
style: AppTextStyles.bodyMediumMed,
),
const Gap(4),
Text(
earningEntity.businessName,
style: AppTextStyles.bodySmallReg
.copyWith(color: AppColors.blackGray),
),
const Gap(5),
],
),
),
const Gap(24),
Padding(
padding: const EdgeInsets.only(top: 5),
child: Text(
'\$${earningEntity.earned}',
style: AppTextStyles.bodyMediumMed,
),
),
],
);
}
}

40
mobile-apps/staff-app/lib/features/earning/presentation/widget/list_item/earning_card_widget.dart Normal file
View File

@@ -0,0 +1,40 @@
import 'package:flutter/material.dart';
import 'package:krow/core/presentation/styles/kw_box_decorations.dart';
import 'package:krow/core/presentation/widgets/shift_payment_step_widget.dart';
import 'package:krow/core/presentation/widgets/shift_total_time_spend_widget.dart';
import 'package:krow/features/earning/domain/entities/earning_shift_entity.dart';
import 'package:krow/features/earning/presentation/widget/list_item/earning_action_widget.dart';
import 'package:krow/features/earning/presentation/widget/list_item/shift_item_header_widget.dart';
class EarningCardWidget extends StatelessWidget {
const EarningCardWidget({
super.key,
required this.earningEntity,
});
final EarningShiftEntity earningEntity;
@override
Widget build(BuildContext context) {
return Container(
decoration: KwBoxDecorations.primaryLight12,
padding: const EdgeInsets.only(top: 24, bottom: 24),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
ShiftItemHeaderWidget(earningEntity),
ShiftTotalTimeSpendWidget(
startTime: earningEntity.clockIn!,
endTime: earningEntity.clockOut!,
totalBreakTime: earningEntity.totalBreakTime ?? 0,
),
ShiftPaymentStepWidget(
currentIndex: earningEntity.paymentProgressStep,
),
if (earningEntity.status == EarningStatus.confirmedByAdmin)
EarningActionWidget(earningShiftEntity: earningEntity),
],
),
);
}
}

66
mobile-apps/staff-app/lib/features/earning/presentation/widget/list_item/shift_item_header_widget.dart Normal file
View File

@@ -0,0 +1,66 @@
import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:krow/core/presentation/styles/kw_text_styles.dart';
import 'package:krow/core/presentation/styles/theme.dart';
import 'package:krow/features/earning/domain/entities/earning_shift_entity.dart';
import 'package:krow/features/earning/presentation/widget/list_item/shift_status_label_widget.dart';
class ShiftItemHeaderWidget extends StatelessWidget {
final EarningShiftEntity viewModel;
const ShiftItemHeaderWidget(
this.viewModel, {
super.key,
});
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
ClipOval(
child: CachedNetworkImage(
imageUrl: viewModel.businessImageUrl,
fit: BoxFit.cover,
height: 48,
width: 48,
),
),
EarnedShiftStatusLabelWidget(viewModel),
],
),
const Gap(12),
Row(
children: [
Expanded(
child: Text(
viewModel.skillName,
style: AppTextStyles.bodyMediumMed,
),
),
const Gap(24),
Text(
'\$${viewModel.earned}',
style: AppTextStyles.bodyMediumMed,
)
],
),
const Gap(4),
Text(
viewModel.businessName,
style: AppTextStyles.bodySmallReg.copyWith(
color: AppColors.blackGray,
),
),
],
),
);
}
}

75
mobile-apps/staff-app/lib/features/earning/presentation/widget/list_item/shift_status_label_widget.dart Normal file
View File

@@ -0,0 +1,75 @@
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:krow/core/presentation/styles/kw_text_styles.dart';
import 'package:krow/core/presentation/styles/theme.dart';
import 'package:krow/features/earning/domain/entities/earning_shift_entity.dart';
class EarnedShiftStatusLabelWidget extends StatefulWidget {
final EarningShiftEntity viewModel;
const EarnedShiftStatusLabelWidget(this.viewModel, {super.key});
@override
State<EarnedShiftStatusLabelWidget> createState() =>
_EarnedShiftStatusLabelWidgetState();
}
class _EarnedShiftStatusLabelWidgetState
extends State<EarnedShiftStatusLabelWidget> {
Color getColor() {
return AppColors.bgColorDark;
// switch (widget.viewModel.status) {
// case EventShiftRoleStaffStatus.assigned:
// return AppColors.primaryBlue;
// case EventShiftRoleStaffStatus.confirmed:
// return AppColors.statusWarning;
// case EventShiftRoleStaffStatus.ongoing:
// return AppColors.statusSuccess;
// case EventShiftRoleStaffStatus.completed:
// return AppColors.bgColorDark;
// case EventShiftRoleStaffStatus.canceledByAdmin:
// case EventShiftRoleStaffStatus.canceledByBusiness:
// case EventShiftRoleStaffStatus.canceledByStaff:
// case EventShiftRoleStaffStatus.requestedReplace:
// return AppColors.statusError;
// }
}
String getText() {
return 'completed'.tr();
// switch (widget.viewModel.status) {
// case EventShiftRoleStaffStatus.assigned:
// return _getAssignedAgo();
// case EventShiftRoleStaffStatus.confirmed:
// return _getStartIn();
// case EventShiftRoleStaffStatus.ongoing:
// return 'Ongoing';
// case EventShiftRoleStaffStatus.completed:
// return 'Completed';
// case EventShiftRoleStaffStatus.canceledByAdmin:
// case EventShiftRoleStaffStatus.canceledByBusiness:
// case EventShiftRoleStaffStatus.canceledByStaff:
// case EventShiftRoleStaffStatus.requestedReplace:
// return 'Canceled';
// }
}
@override
Widget build(BuildContext context) {
return Container(
height: 24,
padding: const EdgeInsets.symmetric(horizontal: 8),
decoration: BoxDecoration(
color: getColor(),
borderRadius: BorderRadius.circular(12),
),
child: Center(
child: Text(
getText(),
style: AppTextStyles.bodySmallMed
.copyWith(color: AppColors.grayWhite, height: 0.7),
),
),
);
}
}