Feat: add conditional data not complete for feature add as passenger

This commit is contained in:
orangdeso 2025-05-25 21:54:14 +07:00
parent edd2187c07
commit 74a09d4d3a
3 changed files with 214 additions and 131 deletions

View File

@ -271,7 +271,7 @@ class _HomeScreenState extends State<HomeScreen> {
child: CarouselSlider( child: CarouselSlider(
items: imageList, items: imageList,
options: CarouselOptions( options: CarouselOptions(
autoPlay: false, autoPlay: true,
enlargeCenterPage: true, enlargeCenterPage: true,
aspectRatio: 2.3, aspectRatio: 2.3,
viewportFraction: 0.8, viewportFraction: 0.8,

View File

@ -1,7 +1,6 @@
// ignore_for_file: deprecated_member_use // ignore_for_file: deprecated_member_use
import 'dart:developer'; import 'dart:developer';
import 'package:e_porter/_core/component/appbar/appbar_component.dart'; import 'package:e_porter/_core/component/appbar/appbar_component.dart';
import 'package:e_porter/_core/component/button/button_fill.dart'; import 'package:e_porter/_core/component/button/button_fill.dart';
import 'package:e_porter/_core/component/button/switch_button.dart'; import 'package:e_porter/_core/component/button/switch_button.dart';
@ -96,7 +95,7 @@ class _TicketBookingStep1ScreenState extends State<TicketBookingStep1Screen> {
Future<void> _loadPassengers() async { Future<void> _loadPassengers() async {
final userData = await PreferencesService.getUserData(); final userData = await PreferencesService.getUserData();
if (userData == null || userData.uid.isEmpty) { if (userData == null || userData.uid.isEmpty) {
SnackbarHelper.showError('Error', 'User ID tidak ditemukan, silakan login kembali'); SnackbarHelper.showError('Gagal', 'User ID tidak ditemukan, silakan login kembali');
return; return;
} }
final userId = userData.uid; final userId = userData.uid;
@ -105,10 +104,45 @@ class _TicketBookingStep1ScreenState extends State<TicketBookingStep1Screen> {
bool isAllPassengersFilled() { bool isAllPassengersFilled() {
if (isToggled && _loggedUser != null) { if (isToggled && _loggedUser != null) {
return selectedPassengers.skip(1).every((p) => p != null); if (!_isUserDataComplete(_loggedUser)) {
} else { return false;
return selectedPassengers.every((p) => p != null);
} }
return selectedPassengers.skip(1).every((p) => p != null && _isPassengerDataComplete(p));
} else {
return selectedPassengers.every((p) => p != null && _isPassengerDataComplete(p));
}
}
bool _isUserDataComplete(dynamic userData) {
return userData.tipeId != null && userData.tipeId!.isNotEmpty && userData.noId != null && userData.noId!.isNotEmpty;
}
bool _isPassengerDataComplete(PassengerModel passenger) {
return passenger.typeId.isNotEmpty && passenger.noId.isNotEmpty;
}
String? _getValidationMessage() {
if (isToggled && _loggedUser != null && !_isUserDataComplete(_loggedUser)) {
return 'Data Anda tidak lengkap. Harap lengkapi tipe ID dan nomor ID di profil terlebih dahulu.';
}
if (selectedPassengers.any((p) => p == null)) {
return 'Harap lengkapi semua slot penumpang';
}
if (isToggled && _loggedUser != null) {
final incompletePassengers = selectedPassengers.skip(1).where((p) => p != null && !_isPassengerDataComplete(p));
if (incompletePassengers.isNotEmpty) {
return 'Ada data penumpang yang tidak lengkap. Harap periksa kembali informasi penumpang.';
}
} else {
final incompletePassengers = selectedPassengers.where((p) => p != null && !_isPassengerDataComplete(p));
if (incompletePassengers.isNotEmpty) {
return 'Ada data penumpang yang tidak lengkap. Harap periksa kembali informasi penumpang.';
}
}
return null;
} }
@override @override
@ -188,9 +222,11 @@ class _TicketBookingStep1ScreenState extends State<TicketBookingStep1Screen> {
textColor: Colors.white, textColor: Colors.white,
backgroundColor: isAllPassengersFilled() ? PrimaryColors.primary800 : GrayColors.gray400, backgroundColor: isAllPassengersFilled() ? PrimaryColors.primary800 : GrayColors.gray400,
onTap: () { onTap: () {
if (selectedPassengers.any((p) => p == null)) { final validationMessage = _getValidationMessage();
SnackbarHelper.showError('Error', 'Harap lengkapi slot penumpang'); if (validationMessage != null) {
} else { SnackbarHelper.showError('Error', validationMessage);
return;
}
final argument = { final argument = {
"fromId": fromId, "fromId": fromId,
"toId": toId, "toId": toId,
@ -215,7 +251,6 @@ class _TicketBookingStep1ScreenState extends State<TicketBookingStep1Screen> {
log('[Ticket Booking Step1] From ID: $fromId'); log('[Ticket Booking Step1] From ID: $fromId');
Get.toNamed(Routes.TICKETBOOKINGSTEP2, arguments: argument); Get.toNamed(Routes.TICKETBOOKINGSTEP2, arguments: argument);
}
}, },
), ),
), ),
@ -316,13 +351,31 @@ class _TicketBookingStep1ScreenState extends State<TicketBookingStep1Screen> {
Widget _buildUserPassengerCard(dynamic user, int index) { Widget _buildUserPassengerCard(dynamic user, int index) {
bool isSlotEditTable = !isToggled || index != 0; bool isSlotEditTable = !isToggled || index != 0;
bool isDataComplete = _isUserDataComplete(user);
return Padding( return Padding(
padding: EdgeInsets.only(bottom: 16.h), padding: EdgeInsets.only(bottom: 16.h),
child: CustomeShadowCotainner( child: Container(
child: Row( padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 16.h),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(10.r),
border: !isDataComplete ? Border.all(color: Colors.red.shade300, width: 1.5.w) : null,
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.1),
blurRadius: 8,
offset: Offset(0, 2),
),
],
),
child: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
Column( Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
TypographyStyles.body( TypographyStyles.body(
@ -332,12 +385,15 @@ class _TicketBookingStep1ScreenState extends State<TicketBookingStep1Screen> {
), ),
SizedBox(height: 4.h), SizedBox(height: 4.h),
TypographyStyles.caption( TypographyStyles.caption(
"${_loggedUser.tipeId} - ${_loggedUser.noId}", (_loggedUser.tipeId?.isEmpty ?? true) || (_loggedUser.noId?.isEmpty ?? true)
color: GrayColors.gray800, ? "Data tidak lengkap"
: "${_loggedUser.tipeId} - ${_loggedUser.noId}",
color: !isDataComplete ? Colors.red.shade600 : GrayColors.gray800,
fontWeight: FontWeight.w400, fontWeight: FontWeight.w400,
) )
], ],
), ),
),
Row( Row(
children: [ children: [
ZoomTapAnimation( ZoomTapAnimation(
@ -426,6 +482,34 @@ class _TicketBookingStep1ScreenState extends State<TicketBookingStep1Screen> {
) )
], ],
), ),
if (!isDataComplete)
Container(
margin: EdgeInsets.only(top: 8.h),
padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 6.h),
decoration: BoxDecoration(
color: Colors.red.shade50,
borderRadius: BorderRadius.circular(6.r),
),
child: Row(
children: [
Icon(
Icons.warning_amber_rounded,
size: 16.w,
color: Colors.red.shade600,
),
SizedBox(width: 6.w),
Expanded(
child: TypographyStyles.caption(
'Lengkapi tipe ID dan nomor ID di profil Anda',
color: Colors.red.shade600,
fontWeight: FontWeight.w500,
),
),
],
),
),
],
),
), ),
); );
} }

View File

@ -1,5 +1,4 @@
import 'package:e_porter/_core/component/appbar/appbar_component.dart'; import 'package:e_porter/_core/component/appbar/appbar_component.dart';
import 'package:e_porter/_core/component/button/button_outline.dart';
import 'package:e_porter/_core/component/card/custome_shadow_cotainner.dart'; import 'package:e_porter/_core/component/card/custome_shadow_cotainner.dart';
import 'package:e_porter/_core/constants/colors.dart'; import 'package:e_porter/_core/constants/colors.dart';
import 'package:e_porter/_core/constants/typography.dart'; import 'package:e_porter/_core/constants/typography.dart';