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

feat(breaks): Add break duration and payment status to shift details

Browse Source
This commit is contained in:
Achintha Isuru
2026-02-16 13:31:21 -05:00
parent 9b6cad3bde
commit 55f62207a8
3 changed files with 77 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/mobile/packages/core_localization/lib/src/l10n/en.i18n.json
View File

@@ -999,6 +999,9 @@
"est_total": "Est. Total", "est_total": "Est. Total",
"hours_label": "$count hours", "hours_label": "$count hours",
"location": "LOCATION", "location": "LOCATION",
"break": "BREAK",
"paid": "Paid",
"unpaid": "Unpaid",
"open_in_maps": "Open in Maps", "open_in_maps": "Open in Maps",
"job_description": "JOB DESCRIPTION", "job_description": "JOB DESCRIPTION",
"cancel_shift": "CANCEL SHIFT", "cancel_shift": "CANCEL SHIFT",

3
apps/mobile/packages/core_localization/lib/src/l10n/es.i18n.json
View File

@@ -999,6 +999,9 @@
"est_total": "Total est.", "est_total": "Total est.",
"hours_label": "$count horas", "hours_label": "$count horas",
"location": "UBICACIÓN", "location": "UBICACIÓN",
"break": "DESCANSO",
"paid": "Pagado",
"unpaid": "No pagado",
"open_in_maps": "Abrir en Mapas", "open_in_maps": "Abrir en Mapas",
"job_description": "DESCRIPCIÓN DEL TRABAJO", "job_description": "DESCRIPCIÓN DEL TRABAJO",
"cancel_shift": "CANCELAR TURNO", "cancel_shift": "CANCELAR TURNO",

102
apps/mobile/packages/features/staff/shifts/lib/src/presentation/pages/shift_details_page.dart
View File

@@ -240,6 +240,40 @@ class _ShiftDetailsPageState extends State<ShiftDetailsPage> {
const Divider(height: 1, thickness: 0.5), const Divider(height: 1, thickness: 0.5),
// Stats Row (New)
Padding(
padding: const EdgeInsets.all(UiConstants.space5),
child: Row(
children: [
Expanded(
child: _buildStatCard(
UiIcons.dollar,
"\$${estimatedTotal.toStringAsFixed(0)}",
"Total",
),
),
const SizedBox(width: UiConstants.space4),
Expanded(
child: _buildStatCard(
UiIcons.dollar,
"\$${displayShift.hourlyRate.toStringAsFixed(0)}",
"Hourly Rate",
),
),
const SizedBox(width: UiConstants.space4),
Expanded(
child: _buildStatCard(
UiIcons.clock,
duration.toStringAsFixed(1),
"Hours",
),
),
],
),
),
const Divider(height: 1, thickness: 0.5),
// Date & Time Section // Date & Time Section
Padding( Padding(
padding: const EdgeInsets.all(UiConstants.space5), padding: const EdgeInsets.all(UiConstants.space5),
@@ -248,7 +282,8 @@ class _ShiftDetailsPageState extends State<ShiftDetailsPage> {
children: [ children: [
Text( Text(
i18n.shift_date, i18n.shift_date,
style: UiTypography.titleUppercase4b style: UiTypography
.titleUppercase4b
.textSecondary, .textSecondary,
), ),
const SizedBox(height: UiConstants.space2), const SizedBox(height: UiConstants.space2),
@@ -291,39 +326,41 @@ class _ShiftDetailsPageState extends State<ShiftDetailsPage> {
const Divider(height: 1, thickness: 0.5), const Divider(height: 1, thickness: 0.5),
// Stats Row (New) // Break Section
Padding( if (displayShift.breakInfo != null &&
padding: const EdgeInsets.all(UiConstants.space5), displayShift.breakInfo!.duration !=
child: Row( BreakDuration.none) ...[
children: [ Padding(
Expanded( padding: const EdgeInsets.all(UiConstants.space5),
child: _buildStatCard( child: Column(
UiIcons.dollar, crossAxisAlignment: CrossAxisAlignment.start,
"\$${estimatedTotal.toStringAsFixed(0)}", children: [
"Total", Text(
"BREAK",
style: UiTypography.titleUppercase4b
.textSecondary,
), ),
), const SizedBox(height: UiConstants.space2),
const SizedBox(width: UiConstants.space4), Row(
Expanded( children: [
child: _buildStatCard( const Icon(
UiIcons.dollar, UiIcons.breakIcon,
"\$${displayShift.hourlyRate.toStringAsFixed(0)}", size: 20,
"Hourly Rate", color: UiColors.primary,
),
const SizedBox(width: UiConstants.space2),
Text(
"${displayShift.breakInfo!.duration.minutes} min (${displayShift.breakInfo!.isBreakPaid ? 'Paid' : 'Unpaid'})",
style:
UiTypography.headline5m.textPrimary,
),
],
), ),
), ],
const SizedBox(width: UiConstants.space4), ),
Expanded(
child: _buildStatCard(
UiIcons.clock,
duration.toStringAsFixed(1),
"Hours",
),
),
],
), ),
), const Divider(height: 1, thickness: 0.5),
],
const Divider(height: 1, thickness: 0.5),
// Location Section (New with Map) // Location Section (New with Map)
Padding( Padding(
@@ -358,7 +395,8 @@ class _ShiftDetailsPageState extends State<ShiftDetailsPage> {
).showSnackBar( ).showSnackBar(
SnackBar( SnackBar(
content: Text( content: Text(
displayShift.locationAddress displayShift
.locationAddress
.isNotEmpty .isNotEmpty
? displayShift.locationAddress ? displayShift.locationAddress
: displayShift.location, : displayShift.location,