renolation/worker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

list orders

Browse Source
This commit is contained in:
Phuoc Nguyen
2025-11-24 16:25:54 +07:00
parent 354df3ad01
commit 75d6507719
24 changed files with 1004 additions and 982 deletions
Download Patch File Download Diff File Expand all files Collapse all files

224
lib/features/orders/presentation/pages/orders_page.dart
View File

@@ -8,7 +8,6 @@ import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:go_router/go_router.dart';
import 'package:worker/core/constants/ui_constants.dart';
import 'package:worker/core/database/models/enums.dart';
import 'package:worker/core/theme/colors.dart';
import 'package:worker/features/orders/presentation/providers/orders_provider.dart';
import 'package:worker/features/orders/presentation/widgets/order_card.dart';
@@ -77,16 +76,28 @@ class _OrdersPageState extends ConsumerState<OrdersPage> {
},
child: CustomScrollView(
slivers: [
// Search Bar
SliverToBoxAdapter(
child: Padding(
padding: const EdgeInsets.all(16),
child: _buildSearchBar(),
// Sticky Search Bar
SliverPersistentHeader(
pinned: true,
delegate: _SearchBarDelegate(
child: Container(
color: const Color(0xFFF4F6F8),
padding: const EdgeInsets.all(16),
child: _buildSearchBar(),
),
),
),
// Filter Pills
SliverToBoxAdapter(child: _buildFilterPills(selectedStatus)),
// Sticky Filter Pills
SliverPersistentHeader(
pinned: true,
delegate: _FilterPillsDelegate(
child: Container(
color: const Color(0xFFF4F6F8),
child: _buildFilterPills(selectedStatus),
),
),
),
// Orders List
SliverPadding(
@@ -103,7 +114,7 @@ class _OrdersPageState extends ConsumerState<OrdersPage> {
return OrderCard(
order: order,
onTap: () {
context.push('/orders/${order.orderId}');
context.push('/orders/${order.name}');
},
);
}, childCount: orders.length),
@@ -168,83 +179,74 @@ class _OrdersPageState extends ConsumerState<OrdersPage> {
);
}
/// Build filter pills
Widget _buildFilterPills(OrderStatus? selectedStatus) {
return Container(
/// Build filter pills (dynamically from cached status list)
Widget _buildFilterPills(String? selectedStatus) {
final statusListAsync = ref.watch(orderStatusListProvider);
return SizedBox(
height: 48,
padding: const EdgeInsets.symmetric(horizontal: 16),
child: ListView(
scrollDirection: Axis.horizontal,
children: [
// All filter
_buildFilterChip(
label: 'Tất cả',
isSelected: selectedStatus == null,
onTap: () {
ref.read(selectedOrderStatusProvider.notifier).clearSelection();
},
),
const SizedBox(width: 8),
child: statusListAsync.when(
data: (statusList) {
return ListView(
padding: const EdgeInsets.symmetric(horizontal: 16),
scrollDirection: Axis.horizontal,
children: [
// All filter (always first)
_buildFilterChip(
label: 'Tất cả',
isSelected: selectedStatus == null,
onTap: () {
ref.read(selectedOrderStatusProvider.notifier).clearSelection();
},
),
const SizedBox(width: 8),
// Pending filter
_buildFilterChip(
label: 'Chờ xác nhận',
isSelected: selectedStatus == OrderStatus.pending,
onTap: () {
ref
.read(selectedOrderStatusProvider.notifier)
.selectStatus(OrderStatus.pending);
},
),
const SizedBox(width: 8),
// Processing filter
_buildFilterChip(
label: 'Đang xử lý',
isSelected: selectedStatus == OrderStatus.processing,
onTap: () {
ref
.read(selectedOrderStatusProvider.notifier)
.selectStatus(OrderStatus.processing);
},
),
const SizedBox(width: 8),
// Shipped filter
_buildFilterChip(
label: 'Đang giao',
isSelected: selectedStatus == OrderStatus.shipped,
onTap: () {
ref
.read(selectedOrderStatusProvider.notifier)
.selectStatus(OrderStatus.shipped);
},
),
const SizedBox(width: 8),
// Completed filter
_buildFilterChip(
label: 'Hoàn thành',
isSelected: selectedStatus == OrderStatus.completed,
onTap: () {
ref
.read(selectedOrderStatusProvider.notifier)
.selectStatus(OrderStatus.completed);
},
),
const SizedBox(width: 8),
// Cancelled filter
_buildFilterChip(
label: 'Đã hủy',
isSelected: selectedStatus == OrderStatus.cancelled,
onTap: () {
ref
.read(selectedOrderStatusProvider.notifier)
.selectStatus(OrderStatus.cancelled);
},
),
],
// Dynamic status filters from API
...statusList.map((status) {
return Padding(
padding: const EdgeInsets.only(right: 8),
child: _buildFilterChip(
label: status.label,
isSelected: selectedStatus == status.label,
onTap: () {
ref
.read(selectedOrderStatusProvider.notifier)
.selectStatus(status.label);
},
),
);
}),
],
);
},
loading: () {
// Show minimal loading state or fallback to "All" only
return ListView(
padding: const EdgeInsets.symmetric(horizontal: 16),
scrollDirection: Axis.horizontal,
children: [
_buildFilterChip(
label: 'Tất cả',
isSelected: true,
onTap: () {},
),
],
);
},
error: (error, stack) {
// Show "All" filter only on error
return ListView(
padding: const EdgeInsets.symmetric(horizontal: 16),
scrollDirection: Axis.horizontal,
children: [
_buildFilterChip(
label: 'Tất cả',
isSelected: true,
onTap: () {},
),
],
);
},
),
);
}
@@ -349,3 +351,57 @@ class _OrdersPageState extends ConsumerState<OrdersPage> {
);
}
}
/// Search Bar Delegate for SliverPersistentHeader
class _SearchBarDelegate extends SliverPersistentHeaderDelegate {
_SearchBarDelegate({required this.child});
final Widget child;
@override
double get minExtent => 80; // Height when pinned
@override
double get maxExtent => 80; // Height when expanded
@override
Widget build(
BuildContext context,
double shrinkOffset,
bool overlapsContent,
) {
return child;
}
@override
bool shouldRebuild(_SearchBarDelegate oldDelegate) {
return child != oldDelegate.child;
}
}
/// Filter Pills Delegate for SliverPersistentHeader
class _FilterPillsDelegate extends SliverPersistentHeaderDelegate {
_FilterPillsDelegate({required this.child});
final Widget child;
@override
double get minExtent => 48; // Height when pinned (matches Container height)
@override
double get maxExtent => 48; // Height when expanded (matches Container height)
@override
Widget build(
BuildContext context,
double shrinkOffset,
bool overlapsContent,
) {
return child;
}
@override
bool shouldRebuild(_FilterPillsDelegate oldDelegate) {
return child != oldDelegate.child;
}
}

4
lib/features/orders/presentation/providers/order_data_providers.dart
View File

@@ -6,6 +6,7 @@ library;
import 'package:riverpod_annotation/riverpod_annotation.dart';
import 'package:worker/core/network/dio_client.dart';
import 'package:worker/features/orders/data/datasources/order_remote_datasource.dart';
import 'package:worker/features/orders/data/datasources/order_status_local_datasource.dart';
import 'package:worker/features/orders/data/repositories/order_repository_impl.dart';
import 'package:worker/features/orders/domain/repositories/order_repository.dart';
@@ -22,5 +23,6 @@ Future<OrderRemoteDataSource> orderRemoteDataSource(Ref ref) async {
@riverpod
Future<OrderRepository> orderRepository(Ref ref) async {
final remoteDataSource = await ref.watch(orderRemoteDataSourceProvider.future);
return OrderRepositoryImpl(remoteDataSource);
final statusLocalDataSource = OrderStatusLocalDataSource();
return OrderRepositoryImpl(remoteDataSource, statusLocalDataSource);
}

4
lib/features/orders/presentation/providers/order_repository_provider.dart
View File

@@ -6,6 +6,7 @@ library;
import 'package:riverpod_annotation/riverpod_annotation.dart';
import 'package:worker/core/network/dio_client.dart';
import 'package:worker/features/orders/data/datasources/order_remote_datasource.dart';
import 'package:worker/features/orders/data/datasources/order_status_local_datasource.dart';
import 'package:worker/features/orders/data/repositories/order_repository_impl.dart';
import 'package:worker/features/orders/domain/repositories/order_repository.dart';
@@ -16,7 +17,8 @@ part 'order_repository_provider.g.dart';
Future<OrderRepository> orderRepository(Ref ref) async {
final dioClient = await ref.watch(dioClientProvider.future);
final remoteDataSource = OrderRemoteDataSource(dioClient);
return OrderRepositoryImpl(remoteDataSource);
final statusLocalDataSource = OrderStatusLocalDataSource();
return OrderRepositoryImpl(remoteDataSource, statusLocalDataSource);
}
/// Create Order Provider

2
lib/features/orders/presentation/providers/order_repository_provider.g.dart
View File

@@ -50,7 +50,7 @@ final class OrderRepositoryProvider
}
}
String _$orderRepositoryHash() => r'15efafcf3b545ea52fdc8d0acbd8192ba8f41546';
String _$orderRepositoryHash() => r'f9808aac43686973737a55410e4121ae8332b908';
/// Create Order Provider
///

73
lib/features/orders/presentation/providers/orders_provider.dart
View File

@@ -4,33 +4,41 @@
library;
import 'package:riverpod_annotation/riverpod_annotation.dart';
import 'package:worker/core/database/models/enums.dart';
import 'package:worker/features/orders/data/datasources/orders_local_datasource.dart';
import 'package:worker/features/orders/data/models/order_model.dart';
import 'package:worker/features/orders/domain/entities/order.dart';
import 'package:worker/features/orders/domain/entities/order_status.dart';
import 'package:worker/features/orders/presentation/providers/order_repository_provider.dart';
part 'orders_provider.g.dart';
/// Orders Local Data Source Provider
@riverpod
OrdersLocalDataSource ordersLocalDataSource(Ref ref) {
return OrdersLocalDataSource();
}
/// Orders Provider
///
/// Provides list of all orders from local data source.
/// Provides list of all orders from repository (Clean Architecture).
@riverpod
class Orders extends _$Orders {
@override
Future<List<OrderModel>> build() async {
return await ref.read(ordersLocalDataSourceProvider).getAllOrders();
Future<List<Order>> build() async {
// Fetch orders from repository
try {
final repository = await ref.read(orderRepositoryProvider.future);
return await repository.getOrdersList(
limitStart: 0,
limitPageLength: 0, // 0 = get all
);
} catch (e) {
// Return empty list on error
return [];
}
}
/// Refresh orders
Future<void> refresh() async {
state = const AsyncValue.loading();
state = await AsyncValue.guard(() async {
return await ref.read(ordersLocalDataSourceProvider).getAllOrders();
final repository = await ref.read(orderRepositoryProvider.future);
return await repository.getOrdersList(
limitStart: 0,
limitPageLength: 0,
);
});
}
}
@@ -42,12 +50,12 @@ class Orders extends _$Orders {
@riverpod
class SelectedOrderStatus extends _$SelectedOrderStatus {
@override
OrderStatus? build() {
String? build() {
return null; // Default: show all orders
}
/// Select a status filter
void selectStatus(OrderStatus? status) {
void selectStatus(String? status) {
state = status;
}
@@ -82,7 +90,7 @@ class OrderSearchQuery extends _$OrderSearchQuery {
///
/// Filters orders by selected status and search query.
@riverpod
Future<List<OrderModel>> filteredOrders(Ref ref) async {
Future<List<Order>> filteredOrders(Ref ref) async {
final ordersAsync = ref.watch(ordersProvider);
final selectedStatus = ref.watch(selectedOrderStatusProvider);
final searchQuery = ref.watch(orderSearchQueryProvider);
@@ -102,15 +110,23 @@ Future<List<OrderModel>> filteredOrders(Ref ref) async {
if (searchQuery.isNotEmpty) {
filtered = filtered
.where(
(order) => order.orderNumber.toLowerCase().contains(
(order) => order.name.toLowerCase().contains(
searchQuery.toLowerCase(),
),
)
.toList();
}
// Sort by creation date (newest first)
filtered.sort((a, b) => b.createdAt.compareTo(a.createdAt));
// Sort by transaction date (newest first)
filtered.sort((a, b) {
try {
final aDate = DateTime.parse(a.transactionDate);
final bDate = DateTime.parse(b.transactionDate);
return bDate.compareTo(aDate);
} catch (e) {
return 0; // Keep original order if parsing fails
}
});
return filtered;
},
@@ -123,15 +139,16 @@ Future<List<OrderModel>> filteredOrders(Ref ref) async {
///
/// Returns count of orders for each status.
@riverpod
Future<Map<OrderStatus, int>> ordersCountByStatus(Ref ref) async {
Future<Map<String, int>> ordersCountByStatus(Ref ref) async {
final ordersAsync = ref.watch(ordersProvider);
return ordersAsync.when(
data: (orders) {
final counts = <OrderStatus, int>{};
final counts = <String, int>{};
for (final status in OrderStatus.values) {
counts[status] = orders.where((order) => order.status == status).length;
// Count orders by their status string
for (final order in orders) {
counts[order.status] = (counts[order.status] ?? 0) + 1;
}
return counts;
@@ -152,3 +169,13 @@ Future<int> totalOrdersCount(Ref ref) async {
error: (error, stack) => 0,
);
}
/// Order Status List Provider
///
/// Provides cached order status list with automatic refresh.
/// Uses cache-first strategy with API fallback.
@riverpod
Future<List<OrderStatus>> orderStatusList(Ref ref) async {
final repository = await ref.watch(orderRepositoryProvider.future);
return await repository.getOrderStatusList();
}

180
lib/features/orders/presentation/providers/orders_provider.g.dart
View File

@@ -8,74 +8,20 @@ part of 'orders_provider.dart';
// GENERATED CODE - DO NOT MODIFY BY HAND
// ignore_for_file: type=lint, type=warning
/// Orders Local Data Source Provider
@ProviderFor(ordersLocalDataSource)
const ordersLocalDataSourceProvider = OrdersLocalDataSourceProvider._();
/// Orders Local Data Source Provider
final class OrdersLocalDataSourceProvider
extends
$FunctionalProvider<
OrdersLocalDataSource,
OrdersLocalDataSource,
OrdersLocalDataSource
>
with $Provider<OrdersLocalDataSource> {
/// Orders Local Data Source Provider
const OrdersLocalDataSourceProvider._()
: super(
from: null,
argument: null,
retry: null,
name: r'ordersLocalDataSourceProvider',
isAutoDispose: true,
dependencies: null,
$allTransitiveDependencies: null,
);
@override
String debugGetCreateSourceHash() => _$ordersLocalDataSourceHash();
@$internal
@override
$ProviderElement<OrdersLocalDataSource> $createElement(
$ProviderPointer pointer,
) => $ProviderElement(pointer);
@override
OrdersLocalDataSource create(Ref ref) {
return ordersLocalDataSource(ref);
}
/// {@macro riverpod.override_with_value}
Override overrideWithValue(OrdersLocalDataSource value) {
return $ProviderOverride(
origin: this,
providerOverride: $SyncValueProvider<OrdersLocalDataSource>(value),
);
}
}
String _$ordersLocalDataSourceHash() =>
r'753fcc2a4000c4c9843fba022d1bf398daba6c7a';
/// Orders Provider
///
/// Provides list of all orders from local data source.
/// Provides list of all orders from repository (Clean Architecture).
@ProviderFor(Orders)
const ordersProvider = OrdersProvider._();
/// Orders Provider
///
/// Provides list of all orders from local data source.
final class OrdersProvider
extends $AsyncNotifierProvider<Orders, List<OrderModel>> {
/// Provides list of all orders from repository (Clean Architecture).
final class OrdersProvider extends $AsyncNotifierProvider<Orders, List<Order>> {
/// Orders Provider
///
/// Provides list of all orders from local data source.
/// Provides list of all orders from repository (Clean Architecture).
const OrdersProvider._()
: super(
from: null,
@@ -95,25 +41,24 @@ final class OrdersProvider
Orders create() => Orders();
}
String _$ordersHash() => r'7d2ae33e528260172495e8360f6879cb6e089766';
String _$ordersHash() => r'1a4712005f0d2fdd2d15e01b6dd9ea2adc428343';
/// Orders Provider
///
/// Provides list of all orders from local data source.
/// Provides list of all orders from repository (Clean Architecture).
abstract class _$Orders extends $AsyncNotifier<List<OrderModel>> {
FutureOr<List<OrderModel>> build();
abstract class _$Orders extends $AsyncNotifier<List<Order>> {
FutureOr<List<Order>> build();
@$mustCallSuper
@override
void runBuild() {
final created = build();
final ref =
this.ref as $Ref<AsyncValue<List<OrderModel>>, List<OrderModel>>;
final ref = this.ref as $Ref<AsyncValue<List<Order>>, List<Order>>;
final element =
ref.element
as $ClassProviderElement<
AnyNotifier<AsyncValue<List<OrderModel>>, List<OrderModel>>,
AsyncValue<List<OrderModel>>,
AnyNotifier<AsyncValue<List<Order>>, List<Order>>,
AsyncValue<List<Order>>,
Object?,
Object?
>;
@@ -134,7 +79,7 @@ const selectedOrderStatusProvider = SelectedOrderStatusProvider._();
/// Tracks the currently selected order status filter.
/// null means "All" orders.
final class SelectedOrderStatusProvider
extends $NotifierProvider<SelectedOrderStatus, OrderStatus?> {
extends $NotifierProvider<SelectedOrderStatus, String?> {
/// Selected Order Status Provider
///
/// Tracks the currently selected order status filter.
@@ -158,34 +103,34 @@ final class SelectedOrderStatusProvider
SelectedOrderStatus create() => SelectedOrderStatus();
/// {@macro riverpod.override_with_value}
Override overrideWithValue(OrderStatus? value) {
Override overrideWithValue(String? value) {
return $ProviderOverride(
origin: this,
providerOverride: $SyncValueProvider<OrderStatus?>(value),
providerOverride: $SyncValueProvider<String?>(value),
);
}
}
String _$selectedOrderStatusHash() =>
r'51834a8660a7f792e4075f76354e8a23a4fe9d7c';
r'24d7f26c87da85b04a6f7ad0691663ef50f9523f';
/// Selected Order Status Provider
///
/// Tracks the currently selected order status filter.
/// null means "All" orders.
abstract class _$SelectedOrderStatus extends $Notifier<OrderStatus?> {
OrderStatus? build();
abstract class _$SelectedOrderStatus extends $Notifier<String?> {
String? build();
@$mustCallSuper
@override
void runBuild() {
final created = build();
final ref = this.ref as $Ref<OrderStatus?, OrderStatus?>;
final ref = this.ref as $Ref<String?, String?>;
final element =
ref.element
as $ClassProviderElement<
AnyNotifier<OrderStatus?, OrderStatus?>,
OrderStatus?,
AnyNotifier<String?, String?>,
String?,
Object?,
Object?
>;
@@ -274,11 +219,11 @@ const filteredOrdersProvider = FilteredOrdersProvider._();
final class FilteredOrdersProvider
extends
$FunctionalProvider<
AsyncValue<List<OrderModel>>,
List<OrderModel>,
FutureOr<List<OrderModel>>
AsyncValue<List<Order>>,
List<Order>,
FutureOr<List<Order>>
>
with $FutureModifier<List<OrderModel>>, $FutureProvider<List<OrderModel>> {
with $FutureModifier<List<Order>>, $FutureProvider<List<Order>> {
/// Filtered Orders Provider
///
/// Filters orders by selected status and search query.
@@ -298,17 +243,17 @@ final class FilteredOrdersProvider
@$internal
@override
$FutureProviderElement<List<OrderModel>> $createElement(
$FutureProviderElement<List<Order>> $createElement(
$ProviderPointer pointer,
) => $FutureProviderElement(pointer);
@override
FutureOr<List<OrderModel>> create(Ref ref) {
FutureOr<List<Order>> create(Ref ref) {
return filteredOrders(ref);
}
}
String _$filteredOrdersHash() => r'4cc009352d3b09159c0fe107645634c3a4a81a7c';
String _$filteredOrdersHash() => r'04c5c87d7138b66987c8b45f878d445026ec8e19';
/// Orders Count by Status Provider
///
@@ -324,13 +269,11 @@ const ordersCountByStatusProvider = OrdersCountByStatusProvider._();
final class OrdersCountByStatusProvider
extends
$FunctionalProvider<
AsyncValue<Map<OrderStatus, int>>,
Map<OrderStatus, int>,
FutureOr<Map<OrderStatus, int>>
AsyncValue<Map<String, int>>,
Map<String, int>,
FutureOr<Map<String, int>>
>
with
$FutureModifier<Map<OrderStatus, int>>,
$FutureProvider<Map<OrderStatus, int>> {
with $FutureModifier<Map<String, int>>, $FutureProvider<Map<String, int>> {
/// Orders Count by Status Provider
///
/// Returns count of orders for each status.
@@ -350,18 +293,18 @@ final class OrdersCountByStatusProvider
@$internal
@override
$FutureProviderElement<Map<OrderStatus, int>> $createElement(
$FutureProviderElement<Map<String, int>> $createElement(
$ProviderPointer pointer,
) => $FutureProviderElement(pointer);
@override
FutureOr<Map<OrderStatus, int>> create(Ref ref) {
FutureOr<Map<String, int>> create(Ref ref) {
return ordersCountByStatus(ref);
}
}
String _$ordersCountByStatusHash() =>
r'85fe4fb85410855bb434b19fdc05c933c6e76235';
r'f6cd7f4eb47123d8e3bcfc04a82990301f3c2690';
/// Total Orders Count Provider
@@ -400,3 +343,58 @@ final class TotalOrdersCountProvider
}
String _$totalOrdersCountHash() => r'ec1ab3a8d432033aa1f02d28e841e78eba06d63e';
/// Order Status List Provider
///
/// Provides cached order status list with automatic refresh.
/// Uses cache-first strategy with API fallback.
@ProviderFor(orderStatusList)
const orderStatusListProvider = OrderStatusListProvider._();
/// Order Status List Provider
///
/// Provides cached order status list with automatic refresh.
/// Uses cache-first strategy with API fallback.
final class OrderStatusListProvider
extends
$FunctionalProvider<
AsyncValue<List<OrderStatus>>,
List<OrderStatus>,
FutureOr<List<OrderStatus>>
>
with
$FutureModifier<List<OrderStatus>>,
$FutureProvider<List<OrderStatus>> {
/// Order Status List Provider
///
/// Provides cached order status list with automatic refresh.
/// Uses cache-first strategy with API fallback.
const OrderStatusListProvider._()
: super(
from: null,
argument: null,
retry: null,
name: r'orderStatusListProvider',
isAutoDispose: true,
dependencies: null,
$allTransitiveDependencies: null,
);
@override
String debugGetCreateSourceHash() => _$orderStatusListHash();
@$internal
@override
$FutureProviderElement<List<OrderStatus>> $createElement(
$ProviderPointer pointer,
) => $FutureProviderElement(pointer);
@override
FutureOr<List<OrderStatus>> create(Ref ref) {
return orderStatusList(ref);
}
}
String _$orderStatusListHash() => r'f005726ad238164f7e0dece62476b39fd762e933';

113
lib/features/orders/presentation/widgets/order_card.dart
View File

@@ -3,20 +3,18 @@
/// Displays order information in a card format.
library;
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:worker/core/database/models/enums.dart';
import 'package:worker/core/enums/status_color.dart';
import 'package:worker/core/theme/colors.dart';
import 'package:worker/features/orders/data/models/order_model.dart';
import 'package:worker/features/orders/domain/entities/order.dart';
/// Order Card Widget
///
/// Displays order details in a card with status indicator.
class OrderCard extends StatelessWidget {
/// Order to display
final OrderModel order;
final Order order;
/// Tap callback
final VoidCallback? onTap;
@@ -50,7 +48,7 @@ class OrderCard extends StatelessWidget {
children: [
// Order number
Text(
'#${order.orderNumber}',
'#${order.name}',
style: const TextStyle(
fontSize: 16,
fontWeight: FontWeight.w700,
@@ -60,7 +58,7 @@ class OrderCard extends StatelessWidget {
// Amount
Text(
currencyFormatter.format(order.finalAmount),
currencyFormatter.format(order.grandTotal),
style: const TextStyle(
fontSize: 16,
fontWeight: FontWeight.w700,
@@ -73,18 +71,13 @@ class OrderCard extends StatelessWidget {
const SizedBox(height: 12),
// Order details
_buildDetailRow('Ngày đặt:', _formatDate(order.createdAt)),
_buildDetailRow('Ngày đặt:', _formatDate(order.transactionDate)),
const SizedBox(height: 6),
_buildDetailRow(
'Ngày giao:',
order.expectedDeliveryDate != null
? _formatDate(order.expectedDeliveryDate!)
: 'Chưa xác định',
),
_buildDetailRow('Ngày giao:', _formatDate(order.deliveryDate)),
const SizedBox(height: 6),
_buildDetailRow('Địa chỉ:', _getShortAddress()),
_buildDetailRow('Địa chỉ:', order.address),
const SizedBox(height: 12),
// Status badge
@@ -118,100 +111,50 @@ class OrderCard extends StatelessWidget {
/// Build status badge
Widget _buildStatusBadge() {
final statusColor = _getStatusColor();
return Container(
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
decoration: BoxDecoration(
color: _getStatusColor(order.status).withValues(alpha: 0.1),
color: statusColor.withValues(alpha: 0.1),
borderRadius: BorderRadius.circular(16),
border: Border.all(
color: _getStatusColor(order.status).withValues(alpha: 0.3),
color: statusColor.withValues(alpha: 0.3),
width: 1,
),
),
child: Text(
_getStatusText(order.status),
order.status,
style: TextStyle(
fontSize: 13,
fontWeight: FontWeight.w600,
color: _getStatusColor(order.status),
color: statusColor,
),
),
);
}
/// Get status color
Color _getStatusColor(OrderStatus status) {
switch (status) {
case OrderStatus.draft:
return AppColors.grey500;
case OrderStatus.pending:
return const Color(0xFFF59E0B); // warning/pending color
case OrderStatus.confirmed:
return const Color(0xFFF59E0B); // warning/pending color
case OrderStatus.processing:
return AppColors.info;
case OrderStatus.shipped:
return const Color(0xFF3B82F6); // blue
case OrderStatus.delivered:
return const Color(0xFF10B981); // green
case OrderStatus.completed:
return AppColors.success;
case OrderStatus.cancelled:
return AppColors.danger;
case OrderStatus.refunded:
return const Color(0xFFF97316); // orange
}
}
/// Get status text in Vietnamese
String _getStatusText(OrderStatus status) {
switch (status) {
case OrderStatus.draft:
return 'Nháp';
case OrderStatus.pending:
return 'Chờ xác nhận';
case OrderStatus.confirmed:
return 'Đã xác nhận';
case OrderStatus.processing:
return 'Đang xử lý';
case OrderStatus.shipped:
return 'Đang giao';
case OrderStatus.delivered:
return 'Đã giao';
case OrderStatus.completed:
return 'Hoàn thành';
case OrderStatus.cancelled:
return 'Đã hủy';
case OrderStatus.refunded:
return 'Đã hoàn tiền';
}
/// Get status color from API status_color field
Color _getStatusColor() {
// Parse statusColor from API (Warning, Success, Danger, Info, Secondary)
final statusColorEnum = StatusColor.values.firstWhere(
(e) => e.name.toLowerCase() == order.statusColor.toLowerCase(),
orElse: () => StatusColor.secondary,
);
return statusColorEnum.color;
}
/// Format date to dd/MM/yyyy
String _formatDate(DateTime date) {
return DateFormat('dd/MM/yyyy').format(date);
}
/// Get short address (city or district, city)
String _getShortAddress() {
if (order.shippingAddress == null) {
return 'Chưa có địa chỉ';
String _formatDate(String? dateString) {
if (dateString == null || dateString.isEmpty) {
return 'Chưa xác định';
}
try {
final addressJson = jsonDecode(order.shippingAddress!);
final city = addressJson['city'] as String?;
final district = addressJson['district'] as String?;
if (district != null && city != null) {
return '$district, $city';
} else if (city != null) {
return city;
} else {
return 'Chưa có địa chỉ';
}
final date = DateTime.parse(dateString);
return DateFormat('dd/MM/yyyy').format(date);
} catch (e) {
return 'Chưa có địa chỉ';
return dateString;
}
}
}