Miler rider app: surface system, visible design language, backend lifecycle
Design system - MilerSurface ladder (canvas → working → raised → floating) with MilerPanel as layer 1; canvas moved to #DEE3EA so white separates at 1.290:1. - Visible vocabulary applied across Home, Deliveries, Activity, Account and the sheets: hero heads (tabular numeral + small caption, clamped at 1.3x), canvas wells for anything that opens, small filled tags for shelf labels, demoted placeholders. Recorded in DESIGN_SYSTEM.md §6. - One icon family: 222 Material glyphs migrated to Lucide; none left outside lib/xpress. - Colour semantics corrected: amber only for what is genuinely owed, brand red reserved for the live stop, disabled primaries go neutral rather than pale. Data and lifecycle - lib/data/lifecycle.dart reads mutations for what they prove; route_order.dart makes admin sequence the single ordering authority; service_day.dart, and stop_area.dart rewritten against live Coimbatore addresses (digit-token stripping, city stoplist, street suffixes, stammer collapse). - countLabel states the load once, in bags. Testing - 1440 tests passing; golden shot harnesses for Home, Deliveries, Activity, sheets and verify, with test/failures/ now gitignored (diff debris). - New pins: home_gutter_test, stop_area_test, plus updated structural bounds. Note: this commit also carries pre-existing working-tree deletions that were present before this work (API_SPEC.md, README.md, demo test fixtures). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
@@ -1,4 +1,5 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:lucide_icons_flutter/lucide_icons.dart';
|
||||
import 'package:miler/views/helpers/constants/Font_constant.dart';
|
||||
import 'package:miler/views/helpers/constants/Colorconstants.dart';
|
||||
import 'package:miler/views/helpers/constants/design_constants.dart';
|
||||
@@ -161,7 +162,7 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
],
|
||||
),
|
||||
child: Icon(
|
||||
Icons.check_rounded,
|
||||
LucideIcons.check,
|
||||
color: Colors.white,
|
||||
size: 52.sp,
|
||||
),
|
||||
@@ -173,7 +174,7 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
'Payment Collected Successfully',
|
||||
style: TextStyle(
|
||||
fontSize: 26.sp,
|
||||
fontWeight: FontWeight.w900,
|
||||
fontWeight: FontWeight.w800,
|
||||
color: ColorConstants.onSurface,
|
||||
fontFamily: FontConstants.fontFamily,
|
||||
),
|
||||
@@ -230,7 +231,7 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
),
|
||||
),
|
||||
child: Icon(
|
||||
Icons.receipt_long_rounded,
|
||||
LucideIcons.receiptText,
|
||||
color: ColorConstants.primary,
|
||||
size: 18.sp,
|
||||
),
|
||||
@@ -244,7 +245,7 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
'Payment Receipt',
|
||||
style: TextStyle(
|
||||
fontSize: 15.sp,
|
||||
fontWeight: FontWeight.w700,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: ColorConstants.onSurface,
|
||||
fontFamily: FontConstants.fontFamily,
|
||||
),
|
||||
@@ -355,7 +356,7 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
value,
|
||||
style: TextStyle(
|
||||
fontSize: 14.sp,
|
||||
fontWeight: valueBold ? FontWeight.w700 : FontWeight.w600,
|
||||
fontWeight: valueBold ? FontWeight.w600 : FontWeight.w500,
|
||||
color: valueColor ?? ColorConstants.onSurface,
|
||||
fontFamily: FontConstants.fontFamily,
|
||||
),
|
||||
@@ -406,7 +407,7 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
shape: BoxShape.circle,
|
||||
),
|
||||
child: Icon(
|
||||
Icons.arrow_back_ios_new_rounded,
|
||||
LucideIcons.chevronLeft,
|
||||
color: Colors.white,
|
||||
size: 16.sp,
|
||||
),
|
||||
@@ -417,7 +418,7 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
'Payment Collection',
|
||||
style: TextStyle(
|
||||
fontSize: 20.sp,
|
||||
fontWeight: FontWeight.w800,
|
||||
fontWeight: FontWeight.w700,
|
||||
color: Colors.white,
|
||||
fontFamily: FontConstants.fontFamily,
|
||||
letterSpacing: 0.5,
|
||||
@@ -451,7 +452,7 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
'₹${_totalAmount.toStringAsFixed(0)}',
|
||||
style: TextStyle(
|
||||
fontSize: 36.sp,
|
||||
fontWeight: FontWeight.w900,
|
||||
fontWeight: FontWeight.w800,
|
||||
color: Colors.white,
|
||||
fontFamily: FontConstants.fontFamily,
|
||||
letterSpacing: -1,
|
||||
@@ -482,7 +483,7 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
'#$_orderId',
|
||||
style: TextStyle(
|
||||
fontSize: 12.sp,
|
||||
fontWeight: FontWeight.w700,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: Colors.white,
|
||||
fontFamily: FontConstants.fontFamily,
|
||||
),
|
||||
@@ -566,7 +567,7 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
SizedBox(height: 10.h),
|
||||
|
||||
_buildPaymentOption(
|
||||
Icons.money_rounded,
|
||||
LucideIcons.banknote,
|
||||
'Cash',
|
||||
'Pay with cash on collection',
|
||||
'cash',
|
||||
@@ -574,7 +575,7 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
),
|
||||
SizedBox(height: 10.h),
|
||||
_buildPaymentOption(
|
||||
Icons.qr_code_scanner_rounded,
|
||||
LucideIcons.scanLine,
|
||||
'QR / UPI',
|
||||
'Scan QR code to pay',
|
||||
'upi',
|
||||
@@ -582,7 +583,7 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
),
|
||||
SizedBox(height: 10.h),
|
||||
_buildPaymentOption(
|
||||
Icons.credit_card_rounded,
|
||||
LucideIcons.creditCard,
|
||||
'Card',
|
||||
'Swipe / tap card terminal',
|
||||
'card',
|
||||
@@ -597,7 +598,9 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
height: ButtonSizes.primary,
|
||||
decoration: BoxDecoration(
|
||||
color: ColorConstants.primary,
|
||||
borderRadius: BorderRadius.circular(DesignConstants.radiusXl),
|
||||
borderRadius: BorderRadius.circular(
|
||||
DesignConstants.radiusXl,
|
||||
),
|
||||
),
|
||||
child: const Center(
|
||||
child: SizedBox(
|
||||
@@ -611,7 +614,9 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
),
|
||||
)
|
||||
: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(DesignConstants.radiusXl),
|
||||
borderRadius: BorderRadius.circular(
|
||||
DesignConstants.radiusXl,
|
||||
),
|
||||
child: Container(
|
||||
color: ColorConstants.primary,
|
||||
child: SliderButton(
|
||||
@@ -637,7 +642,7 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
textAlign: TextAlign.center,
|
||||
style: TextStyle(
|
||||
fontSize: 15.sp,
|
||||
fontWeight: FontWeight.w700,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: Colors.white,
|
||||
fontFamily: FontConstants.fontFamily,
|
||||
),
|
||||
@@ -649,7 +654,7 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
shape: BoxShape.circle,
|
||||
),
|
||||
child: Icon(
|
||||
Icons.payments_rounded,
|
||||
LucideIcons.banknote,
|
||||
size: 22.sp,
|
||||
color: ColorConstants.primary,
|
||||
),
|
||||
@@ -685,7 +690,7 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
label,
|
||||
style: TextStyle(
|
||||
fontSize: 13.sp,
|
||||
fontWeight: FontWeight.w700,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: ColorConstants.onSurfaceVariant,
|
||||
fontFamily: FontConstants.fontFamily,
|
||||
letterSpacing: 0.5,
|
||||
@@ -754,7 +759,7 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
title,
|
||||
style: TextStyle(
|
||||
fontSize: 15.sp,
|
||||
fontWeight: FontWeight.w700,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: ColorConstants.onSurface,
|
||||
fontFamily: FontConstants.fontFamily,
|
||||
),
|
||||
@@ -784,7 +789,7 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
),
|
||||
),
|
||||
child: isSelected
|
||||
? Icon(Icons.check_rounded, color: Colors.white, size: 14.sp)
|
||||
? Icon(LucideIcons.check, color: Colors.white, size: 14.sp)
|
||||
: null,
|
||||
),
|
||||
],
|
||||
@@ -809,7 +814,7 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
style: TextStyle(
|
||||
fontSize: isTotal ? 15.sp : 13.sp,
|
||||
color: ColorConstants.onSurfaceVariant,
|
||||
fontWeight: isBold ? FontWeight.w600 : FontWeight.normal,
|
||||
fontWeight: isBold ? FontWeight.w500 : FontWeight.normal,
|
||||
fontFamily: FontConstants.fontFamily,
|
||||
),
|
||||
),
|
||||
@@ -818,8 +823,8 @@ class _PaymentScreenState extends State<PaymentScreen>
|
||||
style: TextStyle(
|
||||
fontSize: isTotal ? 17.sp : 14.sp,
|
||||
fontWeight: isTotal
|
||||
? FontWeight.w800
|
||||
: (isBold ? FontWeight.w700 : FontWeight.w500),
|
||||
? FontWeight.w700
|
||||
: (isBold ? FontWeight.w600 : FontWeight.w500),
|
||||
color: isTotal
|
||||
? ColorConstants.primary
|
||||
: ColorConstants.onSurface,
|
||||
|
||||
Reference in New Issue
Block a user