added setting screens
parent
8168e5a81d
commit
95fec1e62d
@ -0,0 +1,236 @@
|
|||||||
|
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/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';
|
||||||
|
|
||||||
|
class CreateRequestPage extends StatelessWidget {
|
||||||
|
const CreateRequestPage({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: const CustomAppBar(
|
||||||
|
title: "Create Request",
|
||||||
|
),
|
||||||
|
body: Consumer<RequestsVM>(builder: (context, requestsVM, widget) {
|
||||||
|
return Column(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: SingleChildScrollView(
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
"Vehicle Detail".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: "Request Type",
|
||||||
|
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: "Vehicle Type",
|
||||||
|
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: "Brand",
|
||||||
|
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: "Model",
|
||||||
|
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: "Year",
|
||||||
|
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: "Country",
|
||||||
|
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: "City",
|
||||||
|
errorValue: requestsVM.vehicleCityId.errorValue,
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
],
|
||||||
|
],
|
||||||
|
8.height,
|
||||||
|
TxtField(
|
||||||
|
hint: "Price",
|
||||||
|
value: requestsVM.price,
|
||||||
|
onChanged: (e) => requestsVM.updatePrice(e),
|
||||||
|
),
|
||||||
|
8.height,
|
||||||
|
TxtField(
|
||||||
|
hint: "Description",
|
||||||
|
maxLines: 5,
|
||||||
|
value: requestsVM.description,
|
||||||
|
onChanged: (e) => requestsVM.updateDescription(e),
|
||||||
|
),
|
||||||
|
8.height,
|
||||||
|
DottedRectContainer(
|
||||||
|
onTap: () => context.read<RequestsVM>().pickMultipleImages(),
|
||||||
|
text: "Attach Image",
|
||||||
|
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,
|
||||||
|
PickedImagesContainer(
|
||||||
|
pickedImages: requestsVM.pickedVehicleImages,
|
||||||
|
onCrossPressedPrimary: requestsVM.removeImageFromList,
|
||||||
|
onAddImagePressed: () {
|
||||||
|
context.read<RequestsVM>().pickMultipleImages();
|
||||||
|
},
|
||||||
|
),
|
||||||
|
],
|
||||||
|
16.height,
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Checkbox(
|
||||||
|
value: requestsVM.isShippingDeliveryEnabled,
|
||||||
|
onChanged: null,
|
||||||
|
),
|
||||||
|
"Shipping/Delivery".toText(color: MyColors.darkPrimaryColor, isBold: true, fontSize: 18)
|
||||||
|
],
|
||||||
|
).onPress(() {
|
||||||
|
requestsVM.updateShippingDeliverEnabled(!requestsVM.isShippingDeliveryEnabled);
|
||||||
|
}),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
]
|
||||||
|
],
|
||||||
|
).toContainer(isShadowEnabled: true, marginAll: 16, paddingAll: 12),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
ShowFillButton(
|
||||||
|
title: "Create Request",
|
||||||
|
maxWidth: double.infinity,
|
||||||
|
margin: const EdgeInsets.all(16),
|
||||||
|
onPressed: () async {
|
||||||
|
await context.read<RequestsVM>().onCreateRequestTapped(context);
|
||||||
|
},
|
||||||
|
)
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,87 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:mc_common_app/config/routes.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/requests/offers_model.dart';
|
||||||
|
import 'package:mc_common_app/theme/colors.dart';
|
||||||
|
import 'package:mc_common_app/utils/navigator.dart';
|
||||||
|
import 'package:mc_common_app/widgets/common_widgets/app_bar.dart';
|
||||||
|
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
|
||||||
|
|
||||||
|
class OfferListPage extends StatelessWidget {
|
||||||
|
final List<OffersModel> offersList;
|
||||||
|
|
||||||
|
OfferListPage({required this.offersList});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: CustomAppBar(title: "Offers"),
|
||||||
|
body: offersList.isEmpty
|
||||||
|
? Center(child: "No Requests to show.".toText(fontSize: 16, color: MyColors.lightTextColor))
|
||||||
|
: ListView.separated(
|
||||||
|
itemCount: offersList.length,
|
||||||
|
padding: EdgeInsets.all(16),
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
OffersModel offersModel = offersList[index];
|
||||||
|
return Stack(
|
||||||
|
alignment: Alignment.bottomRight,
|
||||||
|
children: [
|
||||||
|
Column(
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
"${offersModel.serviceProvider!.companyName ?? ""}".toText(fontSize: 16, isBold: true),
|
||||||
|
|
||||||
|
//Un read offers count
|
||||||
|
|
||||||
|
// Center(
|
||||||
|
// child: "2".toText(
|
||||||
|
// color: Colors.white,
|
||||||
|
// isBold: true,
|
||||||
|
// fontSize: 10,
|
||||||
|
// ),
|
||||||
|
// ).toContainer(
|
||||||
|
// backgroundColor: MyColors.redColor,
|
||||||
|
// borderRadius: 100,
|
||||||
|
// paddingAll: 1,
|
||||||
|
// width: 20,
|
||||||
|
// height: 20,
|
||||||
|
// ),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
8.height,
|
||||||
|
Row(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: "${offersModel.comment} and This is dummy text edition.".toText(
|
||||||
|
color: MyColors.lightTextColor,
|
||||||
|
fontSize: 12,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
12.width,
|
||||||
|
"9 Hours Ago".toText(
|
||||||
|
color: MyColors.lightTextColor,
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Icon(
|
||||||
|
Icons.arrow_forward,
|
||||||
|
color: MyColors.darkIconColor,
|
||||||
|
size: 18,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
).onPress(() {
|
||||||
|
navigateWithName(context, AppRoutes.chatView);
|
||||||
|
}).toContainer(isShadowEnabled: true);
|
||||||
|
},
|
||||||
|
separatorBuilder: (context, index) => 16.height,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,47 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:mc_common_app/config/routes.dart';
|
||||||
|
import 'package:mc_common_app/extensions/string_extensions.dart';
|
||||||
|
import 'package:mc_common_app/theme/colors.dart';
|
||||||
|
import 'package:mc_common_app/utils/navigator.dart';
|
||||||
|
import 'package:mc_common_app/views/setting_options/widgets/custom_setting_options_tile.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/extensions/extensions_widget.dart';
|
||||||
|
|
||||||
|
class SettingOptionsFAQs extends StatelessWidget {
|
||||||
|
const SettingOptionsFAQs({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: CustomAppBar(
|
||||||
|
title: "More",
|
||||||
|
isRemoveBackButton: false,
|
||||||
|
isDrawerEnabled: false,
|
||||||
|
onBackButtonTapped: () => Navigator.pop(context),
|
||||||
|
),
|
||||||
|
body: Column(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: ListView(
|
||||||
|
children: [
|
||||||
|
Column(
|
||||||
|
children: [
|
||||||
|
CustomSettingOptionsTile(leadingWidget: const Icon(Icons.info, size: 20), titleText: "FAQs", needBorderBelow: true, onTap: () {}),
|
||||||
|
CustomSettingOptionsTile(leadingWidget: const Icon(Icons.mail, size: 20), titleText: "Contact Us", needBorderBelow: true, onTap: () {}),
|
||||||
|
CustomSettingOptionsTile(leadingWidget: const Icon(Icons.settings, size: 20), titleText: "Terms & Privacy", onTap: () {}),
|
||||||
|
],
|
||||||
|
).toContainer(width: double.infinity, isShadowEnabled: true, paddingAll: 10, margin: const EdgeInsets.fromLTRB(24, 24, 24, 0), borderRadius: 0),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
"Version: 1.0.0".toText(fontSize: 14),
|
||||||
|
],
|
||||||
|
).paddingAll(21),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,96 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:mc_common_app/config/routes.dart';
|
||||||
|
import 'package:mc_common_app/extensions/int_extensions.dart';
|
||||||
|
import 'package:mc_common_app/extensions/string_extensions.dart';
|
||||||
|
import 'package:mc_common_app/theme/colors.dart';
|
||||||
|
import 'package:mc_common_app/utils/navigator.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/extensions/extensions_widget.dart';
|
||||||
|
|
||||||
|
class SettingOptionsInviteFriends extends StatelessWidget {
|
||||||
|
const SettingOptionsInviteFriends({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: CustomAppBar(
|
||||||
|
title: "More",
|
||||||
|
isRemoveBackButton: false,
|
||||||
|
isDrawerEnabled: false,
|
||||||
|
onBackButtonTapped: () => Navigator.pop(context),
|
||||||
|
),
|
||||||
|
body: Column(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: ListView(
|
||||||
|
children: [
|
||||||
|
Column(
|
||||||
|
children: [
|
||||||
|
CustomSettingOptionsTile(
|
||||||
|
leadingWidget: const Icon(Icons.person, size: 20), titleText: "Invite Friends", needBorderBelow: true, onTap: () => navigateWithName(context, AppRoutes.myRequestsPage)),
|
||||||
|
CustomSettingOptionsTile(
|
||||||
|
leadingWidget: const Icon(Icons.help, size: 20), titleText: "Help", needBorderBelow: true, onTap: () => navigateWithName(context, AppRoutes.settingOptionsFaqs)),
|
||||||
|
CustomSettingOptionsTile(leadingWidget: const Icon(Icons.person, size: 20), titleText: "Account", onTap: () {}),
|
||||||
|
],
|
||||||
|
).toContainer(width: double.infinity, isShadowEnabled: true, paddingAll: 10, margin: const EdgeInsets.fromLTRB(24, 24, 24, 0), borderRadius: 0),
|
||||||
|
CustomSettingOptionsTile(leadingWidget: const Icon(Icons.translate, size: 20), titleText: "Language", isForLanguage: true, onTap: () {})
|
||||||
|
.toContainer(width: double.infinity, isShadowEnabled: true, paddingAll: 10, marginAll: 21, borderRadius: 0),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: ShowFillButton(
|
||||||
|
borderColor: MyColors.redColor,
|
||||||
|
txtColor: MyColors.redColor,
|
||||||
|
isFilled: false,
|
||||||
|
fontSize: 16,
|
||||||
|
maxHeight: 55,
|
||||||
|
title: "Log Out",
|
||||||
|
onPressed: () {},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
).paddingAll(21),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class CustomSettingOptionsTile extends StatelessWidget {
|
||||||
|
final Widget leadingWidget;
|
||||||
|
final String titleText;
|
||||||
|
final bool needBorderBelow;
|
||||||
|
final bool isForLanguage;
|
||||||
|
final Function() onTap;
|
||||||
|
|
||||||
|
const CustomSettingOptionsTile({super.key, required this.leadingWidget, required this.onTap, required this.titleText, this.needBorderBelow = false, this.isForLanguage = false});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Column(
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
leadingWidget,
|
||||||
|
12.width,
|
||||||
|
titleText.toText(fontSize: 16),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
isForLanguage ? const Icon(Icons.language, size: 18) : const Icon(Icons.arrow_forward, size: 18)
|
||||||
|
],
|
||||||
|
).onPress(onTap),
|
||||||
|
5.height,
|
||||||
|
if (needBorderBelow) ...[
|
||||||
|
const Divider(thickness: 1),
|
||||||
|
],
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,58 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:mc_common_app/config/routes.dart';
|
||||||
|
import 'package:mc_common_app/theme/colors.dart';
|
||||||
|
import 'package:mc_common_app/utils/navigator.dart';
|
||||||
|
import 'package:mc_common_app/views/setting_options/widgets/custom_setting_options_tile.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/extensions/extensions_widget.dart';
|
||||||
|
|
||||||
|
class SettingOptionsLanguage extends StatelessWidget {
|
||||||
|
const SettingOptionsLanguage({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: CustomAppBar(
|
||||||
|
title: "More",
|
||||||
|
isRemoveBackButton: false,
|
||||||
|
isDrawerEnabled: false,
|
||||||
|
onBackButtonTapped: () => Navigator.pop(context),
|
||||||
|
),
|
||||||
|
body: Column(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: ListView(
|
||||||
|
children: [
|
||||||
|
Column(
|
||||||
|
children: [
|
||||||
|
CustomSettingOptionsTile(leadingWidget: const Icon(Icons.person, size: 20), titleText: "My Requests", needBorderBelow: true, onTap: () {}),
|
||||||
|
CustomSettingOptionsTile(leadingWidget: const Icon(Icons.favorite, size: 20), titleText: "Favorite list", needBorderBelow: true, onTap: () {}),
|
||||||
|
CustomSettingOptionsTile(leadingWidget: const Icon(Icons.settings, size: 20), titleText: "Settings", onTap: () => navigateWithName(context, AppRoutes.settingOptionsInviteFriends)),
|
||||||
|
],
|
||||||
|
).toContainer(width: double.infinity, isShadowEnabled: true, paddingAll: 10, margin: const EdgeInsets.fromLTRB(24, 24, 24, 0), borderRadius: 0),
|
||||||
|
CustomSettingOptionsTile(leadingWidget: const Icon(Icons.translate, size: 20), titleText: "Language", isForLanguage: true, onTap: () {})
|
||||||
|
.toContainer(width: double.infinity, isShadowEnabled: true, paddingAll: 10, marginAll: 21, borderRadius: 0),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: ShowFillButton(
|
||||||
|
borderColor: MyColors.redColor,
|
||||||
|
txtColor: MyColors.redColor,
|
||||||
|
isFilled: false,
|
||||||
|
fontSize: 16,
|
||||||
|
maxHeight: 55,
|
||||||
|
title: "Log Out",
|
||||||
|
onPressed: () {},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
).paddingAll(21),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,39 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:mc_common_app/extensions/int_extensions.dart';
|
||||||
|
import 'package:mc_common_app/extensions/string_extensions.dart';
|
||||||
|
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
|
||||||
|
|
||||||
|
class CustomSettingOptionsTile extends StatelessWidget {
|
||||||
|
final Widget leadingWidget;
|
||||||
|
final String titleText;
|
||||||
|
final bool needBorderBelow;
|
||||||
|
final bool isForLanguage;
|
||||||
|
final Function() onTap;
|
||||||
|
|
||||||
|
const CustomSettingOptionsTile({super.key, required this.leadingWidget, required this.onTap, required this.titleText, this.needBorderBelow = false, this.isForLanguage = false});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Column(
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
leadingWidget,
|
||||||
|
12.width,
|
||||||
|
titleText.toText(fontSize: 16),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
isForLanguage ? const Icon(Icons.language, size: 18) : const Icon(Icons.arrow_forward, size: 18)
|
||||||
|
],
|
||||||
|
).onPress(onTap),
|
||||||
|
5.height,
|
||||||
|
if (needBorderBelow) ...[
|
||||||
|
const Divider(thickness: 1),
|
||||||
|
],
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue