1231 lines
48 KiB
Dart
1231 lines
48 KiB
Dart
import 'dart:convert';
|
|
import 'dart:io';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:intl/intl.dart';
|
|
import 'package:path_provider/path_provider.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:dropdown_button2/dropdown_button2.dart';
|
|
import 'package:pwa_ios/main.dart';
|
|
import 'package:pwa_ios/model/interaction_data.dart';
|
|
import 'package:pwa_ios/model/save_interaction.dart';
|
|
import 'package:pwa_ios/utils/util.dart';
|
|
import 'package:pwa_ios/viewmodel/viewinteractionprovider.dart';
|
|
import 'package:permission_handler/permission_handler.dart';
|
|
import 'package:pwa_ios/widgets/custombutton.dart';
|
|
import 'package:pwa_ios/widgets/customrangeslider.dart';
|
|
import 'package:pwa_ios/widgets/interatciontextfield.dart';
|
|
import 'package:file_picker/file_picker.dart';
|
|
import 'package:pwa_ios/widgets/responsive_ext.dart';
|
|
import 'package:path/path.dart' as p;
|
|
|
|
class EditInteractionScreen extends StatefulWidget {
|
|
// int index;
|
|
// String form;
|
|
SaveInteraction saveInteraction;
|
|
EditInteractionScreen(
|
|
{super.key,
|
|
// required this.index,
|
|
// required this.form,
|
|
required this.saveInteraction});
|
|
|
|
@override
|
|
State<EditInteractionScreen> createState() => _EditInteractionScreenState();
|
|
}
|
|
|
|
class _EditInteractionScreenState extends State<EditInteractionScreen> {
|
|
List<dynamic> interactionReponseList = [];
|
|
List<SectionList> sectionList = [];
|
|
List<TextEditingController> textEditingControllerList = [];
|
|
int textfieldIndex = 0;
|
|
String dropdownvalue = 'Select value';
|
|
String? fileName;
|
|
final TextEditingController textEditingController = TextEditingController();
|
|
|
|
@override
|
|
void dispose() {
|
|
super.dispose();
|
|
|
|
// WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
|
|
// Provider.of<ViewInteractionProvider>(context, listen: false).dispose();
|
|
// });
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
|
|
// initConfig();
|
|
if (mytimer!.isActive) {
|
|
cancelTimer();
|
|
}
|
|
init();
|
|
});
|
|
|
|
super.initState();
|
|
}
|
|
|
|
initConfig() async {
|
|
// await Provider.of<InteractionProvider>(context, listen: false)
|
|
// .init(widget.index);
|
|
await Provider.of<ViewInteractionProvider>(context, listen: false)
|
|
.initConfigData();
|
|
|
|
// setState(() {});
|
|
}
|
|
|
|
init() async {
|
|
// await Provider.of<InteractionProvider>(context, listen: false)
|
|
// .init(widget.index);
|
|
|
|
await Provider.of<ViewInteractionProvider>(context, listen: false)
|
|
.initSavedForm(widget.saveInteraction);
|
|
setState(() {});
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Consumer<ViewInteractionProvider>(
|
|
builder: (BuildContext context, provider, Widget? child) {
|
|
// print("build context");
|
|
// print("${provider.interactionReponseList}");
|
|
return GestureDetector(
|
|
onTap: () {
|
|
FocusScope.of(context).requestFocus(FocusNode());
|
|
},
|
|
child: OrientationBuilder(builder: (context, orientation) {
|
|
return Scaffold(
|
|
//resizeToAvoidBottomInset: false,
|
|
appBar: AppBar(
|
|
title: Text(
|
|
widget.saveInteraction.id,
|
|
style: TextStyle(
|
|
fontSize: isTablet ? 22 : 14, color: Colors.white),
|
|
),
|
|
backgroundColor: const Color(0xFF2b9af3),
|
|
automaticallyImplyLeading: false,
|
|
actions: [saveActions(provider)],
|
|
leading: InkWell(
|
|
onTap: () async {
|
|
await provider.disposeValues().then((value) {
|
|
Navigator.pop(context);
|
|
});
|
|
},
|
|
child: const Icon(
|
|
Icons.arrow_back_ios,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
),
|
|
body: Column(
|
|
children: [
|
|
Expanded(
|
|
child: ListView.builder(
|
|
itemCount: provider.interactionReponseList.length,
|
|
padding: EdgeInsets.zero,
|
|
cacheExtent: double.parse(
|
|
provider.interactionReponseList.length.toString()),
|
|
itemBuilder: (context, index) {
|
|
var item = provider.interactionReponseList[index];
|
|
sectionList = item.sectionList;
|
|
return Card(
|
|
child: ExpansionTile(
|
|
maintainState: true,
|
|
// backgroundColor: Colors.white,
|
|
// collapsedBackgroundColor: Color(0xFF2b9af3),
|
|
initiallyExpanded: true,
|
|
title: Stack(
|
|
alignment: AlignmentDirectional.center,
|
|
children: [
|
|
Container(
|
|
// height: double.infinity,
|
|
width: double.infinity,
|
|
padding: const EdgeInsets.all(8.0),
|
|
decoration: const BoxDecoration(
|
|
color: Color(0xFF2b9af3),
|
|
),
|
|
child: Text(
|
|
item.sectionName,
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 18.0),
|
|
)),
|
|
item.multiple
|
|
? Align(
|
|
alignment: Alignment.centerRight,
|
|
child: IconButton(
|
|
onPressed: () {
|
|
provider.getSectionItem(
|
|
item.sectionName);
|
|
// print("index is $listIndex");
|
|
setState(() {
|
|
// for (var item
|
|
});
|
|
},
|
|
icon: const Icon(
|
|
Icons.add_circle_outline,
|
|
size: 30,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
)
|
|
: const SizedBox.shrink()
|
|
]),
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Column(
|
|
crossAxisAlignment:
|
|
CrossAxisAlignment.center,
|
|
children: [
|
|
const SizedBox(
|
|
height: 20,
|
|
),
|
|
|
|
Padding(
|
|
padding: isTablet
|
|
? const EdgeInsets.only(left: 14.0)
|
|
: const EdgeInsets.only(
|
|
left: 12.0, right: 12.0),
|
|
child: GridView.count(
|
|
physics:
|
|
const NeverScrollableScrollPhysics(),
|
|
crossAxisCount:
|
|
context.responsive<int>(
|
|
1,
|
|
sm: 1, // small
|
|
md: 1, // medium
|
|
lg: sectionList.length == 1
|
|
? 1
|
|
: 4, // large
|
|
xl: 3, // extra large screen
|
|
),
|
|
mainAxisSpacing:
|
|
sectionList.length == 1 ||
|
|
!isTablet
|
|
? 1
|
|
: 3.5,
|
|
shrinkWrap: true,
|
|
padding: EdgeInsets.zero,
|
|
childAspectRatio:
|
|
sectionList.length == 1 ||
|
|
!isTablet
|
|
? orientation ==
|
|
Orientation.landscape
|
|
? 10
|
|
: 3.8
|
|
: 2.4,
|
|
children: List.generate(
|
|
sectionList.length,
|
|
(i) {
|
|
// print(sectionList);
|
|
SectionList sectionItem =
|
|
sectionList[i];
|
|
dropdownvalue = sectionItem
|
|
.widget ==
|
|
InteractionWidget.DROPDOWN
|
|
? sectionItem.value ??
|
|
"Select"
|
|
: ' ';
|
|
List<
|
|
InputClass> list = sectionItem
|
|
.widget ==
|
|
InteractionWidget
|
|
.DROPDOWN ||
|
|
sectionItem.widget ==
|
|
InteractionWidget
|
|
.AUTOCOMPLETE ||
|
|
sectionItem.widget ==
|
|
InteractionWidget
|
|
.MULTISELECT
|
|
? provider
|
|
.getData2(sectionItem)
|
|
: [];
|
|
provider.checkboxlist =
|
|
sectionItem.widget ==
|
|
InteractionWidget
|
|
.CHECKBOX
|
|
? provider
|
|
.getData2(sectionItem)
|
|
: [];
|
|
|
|
return Column(
|
|
crossAxisAlignment:
|
|
CrossAxisAlignment.start,
|
|
children: [
|
|
sectionItem.widget ==
|
|
InteractionWidget
|
|
.BUTTON &&
|
|
sectionItem.input ==
|
|
'add'
|
|
? const SizedBox.shrink()
|
|
: Text(
|
|
'${sectionItem.name}:*',
|
|
style: TextStyle(
|
|
color: Colors.orange
|
|
.shade800,
|
|
fontSize: isTablet
|
|
? 18
|
|
: 12,
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: isTablet ? 15 : 5,
|
|
),
|
|
returnWidget(
|
|
sectionItem: sectionItem,
|
|
item: item,
|
|
provider: provider,
|
|
list: list,
|
|
gridIndex: i,
|
|
listIndex: index,
|
|
widgetData:
|
|
sectionItem.widget!,
|
|
multiple: false),
|
|
// SizedBox(
|
|
// height: isTablet ? 15 : 5,
|
|
// ),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: isTablet ? 15 : 5,
|
|
),
|
|
item.multiple
|
|
? gridViewWidget(
|
|
provider,
|
|
item.sectionName,
|
|
item.multipleList ?? [],
|
|
orientation,
|
|
item,
|
|
index)
|
|
: const SizedBox.shrink(),
|
|
provider.interactionReponseList.length ==
|
|
index - 1
|
|
? saveActions(provider)
|
|
: const SizedBox.shrink()
|
|
//const Spacer(),
|
|
],
|
|
),
|
|
),
|
|
]),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
// const Spacer(),
|
|
// saveActions(provider),
|
|
],
|
|
));
|
|
}),
|
|
);
|
|
});
|
|
}
|
|
|
|
Widget returnWidget({
|
|
required SectionList sectionItem,
|
|
required FormFieldData item,
|
|
required ViewInteractionProvider provider,
|
|
required List<InputClass> list,
|
|
required int gridIndex,
|
|
required int listIndex,
|
|
required InteractionWidget widgetData,
|
|
required bool multiple,
|
|
}) {
|
|
switch (widgetData) {
|
|
case InteractionWidget.CHECKBOX:
|
|
return (sectionItem.inputList!.length >= 5)
|
|
? customMultiselectDropdown(
|
|
sectionItem, provider, sectionItem.inputList!, multiple)
|
|
: buildCheckbox(sectionItem, item.sectionName, provider, multiple);
|
|
|
|
case InteractionWidget.AUTOCOMPLETE:
|
|
return customAutoCompletedropdown(
|
|
sectionItem, provider, list, multiple);
|
|
|
|
case InteractionWidget.MULTISELECT:
|
|
return customMultiselectDropdown(sectionItem, provider, list, multiple);
|
|
|
|
case InteractionWidget.RADIO:
|
|
return (sectionItem.inputList!.length >= 5)
|
|
? customdropdown(
|
|
sectionItem, provider, sectionItem.inputList!, multiple)
|
|
: buildRadio(sectionItem, provider);
|
|
|
|
case InteractionWidget.LABEL:
|
|
return Text(sectionItem.input!);
|
|
|
|
case InteractionWidget.RANGESLIDER:
|
|
return CustomRangeSlider(
|
|
sliderPos: sectionItem.selectedValue!.isNotEmpty
|
|
? double.parse(sectionItem.selectedValue!.last.toString())
|
|
: 10.0,
|
|
onChanged: (val) {
|
|
setState(() {
|
|
sectionItem.selectedValue = [];
|
|
sectionItem.selectedId = val.toString();
|
|
sectionItem.selectedValue!.add(val.toInt());
|
|
});
|
|
},
|
|
);
|
|
|
|
case InteractionWidget.BUTTON:
|
|
return sectionItem.input == 'add'
|
|
? const Offstage(
|
|
offstage: true,
|
|
child: Text("Visible"),
|
|
)
|
|
: Row(
|
|
children: [
|
|
CustomButton(
|
|
backgroundColor: const Color.fromARGB(255, 233, 229, 229),
|
|
onPressed: () async {
|
|
if (sectionItem.selectedValue!.isNotEmpty) {
|
|
showFilesAlertDialog(context,
|
|
sectionItem.fileName!.join(','), sectionItem);
|
|
} else {
|
|
sectionItem.selectedValue = [];
|
|
sectionItem.extension = [];
|
|
sectionItem.fileName = [];
|
|
await getEncodedFile(sectionItem);
|
|
}
|
|
|
|
setState(() {});
|
|
},
|
|
width: 120,
|
|
height: 40,
|
|
fontsize: 12,
|
|
textColor: Colors.black,
|
|
title: sectionItem.name),
|
|
const SizedBox(
|
|
width: 5,
|
|
),
|
|
Text(
|
|
sectionItem.selectedValue!.isNotEmpty
|
|
? 'File Uploaded'
|
|
: 'No file uploaded',
|
|
style: TextStyle(
|
|
color: sectionItem.selectedValue!.isNotEmpty
|
|
? Colors.green
|
|
: Colors.red),
|
|
),
|
|
],
|
|
);
|
|
|
|
case InteractionWidget.TEXT:
|
|
return sectionItem.input == 'Date'
|
|
? buildDateWidget(sectionItem)
|
|
: sectionItem.input == "textArea"
|
|
? Expanded(
|
|
child: InteractionTextField(
|
|
maxchars: int.parse(sectionItem.chars ?? "0"),
|
|
controller: sectionItem.controller!,
|
|
labelText: sectionItem.name,
|
|
// maxlines: 4,
|
|
// minlines: 3,
|
|
onChanged: (val) {
|
|
sectionItem.selectedValue = [];
|
|
setState(() {});
|
|
|
|
sectionItem.selectedValue!.add(val);
|
|
},
|
|
),
|
|
)
|
|
: SizedBox(
|
|
width: isTablet ? 200 : MediaQuery.of(context).size.width,
|
|
height: isTablet ? 50 : 40,
|
|
child: InteractionTextField(
|
|
maxchars: int.parse(sectionItem.chars ?? "0"),
|
|
controller: sectionItem.controller!,
|
|
inputType: sectionItem.input == "number"
|
|
? TextInputType.number
|
|
: TextInputType.name,
|
|
labelText: sectionItem.name,
|
|
onChanged: (val) {
|
|
sectionItem.selectedValue = [];
|
|
provider.setTextValue(val, sectionItem, multiple);
|
|
},
|
|
),
|
|
);
|
|
default:
|
|
return customdropdown(sectionItem, provider, list, multiple);
|
|
}
|
|
}
|
|
|
|
Widget buildDateWidget(SectionList sectionItem) {
|
|
return SizedBox(
|
|
width: isTablet ? 200 : MediaQuery.of(context).size.width,
|
|
height: isTablet ? 50 : 40,
|
|
child: TextField(
|
|
controller:
|
|
sectionItem.controller, //editing controller of this TextField
|
|
decoration: InputDecoration(
|
|
// border: OutlineInputBorder(),
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(10.0),
|
|
),
|
|
labelStyle: const TextStyle(fontSize: 16),
|
|
suffixIcon: const Icon(Icons.calendar_today), //icon of text field
|
|
labelText: "Enter Date" //label text of field
|
|
),
|
|
readOnly: true, //set it true, so that user will not able to edit text
|
|
onTap: () async {
|
|
DateTime? pickedDate = await showDatePicker(
|
|
context: context,
|
|
initialDate: DateTime.now(),
|
|
firstDate: DateTime(
|
|
2000), //DateTime.now() - not to allow to choose before today.
|
|
lastDate: DateTime(2101));
|
|
|
|
if (pickedDate != null) {
|
|
print(
|
|
pickedDate); //pickedDate output format => 2021-03-10 00:00:00.000
|
|
String formattedDate = DateFormat('yyyy-MM-dd').format(pickedDate);
|
|
print(
|
|
formattedDate); //formatted date output using intl package => 2021-03-16
|
|
//you can implement different kind of Date Format here according to your requirement
|
|
|
|
setState(() {
|
|
sectionItem.controller!.text = formattedDate;
|
|
sectionItem.selectedValue = [];
|
|
sectionItem.selectedValue!
|
|
.add(formattedDate); //set output date to TextField value.
|
|
});
|
|
} else {
|
|
print("Date is not selected");
|
|
}
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget saveActions(ViewInteractionProvider provider) {
|
|
return Align(
|
|
alignment: Alignment.centerRight,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
children: [
|
|
CustomButton(
|
|
backgroundColor: Colors.green.shade900,
|
|
onPressed: () async {
|
|
// if (textFieldsValidation(provider).isEmpty) {
|
|
await provider.saveJsonObject(context,
|
|
widget.saveInteraction.intId, widget.saveInteraction);
|
|
showAlertDialog(context, widget.saveInteraction.id);
|
|
// } else {
|
|
// _displaySnackBar(textFieldsValidation(provider));
|
|
// }
|
|
},
|
|
textColor: Colors.white,
|
|
title: "Update",
|
|
height: 40,
|
|
width: isTablet ? 120 : 80,
|
|
fontsize: isTablet ? 15 : 12,
|
|
),
|
|
SizedBox(
|
|
width: isTablet ? 20 : 2,
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget buildRadio(SectionList sectionItem, ViewInteractionProvider provider) {
|
|
List<InputClass> list = provider.getData2(sectionItem);
|
|
// .map((itemWord) => InputClass.fromJson(itemWord))
|
|
// .toList();
|
|
return SizedBox(
|
|
width: isTablet ? 250 : MediaQuery.of(context).size.width,
|
|
child: Row(
|
|
children: <Widget>[
|
|
for (InputClass value in list)
|
|
Row(
|
|
children: [
|
|
Radio(
|
|
value: value.name,
|
|
activeColor: Colors.black,
|
|
groupValue: provider.radioValue,
|
|
onChanged: (String? value) {
|
|
setState(() {
|
|
// print(value);
|
|
provider.radioValue = value!;
|
|
int index =
|
|
list.indexWhere((element) => element.name == value);
|
|
sectionItem.selectedValue!.add(list[index].id);
|
|
});
|
|
},
|
|
),
|
|
Text(value.name),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget buildCheckbox(SectionList sectionItem, String sectionName,
|
|
ViewInteractionProvider provider, bool multiple) {
|
|
return SizedBox(
|
|
width: 250,
|
|
child: Row(
|
|
children: <Widget>[
|
|
for (var value in provider.checkboxlist)
|
|
Row(
|
|
children: [
|
|
Checkbox(
|
|
value: value.ischecked ?? false,
|
|
activeColor: Colors.black,
|
|
checkColor: Colors.white,
|
|
onChanged: (bool? newvalue) {
|
|
value.ischecked = newvalue!;
|
|
provider.setcheckBoxValue(
|
|
sectionItem, sectionName, newvalue, value.id, multiple);
|
|
//setState(() {});
|
|
},
|
|
),
|
|
Text(value.name),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget customdropdown(SectionList sectionItem,
|
|
ViewInteractionProvider provider, List<InputClass> list, bool multiple) {
|
|
// sectionItem.value = '';
|
|
|
|
if (list.isEmpty) {
|
|
list = [];
|
|
InputClass inputClass =
|
|
InputClass(id: "no value", name: "Select ${sectionItem.name}");
|
|
list.add(inputClass);
|
|
sectionItem.selectedObject = list[0];
|
|
}
|
|
// InputClass selectedObj = list[0];
|
|
return SizedBox(
|
|
width: isTablet ? 200 : MediaQuery.of(context).size.width,
|
|
height: isTablet ? 60 : 40,
|
|
child: DropdownButtonFormField2<InputClass>(
|
|
isExpanded: true,
|
|
decoration: InputDecoration(
|
|
// Add Horizontal padding using menuItemStyleData.padding so it matches
|
|
// the menu padding when button's width is not specified.
|
|
contentPadding: const EdgeInsets.symmetric(vertical: 5),
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(15),
|
|
),
|
|
// Add more decoration..
|
|
),
|
|
hint: Text(
|
|
'Select ${sectionItem.name}',
|
|
style: const TextStyle(fontSize: 14),
|
|
),
|
|
items: list
|
|
.map((item) => DropdownMenuItem<InputClass>(
|
|
value: item,
|
|
child: Text(
|
|
item.name,
|
|
style: const TextStyle(
|
|
fontSize: 14,
|
|
),
|
|
),
|
|
))
|
|
.toList(),
|
|
value: sectionItem.selectedObject ?? list[0],
|
|
// // provider.getDropDownValue(sectionItem.value!, sectionItem, list)
|
|
// sectionItem.value ?? list[0].name,
|
|
validator: (value) {
|
|
if (value == null) {
|
|
return 'Please select ${sectionItem.name}';
|
|
}
|
|
return null;
|
|
},
|
|
onChanged: (value) {
|
|
//Do something when selected item is changed.
|
|
sectionItem.selectedObject = value!;
|
|
sectionItem.value = value.id;
|
|
provider.setDropDownValue(value.id, sectionItem, multiple, value);
|
|
print("selected ${sectionItem.value}");
|
|
// setState(() {});
|
|
},
|
|
onSaved: (value) {
|
|
sectionItem.selectedObject = value!;
|
|
sectionItem.value = value.id;
|
|
provider.setDropDownValue(value.id, sectionItem, multiple, value);
|
|
// setState(() {});
|
|
},
|
|
buttonStyleData: const ButtonStyleData(
|
|
padding: EdgeInsets.only(right: 8),
|
|
),
|
|
iconStyleData: const IconStyleData(
|
|
icon: Icon(
|
|
Icons.arrow_drop_down,
|
|
color: Colors.black45,
|
|
),
|
|
iconSize: 24,
|
|
),
|
|
dropdownStyleData: DropdownStyleData(
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(15),
|
|
),
|
|
),
|
|
menuItemStyleData: const MenuItemStyleData(
|
|
padding: EdgeInsets.symmetric(horizontal: 16),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget customAutoCompletedropdown(SectionList sectionItem,
|
|
ViewInteractionProvider provider, List<InputClass> list, bool multiple) {
|
|
// sectionItem.value = list[0].name;
|
|
if (list.isEmpty) {
|
|
list = sectionItem.inputList!;
|
|
}
|
|
//InputClass selectedObj = list[0];
|
|
return SizedBox(
|
|
width: isTablet ? 200 : MediaQuery.of(context).size.width,
|
|
height: isTablet ? 60 : 40,
|
|
child: DropdownButtonHideUnderline(
|
|
child: DropdownButtonFormField2<InputClass>(
|
|
isExpanded: true,
|
|
decoration: InputDecoration(
|
|
// Add Horizontal padding using menuItemStyleData.padding so it matches
|
|
// the menu padding when button's width is not specified.
|
|
contentPadding: const EdgeInsets.symmetric(vertical: 5),
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(15),
|
|
),
|
|
// Add more decoration..
|
|
),
|
|
hint: Text(
|
|
'Select Item',
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
color: Theme.of(context).hintColor,
|
|
),
|
|
),
|
|
items: list
|
|
.map((item) => DropdownMenuItem(
|
|
value: item,
|
|
child: Text(
|
|
item.name,
|
|
style: const TextStyle(
|
|
fontSize: 14,
|
|
),
|
|
),
|
|
))
|
|
.toList(),
|
|
value: sectionItem.selectedObject,
|
|
onSaved: (value) {
|
|
sectionItem.selectedObject = value!;
|
|
provider.setAutoCompleteValue(value.id, sectionItem, multiple);
|
|
sectionItem.value = value.name;
|
|
},
|
|
onChanged: (value) {
|
|
// setState(() {
|
|
sectionItem.selectedObject = value!;
|
|
provider.setAutoCompleteValue(value.id, sectionItem, multiple);
|
|
sectionItem.value = value.name;
|
|
// setState(() {});
|
|
//});
|
|
},
|
|
|
|
buttonStyleData: const ButtonStyleData(
|
|
padding: EdgeInsets.symmetric(horizontal: 16),
|
|
height: 40,
|
|
width: 200,
|
|
),
|
|
dropdownStyleData: const DropdownStyleData(
|
|
maxHeight: 200,
|
|
),
|
|
menuItemStyleData: const MenuItemStyleData(
|
|
height: 40,
|
|
),
|
|
dropdownSearchData: DropdownSearchData(
|
|
searchController: textEditingController,
|
|
searchInnerWidgetHeight: 50,
|
|
searchInnerWidget: Container(
|
|
height: 50,
|
|
padding: const EdgeInsets.only(
|
|
top: 8,
|
|
bottom: 4,
|
|
right: 8,
|
|
left: 8,
|
|
),
|
|
child: TextFormField(
|
|
expands: true,
|
|
maxLines: null,
|
|
controller: textEditingController,
|
|
decoration: InputDecoration(
|
|
isDense: true,
|
|
contentPadding: const EdgeInsets.symmetric(
|
|
horizontal: 10,
|
|
vertical: 8,
|
|
),
|
|
hintText: 'Search for an item...',
|
|
hintStyle: const TextStyle(fontSize: 12),
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
searchMatchFn: (item, searchValue) {
|
|
return item.value!.name.toString().contains(searchValue);
|
|
},
|
|
),
|
|
//This to clear the search value when you close the menu
|
|
onMenuStateChange: (isOpen) {
|
|
if (!isOpen) {
|
|
textEditingController.clear();
|
|
}
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget customMultiselectDropdown(SectionList sectionItem,
|
|
ViewInteractionProvider provider, List<InputClass> list, bool multiple) {
|
|
if (list.isEmpty) {
|
|
list = sectionItem.inputList!;
|
|
}
|
|
InputClass selectedObj = list[0];
|
|
|
|
return SizedBox(
|
|
width: isTablet ? 200 : MediaQuery.of(context).size.width,
|
|
height: isTablet ? 60 : 40,
|
|
child: DropdownButtonHideUnderline(
|
|
child: DropdownButtonFormField2<InputClass>(
|
|
isExpanded: true,
|
|
decoration: InputDecoration(
|
|
// Add Horizontal padding using menuItemStyleData.padding so it matches
|
|
// the menu padding when button's width is not specified.
|
|
contentPadding: const EdgeInsets.symmetric(vertical: 5),
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(15),
|
|
),
|
|
// Add more decoration..
|
|
),
|
|
hint: Text(
|
|
'Select Items',
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
color: Theme.of(context).hintColor,
|
|
),
|
|
),
|
|
items: list.map((item) {
|
|
return DropdownMenuItem(
|
|
value: item,
|
|
//disable default onTap to avoid closing menu when selecting an item
|
|
enabled: false,
|
|
child: StatefulBuilder(
|
|
builder: (context, menuSetState) {
|
|
final isSelected =
|
|
sectionItem.selectedValue!.contains(item.name);
|
|
return InkWell(
|
|
onTap: () {
|
|
isSelected
|
|
? sectionItem.selectedValue!.remove(item.name)
|
|
: sectionItem.selectedValue!.add(item.name);
|
|
//This rebuilds the StatefulWidget to update the button's text
|
|
setState(() {});
|
|
//This rebuilds the dropdownMenu Widget to update the check mark
|
|
menuSetState(() {});
|
|
},
|
|
child: Container(
|
|
height: double.infinity,
|
|
padding: const EdgeInsets.symmetric(horizontal: 16.0),
|
|
child: Row(
|
|
children: [
|
|
if (isSelected)
|
|
const Icon(Icons.check_box_outlined)
|
|
else
|
|
const Icon(Icons.check_box_outline_blank),
|
|
const SizedBox(width: 16),
|
|
Expanded(
|
|
child: Text(
|
|
item.name,
|
|
style: const TextStyle(
|
|
fontSize: 14,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}).toList(),
|
|
//Use last selected item as the current value so if we've limited menu height, it scroll to last item.
|
|
value: selectedObj,
|
|
// ? null
|
|
// : provider.selectedItems.last,
|
|
onChanged: (value) {
|
|
selectedObj = value!;
|
|
provider.setAutoCompleteValue(value.id, sectionItem, multiple);
|
|
sectionItem.value = value.name;
|
|
},
|
|
onSaved: (value) {
|
|
selectedObj = value!;
|
|
provider.setAutoCompleteValue(value.id, sectionItem, multiple);
|
|
sectionItem.value = value.name;
|
|
},
|
|
selectedItemBuilder: (context) {
|
|
return list.map(
|
|
(item) {
|
|
return Container(
|
|
alignment: AlignmentDirectional.center,
|
|
child: Text(
|
|
sectionItem.selectedValue!.join(', '),
|
|
style: const TextStyle(
|
|
fontSize: 14,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
maxLines: 1,
|
|
),
|
|
);
|
|
},
|
|
).toList();
|
|
},
|
|
buttonStyleData: const ButtonStyleData(
|
|
padding: EdgeInsets.only(left: 16, right: 8),
|
|
height: 40,
|
|
width: 140,
|
|
),
|
|
menuItemStyleData: const MenuItemStyleData(
|
|
height: 40,
|
|
padding: EdgeInsets.zero,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget gridViewWidget(
|
|
ViewInteractionProvider provider,
|
|
String sectionName,
|
|
List<SectionList> sectionList,
|
|
Orientation orientation,
|
|
FormFieldData item,
|
|
int listIndex) {
|
|
return Padding(
|
|
padding: isTablet
|
|
? const EdgeInsets.only(left: 8.0)
|
|
: const EdgeInsets.only(left: 12.0, right: 12.0),
|
|
child: GridView.count(
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
crossAxisCount: context.responsive<int>(
|
|
1, // default
|
|
sm: 1, // small
|
|
md: 1, // medium
|
|
lg: sectionList.length == 1 ? 1 : 4, // large
|
|
xl: 5, // extra large screen
|
|
),
|
|
mainAxisSpacing: sectionList.length == 1 || !isTablet ? 1 : 2,
|
|
shrinkWrap: true,
|
|
padding: EdgeInsets.zero,
|
|
childAspectRatio: sectionList.length == 1 || !isTablet
|
|
? orientation == Orientation.landscape
|
|
? 10
|
|
: 4.2
|
|
: 1.8,
|
|
children: List.generate(
|
|
sectionList.length,
|
|
(i) {
|
|
// print(sectionList);
|
|
SectionList sectionItem = sectionList[i];
|
|
dropdownvalue = sectionItem.widget == InteractionWidget.DROPDOWN
|
|
? sectionItem.value ?? "Select"
|
|
: ' ';
|
|
List<InputClass> list =
|
|
sectionItem.widget == InteractionWidget.DROPDOWN ||
|
|
sectionItem.widget == InteractionWidget.AUTOCOMPLETE ||
|
|
sectionItem.widget == InteractionWidget.MULTISELECT
|
|
? provider.getData2(sectionItem)
|
|
: [];
|
|
provider.checkboxlist =
|
|
sectionItem.widget == InteractionWidget.CHECKBOX
|
|
? provider.getData2(sectionItem)
|
|
: [];
|
|
|
|
return Wrap(children: [
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
sectionItem.widget == InteractionWidget.BUTTON &&
|
|
sectionItem.param == 'add' ||
|
|
sectionItem.param == 'deletebtn'
|
|
? const SizedBox.shrink()
|
|
: Text(
|
|
'${sectionItem.name}:*',
|
|
style: TextStyle(
|
|
color: Colors.orange.shade800,
|
|
fontSize: isTablet ? 18 : 14,
|
|
),
|
|
),
|
|
const SizedBox(
|
|
height: 15,
|
|
),
|
|
sectionItem.widget == InteractionWidget.BUTTON
|
|
? sectionItem.input == 'chooseFile'
|
|
? Row(
|
|
children: [
|
|
CustomButton(
|
|
backgroundColor: const Color.fromARGB(
|
|
255, 233, 229, 229),
|
|
onPressed: () async {
|
|
if (sectionItem
|
|
.selectedValue!.isNotEmpty) {
|
|
showFilesAlertDialog(
|
|
context,
|
|
sectionItem.fileName!.join(','),
|
|
sectionItem);
|
|
} else {
|
|
sectionItem.selectedValue = [];
|
|
sectionItem.extension = [];
|
|
sectionItem.fileName = [];
|
|
await getEncodedFile(sectionItem);
|
|
}
|
|
setState(() {});
|
|
},
|
|
width: 120,
|
|
height: 40,
|
|
fontsize: 12,
|
|
textColor: Colors.black,
|
|
title: sectionItem.name),
|
|
const SizedBox(
|
|
width: 5,
|
|
),
|
|
Text(
|
|
sectionItem.selectedValue!.isNotEmpty
|
|
? 'File uploaded'
|
|
: 'No file uploaded',
|
|
style: TextStyle(
|
|
color:
|
|
sectionItem.selectedValue!.isNotEmpty
|
|
? Colors.green
|
|
: Colors.red),
|
|
),
|
|
],
|
|
)
|
|
: isTablet
|
|
? IconButton(
|
|
onPressed: () {
|
|
provider.deleteMultipleRows(
|
|
sectionItem.gid!,
|
|
sectionList[i],
|
|
sectionName);
|
|
|
|
setState(() {});
|
|
},
|
|
icon: const Icon(
|
|
Icons.cancel,
|
|
size: 30,
|
|
color: Color.fromARGB(255, 8, 39, 92),
|
|
),
|
|
)
|
|
: Padding(
|
|
padding:
|
|
const EdgeInsets.only(left: 3.0, top: 5),
|
|
child: CustomButton(
|
|
backgroundColor:
|
|
const Color.fromARGB(255, 233, 75, 75),
|
|
onPressed: () {
|
|
provider.deleteMultipleRows(
|
|
sectionItem.gid!,
|
|
sectionList[i],
|
|
sectionName);
|
|
|
|
setState(() {});
|
|
},
|
|
width: 80,
|
|
height: 30,
|
|
fontsize: 12,
|
|
textColor: Colors.white,
|
|
title: "Delete"),
|
|
)
|
|
: returnWidget(
|
|
sectionItem: sectionItem,
|
|
item: item,
|
|
provider: provider,
|
|
list: list,
|
|
gridIndex: i,
|
|
listIndex: listIndex,
|
|
widgetData: sectionItem.widget!,
|
|
multiple: true),
|
|
],
|
|
),
|
|
]);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
String textFieldsValidation(ViewInteractionProvider provider) {
|
|
if (provider.sectionList
|
|
.any((element) => element.controller!.text.isEmpty)) {
|
|
return 'Fields cannot be empty';
|
|
}
|
|
if (provider.textEditingControllerList.isNotEmpty) {
|
|
if (provider.validateTextFields()) {
|
|
return 'Fields cannot be empty';
|
|
}
|
|
}
|
|
if (provider.multipletextEditingControllerList.isNotEmpty) {
|
|
if (provider.validateMultipleRows()) {
|
|
return 'Fields cannot be empty';
|
|
}
|
|
}
|
|
|
|
return '';
|
|
}
|
|
|
|
_displaySnackBar(String msg) {
|
|
final snackBar = SnackBar(
|
|
content: Text(
|
|
msg,
|
|
style: const TextStyle(fontSize: 20.0, fontWeight: FontWeight.bold),
|
|
));
|
|
ScaffoldMessenger.of(context).showSnackBar(snackBar);
|
|
//scaffoldKeyLogin.currentState!.showSnackBar(snackBar);
|
|
}
|
|
|
|
Future<void> getEncodedFile(SectionList sectionItem) async {
|
|
String base64Image = '';
|
|
var status = Platform.isAndroid
|
|
? await Permission.manageExternalStorage.status
|
|
: await Permission.storage.status;
|
|
if (status.isGranted) {
|
|
FilePickerResult? result =
|
|
await FilePicker.platform.pickFiles(allowMultiple: true);
|
|
|
|
if (result != null) {
|
|
print(result.files.first.path);
|
|
print(result.files.last.path);
|
|
for (var files in result.files) {
|
|
File file = File(files.path!);
|
|
print("check file path : ${file.path}");
|
|
fileName = file.path.split('/').last;
|
|
// Get the application folder directory
|
|
Directory? directory = Platform.isAndroid
|
|
? await getExternalStorageDirectory() //FOR ANDROID
|
|
: await getApplicationDocumentsDirectory();
|
|
String newPath = ""; //FOR ios
|
|
String convertedDirectoryPath = (directory?.path).toString();
|
|
|
|
print("see the converted directory path $convertedDirectoryPath");
|
|
|
|
newPath = "$convertedDirectoryPath/konectar/files";
|
|
print("new path :$newPath");
|
|
directory = Directory(newPath);
|
|
if (!await directory.exists()) {
|
|
await directory.create(recursive: true);
|
|
}
|
|
File newFile = await file.copy('${directory.path}/$fileName');
|
|
print("new path is ${newFile.path}");
|
|
final extension = p.extension(newFile.path);
|
|
List<int> imageBytes = await newFile.readAsBytes();
|
|
Uint8List imageUint8List = Uint8List.fromList(imageBytes);
|
|
base64Image = base64Encode(imageUint8List);
|
|
sectionItem.selectedValue!.add(base64Image);
|
|
sectionItem.extension!.add(extension);
|
|
sectionItem.fileName!.add(fileName);
|
|
}
|
|
}
|
|
} else {
|
|
print("not permitted");
|
|
await requestPermission(Platform.isAndroid
|
|
? Permission.manageExternalStorage
|
|
: Permission.storage);
|
|
}
|
|
}
|
|
|
|
Future<void> requestPermission(Permission permission) async {
|
|
final status = await permission.request();
|
|
|
|
setState(() {
|
|
print(status);
|
|
});
|
|
}
|
|
|
|
showAlertDialog(BuildContext context, String record) {
|
|
// set up the buttons
|
|
// ViewInteractionProvider provider =
|
|
// Provider.of<ViewInteractionProvider>(context, listen: false);
|
|
Widget cancelButton = TextButton(
|
|
child: const Text("Ok"),
|
|
onPressed: () async {
|
|
Navigator.of(context).pop();
|
|
Navigator.of(context).pop();
|
|
},
|
|
);
|
|
|
|
// set up the AlertDialog
|
|
AlertDialog alert = AlertDialog(
|
|
title: const Text(""),
|
|
content: Text("Form $record Updated Successfully!"),
|
|
actions: [
|
|
cancelButton,
|
|
],
|
|
);
|
|
|
|
// show the dialog
|
|
showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return alert;
|
|
},
|
|
);
|
|
}
|
|
|
|
showFilesAlertDialog(
|
|
BuildContext context, String files, SectionList sectionItem) {
|
|
// set up the buttons
|
|
// ViewInteractionProvider provider =
|
|
// Provider.of<ViewInteractionProvider>(context, listen: false);
|
|
Widget cancelButton = TextButton(
|
|
child: const Text("Upload"),
|
|
onPressed: () async {
|
|
Navigator.of(context).pop();
|
|
sectionItem.selectedValue = [];
|
|
sectionItem.extension = [];
|
|
sectionItem.fileName = [];
|
|
await getEncodedFile(sectionItem);
|
|
},
|
|
);
|
|
Widget okButton = TextButton(
|
|
child: const Text("Cancel"),
|
|
onPressed: () async {
|
|
Navigator.of(context).pop();
|
|
},
|
|
);
|
|
// set up the AlertDialog
|
|
AlertDialog alert = AlertDialog(
|
|
title: const Text(""),
|
|
content: Text(
|
|
"Following File(s) $files uploaded .Do you still want to upload files ?",
|
|
style: const TextStyle(fontSize: 15),
|
|
),
|
|
actions: [cancelButton, okButton],
|
|
);
|
|
|
|
// show the dialog
|
|
showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return alert;
|
|
},
|
|
);
|
|
}
|
|
}
|