codigo actual del servidor, con avances de joan
This commit is contained in:
Jose Sanchez
521
source_code/lib/screens/verify_page.dart
Normal file
521
source_code/lib/screens/verify_page.dart
Normal file
@@ -0,0 +1,521 @@
|
||||
import 'dart:convert';
|
||||
import 'dart:io';
|
||||
import 'package:active_ecommerce_seller_app/data_model/common_response.dart';
|
||||
import 'package:http/http.dart' as http;
|
||||
import 'package:active_ecommerce_seller_app/app_config.dart';
|
||||
import 'package:active_ecommerce_seller_app/custom/buttons.dart';
|
||||
import 'package:active_ecommerce_seller_app/custom/decorations.dart';
|
||||
import 'package:active_ecommerce_seller_app/custom/device_info.dart';
|
||||
import 'package:active_ecommerce_seller_app/custom/input_decorations.dart';
|
||||
import 'package:active_ecommerce_seller_app/custom/localization.dart';
|
||||
import 'package:active_ecommerce_seller_app/custom/my_widget.dart';
|
||||
import 'package:active_ecommerce_seller_app/custom/toast_component.dart';
|
||||
import 'package:active_ecommerce_seller_app/data_model/verification_form_response.dart';
|
||||
import 'package:active_ecommerce_seller_app/helpers/shared_value_helper.dart';
|
||||
import 'package:active_ecommerce_seller_app/my_theme.dart';
|
||||
import 'package:active_ecommerce_seller_app/repositories/shop_repository.dart';
|
||||
import 'package:file_picker/file_picker.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:toast/toast.dart';
|
||||
|
||||
class VerifyPage extends StatefulWidget {
|
||||
const VerifyPage({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<VerifyPage> createState() => _VerifyPageState();
|
||||
}
|
||||
|
||||
class _VerifyPageState extends State<VerifyPage> {
|
||||
List<VerificationModel> formList = [];
|
||||
late BuildContext loadingContext;
|
||||
bool isFetchData = false;
|
||||
|
||||
getFormData() async {
|
||||
var response = await ShopRepository.getFormDataRequest();
|
||||
|
||||
for (int i = 0; i < response.length; i++) {
|
||||
if (response[i].type == "text") {
|
||||
TextEditingController value = TextEditingController();
|
||||
formList.add(VerificationModel<TextEditingController?>(
|
||||
key: "element_$i",
|
||||
type: response[i].type,
|
||||
title: response[i].label,
|
||||
data: value));
|
||||
} else if (response[i].type == "file") {
|
||||
File? value;
|
||||
formList.add(VerificationModel<File?>(
|
||||
key: "element_$i",
|
||||
type: response[i].type,
|
||||
title: response[i].label,
|
||||
data: value));
|
||||
} else if (response[i].type == "select") {
|
||||
String? value;
|
||||
var options = jsonDecode(response[i].options!);
|
||||
print(options);
|
||||
formList.add(VerificationModel<String?>(
|
||||
key: "element_$i",
|
||||
type: response[i].type,
|
||||
title: response[i].label,
|
||||
data: value,
|
||||
options: options));
|
||||
} else if (response[i].type == "multi_select") {
|
||||
List<String> value = [];
|
||||
var options = jsonDecode(response[i].options!);
|
||||
formList.add(VerificationModel<List<String>?>(
|
||||
key: "element_$i",
|
||||
type: response[i].type,
|
||||
title: response[i].label,
|
||||
data: value,
|
||||
options: options));
|
||||
} else if (response[i].type == "radio") {
|
||||
var options = jsonDecode(response[i].options!);
|
||||
|
||||
String? value = options.first;
|
||||
formList.add(VerificationModel<String?>(
|
||||
key: "element_$i",
|
||||
type: response[i].type,
|
||||
title: response[i].label,
|
||||
data: value,
|
||||
options: options));
|
||||
}
|
||||
}
|
||||
isFetchData = true;
|
||||
setState(() {});
|
||||
}
|
||||
|
||||
onVerify() async {
|
||||
Map<String?, String> data = Map();
|
||||
|
||||
Uri url =
|
||||
Uri.parse("${AppConfig.BASE_URL_WITH_PREFIX}/shop-verify-info-store");
|
||||
|
||||
Map<String, String> header = {
|
||||
"App-Language": app_language.$!,
|
||||
"Authorization": "Bearer ${access_token.$}",
|
||||
"Content-Type":
|
||||
"multipart/form-data; boundary=<calculated when request is sent>",
|
||||
"Accept": "*/*",
|
||||
};
|
||||
|
||||
final httpReq = http.MultipartRequest("POST", url);
|
||||
httpReq.headers.addAll(header);
|
||||
|
||||
for (VerificationModel element in formList) {
|
||||
if (element.type == "text") {
|
||||
if (element.data.text.trim().toString().isEmpty) {
|
||||
ToastComponent.showDialog("${element.title} is Empty");
|
||||
return;
|
||||
}
|
||||
data.addAll({element.key: element.data.text.trim().toString()});
|
||||
} else if (element.type == "select") {
|
||||
if (element.data == null || element.data.toString().isEmpty) {
|
||||
ToastComponent.showDialog("${element.title} is Empty");
|
||||
return;
|
||||
}
|
||||
data.addAll({element.key: element.data.toString()});
|
||||
} else if (element.type == "multi_select") {
|
||||
if (element.data == null || element.data.isEmpty) {
|
||||
ToastComponent.showDialog("${element.title} is Empty");
|
||||
return;
|
||||
}
|
||||
data.addAll({element.key: element.data.join(",").toString()});
|
||||
} else if (element.type == "radio") {
|
||||
if (element.data == null || element.data.toString().isEmpty) {
|
||||
ToastComponent.showDialog("${element.title} is Empty");
|
||||
return;
|
||||
}
|
||||
data.addAll({element.key: element.data.toString()});
|
||||
} else if (element.type == "file") {
|
||||
if (element.data == null || element.data.toString().isEmpty) {
|
||||
ToastComponent.showDialog("${element.title} is Empty");
|
||||
return;
|
||||
}
|
||||
|
||||
final image =
|
||||
await http.MultipartFile.fromPath(element.key!, element.data.path);
|
||||
|
||||
httpReq.files.add(image);
|
||||
}
|
||||
}
|
||||
|
||||
httpReq.fields.addAll(data as Map<String, String>);
|
||||
|
||||
loading();
|
||||
|
||||
var response = await httpReq.send();
|
||||
Navigator.pop(loadingContext);
|
||||
response.stream.bytesToString().then((value) {
|
||||
var res = commonResponseFromJson(value);
|
||||
ToastComponent.showDialog(res.message);
|
||||
if (res.result!) {
|
||||
Navigator.pop(context, true);
|
||||
verify_form_submitted.$ = true;
|
||||
verify_form_submitted.save();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
getFormData();
|
||||
// TODO: implement initState
|
||||
super.initState();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: buildAppBar(context),
|
||||
body: isFetchData
|
||||
? ListView.separated(
|
||||
padding: EdgeInsets.symmetric(horizontal: 24, vertical: 24),
|
||||
itemBuilder: (context, index) => Container(
|
||||
padding: EdgeInsets.only(bottom: 10),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
buildTitle(formList[index].title),
|
||||
SizedBox(
|
||||
height: 10,
|
||||
),
|
||||
if (formList[index].type == "text")
|
||||
buildEditTextField(
|
||||
formList[index].title, formList[index].data)
|
||||
else if (formList[index].type == "select")
|
||||
buildDropDown(index, formList[index] as VerificationModel<String?>)
|
||||
else if (formList[index].type == "multi_select")
|
||||
buildMultiSelect(index)
|
||||
else if (formList[index].type == "file")
|
||||
buildFile(index)
|
||||
else if (formList[index].type == "radio")
|
||||
buildRadio(index),
|
||||
],
|
||||
),
|
||||
),
|
||||
separatorBuilder: (context, index) => const SizedBox(
|
||||
height: 10,
|
||||
),
|
||||
itemCount: formList.length)
|
||||
: Center(
|
||||
child: CircularProgressIndicator(),
|
||||
),
|
||||
bottomNavigationBar: Buttons(
|
||||
height: 50,
|
||||
shape: RoundedRectangleBorder(),
|
||||
onPressed: () {
|
||||
onVerify();
|
||||
},
|
||||
color: MyTheme.app_accent_color,
|
||||
width: DeviceInfo(context).getWidth(),
|
||||
child: Text(
|
||||
LangText(context: context).getLocal()!.submit_ucf,
|
||||
style: TextStyle(fontSize: 14, color: MyTheme.white),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
AppBar buildAppBar(BuildContext context) {
|
||||
return AppBar(
|
||||
backgroundColor: Colors.white,
|
||||
centerTitle: true,
|
||||
leading: Builder(
|
||||
builder: (context) => IconButton(
|
||||
icon: Icon(Icons.arrow_back, color: MyTheme.dark_grey),
|
||||
onPressed: () => Navigator.of(context).pop(),
|
||||
),
|
||||
),
|
||||
title: Text(
|
||||
LangText(context: context).getLocal()!.verification_form_ucf,
|
||||
style: TextStyle(fontSize: 16, color: MyTheme.app_accent_color),
|
||||
),
|
||||
elevation: 0.0,
|
||||
titleSpacing: 0,
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildEditTextField(
|
||||
String? hint, TextEditingController? textEditingController) {
|
||||
return MyWidget.customCardView(
|
||||
backgroundColor: MyTheme.white,
|
||||
elevation: 5,
|
||||
width: DeviceInfo(context).getWidth(),
|
||||
height: 46,
|
||||
borderRadius: 10,
|
||||
child: TextField(
|
||||
controller: textEditingController,
|
||||
decoration: InputDecorations.buildInputDecoration_1(
|
||||
hint_text: hint,
|
||||
borderColor: MyTheme.noColor,
|
||||
hintTextColor: MyTheme.grey_153),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Text buildTitle(title) {
|
||||
return Text(
|
||||
title,
|
||||
style: const TextStyle(
|
||||
fontSize: 14, fontWeight: FontWeight.bold, color: MyTheme.font_grey),
|
||||
);
|
||||
}
|
||||
|
||||
setChange() {
|
||||
setState(() {});
|
||||
}
|
||||
|
||||
Widget buildDropDown(int index, VerificationModel<String?> model) {
|
||||
return Container(
|
||||
height: 46,
|
||||
width: DeviceInfo(context).getWidth(),
|
||||
padding: const EdgeInsets.symmetric(horizontal: 18, vertical: 10),
|
||||
decoration: MDecoration.decoration1(),
|
||||
child: DropdownButton<String>(
|
||||
menuMaxHeight: 300,
|
||||
isDense: true,
|
||||
underline: Container(),
|
||||
isExpanded: true,
|
||||
onChanged: (String? value) {
|
||||
formList[index].data = value;
|
||||
setChange();
|
||||
},
|
||||
icon: const Icon(Icons.arrow_drop_down),
|
||||
value: model.data,
|
||||
items: formList[index]
|
||||
.options!
|
||||
.map(
|
||||
(value) => DropdownMenuItem<String>(
|
||||
value: value,
|
||||
child: Text(
|
||||
value,
|
||||
),
|
||||
),
|
||||
)
|
||||
.toList(),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildMultiSelect(int index) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Container(
|
||||
height: 46,
|
||||
width: DeviceInfo(context).getWidth(),
|
||||
padding: const EdgeInsets.symmetric(horizontal: 18, vertical: 10),
|
||||
decoration: MDecoration.decoration1(),
|
||||
child: DropdownButton<String>(
|
||||
menuMaxHeight: 300,
|
||||
isDense: true,
|
||||
underline: Container(),
|
||||
isExpanded: true,
|
||||
onChanged: (String? value) {
|
||||
if (!formList[index].data.contains(value)) {
|
||||
formList[index].data.add(value);
|
||||
}
|
||||
|
||||
setChange();
|
||||
},
|
||||
icon: const Icon(Icons.arrow_drop_down),
|
||||
items: formList[index]
|
||||
.options!
|
||||
.map(
|
||||
(value) => DropdownMenuItem<String>(
|
||||
value: value,
|
||||
child: Text(
|
||||
value,
|
||||
),
|
||||
),
|
||||
)
|
||||
.toList(),
|
||||
),
|
||||
),
|
||||
Wrap(
|
||||
children: List.generate(
|
||||
formList[index].data.length,
|
||||
(subIndex) => SizedBox(
|
||||
width: 90,
|
||||
child: Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 40, child: Text(formList[index].data[subIndex])),
|
||||
Buttons(
|
||||
onPressed: () {
|
||||
formList[index].data.removeAt(subIndex);
|
||||
setState(() {});
|
||||
},
|
||||
width: 30,
|
||||
height: 30,
|
||||
child: Icon(
|
||||
Icons.close,
|
||||
size: 15,
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildFile(int index) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Buttons(
|
||||
padding: EdgeInsets.zero,
|
||||
onPressed: () async {
|
||||
FilePickerResult? file = await pickSingleFile();
|
||||
if (file == null) {
|
||||
ToastComponent.showDialog(
|
||||
LangText(context: context).getLocal()!.no_file_is_chosen,
|
||||
gravity: Toast.center,
|
||||
duration: Toast.lengthLong);
|
||||
return;
|
||||
}
|
||||
formList[index].data = File(file.paths.first!);
|
||||
setState(() {});
|
||||
},
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(6)),
|
||||
child: MyWidget().myContainer(
|
||||
width: DeviceInfo(context).getWidth(),
|
||||
height: 46,
|
||||
borderRadius: 6.0,
|
||||
borderColor: MyTheme.light_grey,
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 14.0),
|
||||
child: Text(
|
||||
"Choose file",
|
||||
style: TextStyle(fontSize: 12, color: MyTheme.grey_153),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
alignment: Alignment.center,
|
||||
height: 46,
|
||||
width: 80,
|
||||
color: MyTheme.light_grey,
|
||||
child: Text(
|
||||
"Browse",
|
||||
style: TextStyle(fontSize: 12, color: MyTheme.grey_153),
|
||||
)),
|
||||
],
|
||||
)),
|
||||
),
|
||||
SizedBox(
|
||||
height: 8,
|
||||
),
|
||||
formList[index].data != null
|
||||
? Image.file(
|
||||
formList[index].data,
|
||||
height: 100,
|
||||
width: 100,
|
||||
)
|
||||
: const SizedBox.shrink(),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Future<FilePickerResult?> pickSingleFile() async {
|
||||
return await FilePicker.platform
|
||||
.pickFiles(type: FileType.custom, allowedExtensions: [
|
||||
"jpg",
|
||||
"jpeg",
|
||||
"png",
|
||||
"svg",
|
||||
"webp",
|
||||
"gif",
|
||||
"mp4",
|
||||
"mpg",
|
||||
"mpeg",
|
||||
"webm",
|
||||
"ogg",
|
||||
"avi",
|
||||
"mov",
|
||||
"flv",
|
||||
"swf",
|
||||
"mkv",
|
||||
"wmv",
|
||||
"wma",
|
||||
"aac",
|
||||
"wav",
|
||||
"mp3",
|
||||
"zip",
|
||||
"rar",
|
||||
"7z",
|
||||
"doc",
|
||||
"txt",
|
||||
"docx",
|
||||
"pdf",
|
||||
"csv",
|
||||
"xml",
|
||||
"ods",
|
||||
"xlr",
|
||||
"xls",
|
||||
"xlsx"
|
||||
]);
|
||||
}
|
||||
|
||||
Widget radio(index, subIndex) {
|
||||
return Radio<String>(
|
||||
value: formList[index].options![subIndex],
|
||||
groupValue: formList[index].data,
|
||||
onChanged: (String? value) {
|
||||
formList[index].data = value;
|
||||
setState(() {});
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
buildRadio(index) {
|
||||
return Column(
|
||||
children: List.generate(
|
||||
formList[index].options!.length,
|
||||
(subIndex) => Row(
|
||||
children: [
|
||||
radio(index, subIndex),
|
||||
Text(
|
||||
formList[index].options![subIndex],
|
||||
style: TextStyle(fontSize: 14, color: MyTheme.font_grey),
|
||||
)
|
||||
],
|
||||
)),
|
||||
);
|
||||
}
|
||||
|
||||
loading() {
|
||||
return showDialog(
|
||||
context: context,
|
||||
builder: (context) {
|
||||
loadingContext = context;
|
||||
return AlertDialog(
|
||||
content: Row(
|
||||
children: [
|
||||
const CircularProgressIndicator(),
|
||||
const SizedBox(
|
||||
width: 10,
|
||||
),
|
||||
Text(LangText(context: context).getLocal()!.please_wait_ucf),
|
||||
],
|
||||
));
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
class VerificationModel<T> {
|
||||
String? key, type, title;
|
||||
T data;
|
||||
List<dynamic>? options;
|
||||
|
||||
VerificationModel(
|
||||
{required this.key,
|
||||
required this.type,
|
||||
required this.title,
|
||||
required this.data,
|
||||
this.options});
|
||||
}
|
||||
Reference in New Issue
Block a user