You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
365 lines
19 KiB
Dart
365 lines
19 KiB
Dart
import 'package:mc_common_app/generated/locale_keys.g.dart';
|
|
import 'package:mc_common_app/view_models/requests_view_model.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:mc_common_app/classes/consts.dart';
|
|
import 'package:mc_common_app/extensions/int_extensions.dart';
|
|
import 'package:mc_common_app/extensions/string_extensions.dart';
|
|
import 'package:mc_common_app/models/general_models/widgets_models.dart';
|
|
import 'package:mc_common_app/theme/colors.dart';
|
|
import 'package:mc_common_app/views/advertisement/ad_creation_steps/ad_creation_steps_containers.dart';
|
|
import 'package:mc_common_app/views/advertisement/picked_images_container.dart';
|
|
import 'package:mc_common_app/widgets/button/show_fill_button.dart';
|
|
import 'package:mc_common_app/widgets/common_widgets/app_bar.dart';
|
|
import 'package:mc_common_app/widgets/dropdown/dropdow_field.dart';
|
|
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
|
|
import 'package:mc_common_app/widgets/txt_field.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:easy_localization/easy_localization.dart';
|
|
|
|
class CreateRequestPage extends StatelessWidget {
|
|
const CreateRequestPage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: CustomAppBar(
|
|
title: LocaleKeys.createRequest.tr(),
|
|
),
|
|
body: Consumer<RequestsVM>(builder: (context, requestsVM, widget) {
|
|
return Column(
|
|
children: [
|
|
Expanded(
|
|
child: SingleChildScrollView(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
LocaleKeys.vehicleDetails
|
|
.tr()
|
|
.toText(fontSize: 18, isBold: true),
|
|
8.height,
|
|
if (requestsVM.isFetchingRequestType) ...[
|
|
const Center(
|
|
child: CircularProgressIndicator(),
|
|
),
|
|
] else ...[
|
|
Builder(builder: (context) {
|
|
List<DropValue> requestTypeDrop = [];
|
|
for (var element in requestsVM.myRequestsTypeEnum) {
|
|
requestTypeDrop.add(DropValue(
|
|
element.enumValue.toInt() ?? 0,
|
|
element.enumValueStr ?? "",
|
|
""));
|
|
}
|
|
return DropdownField(
|
|
(DropValue value) => requestsVM
|
|
.updateSelectionRequestTypeId(SelectionModel(
|
|
selectedId: value.id,
|
|
selectedOption: value.value)),
|
|
list: requestTypeDrop,
|
|
dropdownValue:
|
|
requestsVM.requestTypeId.selectedId != -1
|
|
? DropValue(
|
|
requestsVM.requestTypeId.selectedId,
|
|
requestsVM.requestTypeId.selectedOption,
|
|
"")
|
|
: null,
|
|
hint: LocaleKeys.requestType.tr(),
|
|
errorValue: requestsVM.requestTypeId.errorValue,
|
|
);
|
|
}),
|
|
],
|
|
8.height,
|
|
if (requestsVM.requestTypeId.selectedId != -1)
|
|
if (requestsVM.isFetchingVehicleType) ...[
|
|
const Center(
|
|
child: CircularProgressIndicator(),
|
|
),
|
|
] else ...[
|
|
Builder(builder: (context) {
|
|
List<DropValue> vehicleTypeDrop = [];
|
|
for (var element in requestsVM.vehicleTypes) {
|
|
vehicleTypeDrop.add(DropValue(
|
|
element.id?.toInt() ?? 0,
|
|
element.vehicleTypeName ?? "",
|
|
""));
|
|
}
|
|
return DropdownField(
|
|
(DropValue value) => requestsVM
|
|
.updateSelectionVehicleTypeId(SelectionModel(
|
|
selectedId: value.id,
|
|
selectedOption: value.value)),
|
|
list: vehicleTypeDrop,
|
|
dropdownValue:
|
|
requestsVM.vehicleTypeId.selectedId != -1
|
|
? DropValue(
|
|
requestsVM.vehicleTypeId.selectedId,
|
|
requestsVM.vehicleTypeId.selectedOption,
|
|
"")
|
|
: null,
|
|
hint: LocaleKeys.vehicleType.tr(),
|
|
errorValue: requestsVM.vehicleTypeId.errorValue,
|
|
);
|
|
}),
|
|
],
|
|
8.height,
|
|
if (requestsVM.vehicleTypeId.selectedId != -1)
|
|
if (requestsVM.isFetchingVehicleDetail) ...[
|
|
const Center(
|
|
child: CircularProgressIndicator(),
|
|
),
|
|
] else ...[
|
|
Column(
|
|
children: [
|
|
Builder(builder: (context) {
|
|
List<DropValue> vehicleBrandsDrop = [];
|
|
for (var element in requestsVM.vehicleBrands) {
|
|
vehicleBrandsDrop.add(DropValue(
|
|
element.id?.toInt() ?? 0,
|
|
element.vehicleBrandDescription ?? "",
|
|
""));
|
|
}
|
|
return DropdownField(
|
|
(DropValue value) =>
|
|
requestsVM.updateSelectionVehicleBrandId(
|
|
SelectionModel(
|
|
selectedId: value.id,
|
|
selectedOption: value.value)),
|
|
list: vehicleBrandsDrop,
|
|
dropdownValue:
|
|
requestsVM.vehicleBrandId.selectedId != -1
|
|
? DropValue(
|
|
requestsVM
|
|
.vehicleBrandId.selectedId,
|
|
requestsVM
|
|
.vehicleBrandId.selectedOption,
|
|
"")
|
|
: null,
|
|
hint: LocaleKeys.brand.tr(),
|
|
errorValue:
|
|
requestsVM.vehicleBrandId.errorValue,
|
|
);
|
|
}),
|
|
8.height,
|
|
Builder(builder: (context) {
|
|
List<DropValue> vehicleModelsDrop = [];
|
|
for (var element in requestsVM.vehicleModels) {
|
|
if (requestsVM.vehicleBrandId.selectedId ==
|
|
element.vehicleBrandID)
|
|
vehicleModelsDrop.add(DropValue(
|
|
element.id?.toInt() ?? 0,
|
|
element.model ?? "",
|
|
""));
|
|
}
|
|
return DropdownField(
|
|
(DropValue value) =>
|
|
requestsVM.updateSelectionVehicleModelId(
|
|
SelectionModel(
|
|
selectedId: value.id,
|
|
selectedOption: value.value)),
|
|
list: vehicleModelsDrop,
|
|
dropdownValue:
|
|
requestsVM.vehicleModelId.selectedId != -1
|
|
? DropValue(
|
|
requestsVM
|
|
.vehicleModelId.selectedId,
|
|
requestsVM
|
|
.vehicleModelId.selectedOption,
|
|
"")
|
|
: null,
|
|
hint: LocaleKeys.model.tr(),
|
|
errorValue:
|
|
requestsVM.vehicleModelId.errorValue,
|
|
);
|
|
}),
|
|
8.height,
|
|
Builder(builder: (context) {
|
|
List<DropValue> vehicleYearModelsDrop = [];
|
|
for (var element
|
|
in requestsVM.vehicleModelYears) {
|
|
vehicleYearModelsDrop.add(DropValue(
|
|
element.id?.toInt() ?? 0,
|
|
element.modelYear ?? "",
|
|
""));
|
|
}
|
|
|
|
return DropdownField(
|
|
(DropValue value) => requestsVM
|
|
.updateSelectionVehicleModelYearId(
|
|
SelectionModel(
|
|
selectedId: value.id,
|
|
selectedOption: value.value)),
|
|
list: vehicleYearModelsDrop,
|
|
dropdownValue:
|
|
requestsVM.vehicleModelYearId.selectedId !=
|
|
-1
|
|
? DropValue(
|
|
requestsVM
|
|
.vehicleModelYearId.selectedId,
|
|
requestsVM.vehicleModelYearId
|
|
.selectedOption,
|
|
"")
|
|
: null,
|
|
hint: LocaleKeys.year.tr(),
|
|
errorValue:
|
|
requestsVM.vehicleModelYearId.errorValue,
|
|
);
|
|
}),
|
|
8.height,
|
|
Builder(builder: (context) {
|
|
List<DropValue> vehicleCountriesDrop = [];
|
|
for (var element in requestsVM.vehicleCountries) {
|
|
vehicleCountriesDrop.add(DropValue(
|
|
element.id?.toInt() ?? 0,
|
|
element.countryName ?? "",
|
|
""));
|
|
}
|
|
return DropdownField(
|
|
(DropValue value) =>
|
|
requestsVM.updateSelectionVehicleCountryId(
|
|
SelectionModel(
|
|
selectedOption: value.value,
|
|
selectedId: value.id)),
|
|
list: vehicleCountriesDrop,
|
|
dropdownValue:
|
|
requestsVM.vehicleCountryId.selectedId != -1
|
|
? DropValue(
|
|
requestsVM
|
|
.vehicleCountryId.selectedId,
|
|
requestsVM.vehicleCountryId
|
|
.selectedOption,
|
|
"")
|
|
: null,
|
|
hint: LocaleKeys.country.tr(),
|
|
errorValue:
|
|
requestsVM.vehicleCountryId.errorValue,
|
|
);
|
|
}),
|
|
if (requestsVM.vehicleCountryId.selectedId !=
|
|
-1) ...[
|
|
if (requestsVM.isCountryFetching) ...[
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
const CircularProgressIndicator()
|
|
.paddingAll(10)
|
|
],
|
|
),
|
|
] else ...[
|
|
8.height,
|
|
Builder(builder: (context) {
|
|
List<DropValue> vehicleCitiesDrop = [];
|
|
for (var element
|
|
in requestsVM.vehicleCities) {
|
|
vehicleCitiesDrop.add(DropValue(
|
|
element.id?.toInt() ?? 0,
|
|
element.cityName ?? "",
|
|
""));
|
|
}
|
|
return DropdownField(
|
|
(DropValue value) =>
|
|
requestsVM.updateSelectionVehicleCityId(
|
|
SelectionModel(
|
|
selectedId: value.id,
|
|
selectedOption: value.value)),
|
|
list: vehicleCitiesDrop,
|
|
dropdownValue: requestsVM
|
|
.vehicleCityId.selectedId !=
|
|
-1
|
|
? DropValue(
|
|
requestsVM.vehicleCityId.selectedId,
|
|
requestsVM
|
|
.vehicleCityId.selectedOption,
|
|
"")
|
|
: null,
|
|
hint: LocaleKeys.city.tr(),
|
|
errorValue:
|
|
requestsVM.vehicleCityId.errorValue,
|
|
);
|
|
}),
|
|
],
|
|
],
|
|
8.height,
|
|
TxtField(
|
|
hint: LocaleKeys.price.tr(),
|
|
value: requestsVM.price,
|
|
keyboardType: TextInputType.number,
|
|
onChanged: (e) => requestsVM.updatePrice(e),
|
|
),
|
|
8.height,
|
|
TxtField(
|
|
hint: LocaleKeys.description.tr(),
|
|
maxLines: 5,
|
|
value: requestsVM.description,
|
|
onChanged: (e) => requestsVM.updateDescription(e),
|
|
),
|
|
8.height,
|
|
DottedRectContainer(
|
|
onTap: () => context
|
|
.read<RequestsVM>()
|
|
.pickMultipleImages(),
|
|
text: LocaleKeys.attachImage.tr(),
|
|
icon: MyAssets.attachmentIcon.buildSvg(),
|
|
),
|
|
if (requestsVM.vehicleImageError != "") ...[
|
|
10.height,
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: [
|
|
requestsVM.vehicleImageError
|
|
.toText(fontSize: 14, color: Colors.red),
|
|
],
|
|
).paddingOnly(right: 10)
|
|
],
|
|
if (requestsVM.pickedVehicleImages.isNotEmpty) ...[
|
|
16.height,
|
|
PickedFilesContainer(
|
|
pickedFiles: requestsVM.pickedVehicleImages,
|
|
onCrossPressedPrimary:
|
|
requestsVM.removeImageFromList,
|
|
onAddFilePressed: () {
|
|
context
|
|
.read<RequestsVM>()
|
|
.pickMultipleImages();
|
|
},
|
|
),
|
|
],
|
|
16.height,
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
Checkbox(
|
|
value: requestsVM.isShippingDeliveryEnabled,
|
|
onChanged: null,
|
|
),
|
|
LocaleKeys.shippingDelivery.tr().toText(
|
|
color: MyColors.darkPrimaryColor,
|
|
isBold: true,
|
|
fontSize: 18)
|
|
],
|
|
).onPress(() {
|
|
requestsVM.updateShippingDeliverEnabled(
|
|
!requestsVM.isShippingDeliveryEnabled);
|
|
}),
|
|
],
|
|
),
|
|
]
|
|
],
|
|
).toContainer(
|
|
isShadowEnabled: true, marginAll: 16, paddingAll: 12),
|
|
),
|
|
),
|
|
ShowFillButton(
|
|
title: LocaleKeys.createRequest.tr(),
|
|
maxWidth: double.infinity,
|
|
margin: const EdgeInsets.all(16),
|
|
onPressed: () async {
|
|
await context.read<RequestsVM>().onCreateRequestTapped(context);
|
|
},
|
|
)
|
|
],
|
|
);
|
|
}),
|
|
);
|
|
}
|
|
}
|