poojakhatawate
/
DiscoverModule
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
DiscoverModule/lib/ui_screen/interactionform/edit_interaction_screen.dart

2582 lines
106 KiB
Dart
Raw Permalink Normal View History

first commit
2024-05-20 10:29:02 +00:00
import 'dart:convert';
import 'dart:io';
Suggested changes S
2024-05-21 08:40:44 +00:00
import 'package:discover_module/constants.dart';
import 'package:discover_module/textScalar.dart';
first commit
2024-05-20 10:29:02 +00:00
import 'package:discover_module/ui_screen/interactionform/model/interaction_data.dart';
import 'package:discover_module/ui_screen/interactionform/model/save_interaction.dart';
import 'package:discover_module/ui_screen/interactionform/util.dart';
import 'package:discover_module/ui_screen/interactionform/viewinteractionprovider.dart';
import 'package:discover_module/ui_screen/interactionform/widget/custombutton.dart';
import 'package:discover_module/ui_screen/interactionform/widget/customrangeslider.dart';
import 'package:discover_module/ui_screen/interactionform/widget/interatciontextfield.dart';
import 'package:discover_module/ui_screen/interactionform/widget/responsive_ext.dart';
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),
),
Suggested changes S
2024-05-21 08:40:44 +00:00
// backgroundColor: const Color(0xFF2b9af3),
first commit
2024-05-20 10:29:02 +00:00
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),
Suggested changes S
2024-05-21 08:40:44 +00:00
decoration: BoxDecoration(
// color: Color(0xFF2b9af3),
color: Constants.k2color),
first commit
2024-05-20 10:29:02 +00:00
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(),
Suggested changes S
2024-05-21 08:40:44 +00:00
// crossAxisCount:
// context.responsive<int>(
// 1,
// sm: 1, // small
// md: 1, // medium
// lg: sectionList.length == 1
// ? 1
// : 4, // large
// xl: 3, // extra large screen
// ),
first commit
2024-05-20 10:29:02 +00:00
crossAxisCount:
context.responsive<int>(
1,
sm: 1, // small
Suggested changes S
2024-05-21 08:40:44 +00:00
md: 2, // medium
first commit
2024-05-20 10:29:02 +00:00
lg: sectionList.length == 1
? 1
Suggested changes S
2024-05-21 08:40:44 +00:00
: 3, // large
first commit
2024-05-20 10:29:02 +00:00
xl: 3, // extra large screen
),
mainAxisSpacing:
sectionList.length == 1 ||
!isTablet
? 1
: 3.5,
shrinkWrap: true,
padding: EdgeInsets.zero,
Suggested changes S
2024-05-21 08:40:44 +00:00
// childAspectRatio:
// sectionList.length == 1 ||
// !isTablet
// ? orientation ==
// Orientation.landscape
// ? 10
// : 3.8
// : 2.4,
first commit
2024-05-20 10:29:02 +00:00
childAspectRatio:
Suggested changes S
2024-05-21 08:40:44 +00:00
sectionList.length == 1
first commit
2024-05-20 10:29:02 +00:00
? orientation ==
Orientation.landscape
? 10
Suggested changes S
2024-05-21 08:40:44 +00:00
: 4.8
: isTablet
? 3.6
: 3.0,
first commit
2024-05-20 10:29:02 +00:00
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()
formpadding
2024-05-21 09:00:43 +00:00
: Padding(
padding:
const EdgeInsets
.only(
left: 8.0,
right: 8.0),
child: Text(
'${sectionItem.name}:*',
style: TextStyle(
color: Colors
.orange
.shade800,
fontSize: isTablet
? 18
: 12,
),
first commit
2024-05-20 10:29:02 +00:00
),
),
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);
},
),
)
textfield issue fixes
2024-05-27 09:46:59 +00:00
: Padding(
padding: const EdgeInsets.only(left: 8.0, right: 8.0),
child: SizedBox(
// width: isTablet ? 200 : MediaQuery.of(context).size.width,
width: MediaQuery.of(context).size.width,
Suggested changes S
2024-05-21 08:40:44 +00:00
textfield issue fixes
2024-05-27 09:46:59 +00:00
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);
},
Suggested changes S
2024-05-21 08:40:44 +00:00
),
first commit
2024-05-20 10:29:02 +00:00
),
);
case InteractionWidget.DROPDOWN:
return customdropdown(sectionItem, provider, list, multiple);
}
}
Widget buildDateWidget(SectionList sectionItem) {
return SizedBox(
Suggested changes S
2024-05-21 08:40:44 +00:00
// width: isTablet ? 200 : MediaQuery.of(context).size.width,
width: MediaQuery.of(context).size.width,
first commit
2024-05-20 10:29:02 +00:00
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();
Suggested changes S
2024-05-21 08:40:44 +00:00
return Padding(
padding: const EdgeInsets.only(left: 8.0, right: 8.0),
child: SizedBox(
// width: isTablet ? 250 : MediaQuery.of(context).size.width,
width: 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),
],
),
],
),
first commit
2024-05-20 10:29:02 +00:00
),
);
}
Widget buildCheckbox(SectionList sectionItem, String sectionName,
ViewInteractionProvider provider, bool multiple) {
Suggested changes S
2024-05-21 08:40:44 +00:00
return Padding(
padding: const EdgeInsets.only(left: 8.0, right: 8.0),
child: SizedBox(
// width: 250,
width: MediaQuery.of(context).size.width,
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),
],
),
],
),
first commit
2024-05-20 10:29:02 +00:00
),
);
}
Widget customdropdown(SectionList sectionItem,
ViewInteractionProvider provider, List<InputClass> list, bool multiple) {
// sectionItem.value = '';
textfield issue fixes
2024-05-27 09:46:59 +00:00
// print("%%%%${sectionItem.selectedValue!.last}");
first commit
2024-05-20 10:29:02 +00:00
if (list.isEmpty) {
print("###list empty###");
list = [];
InputClass inputClass =
InputClass(id: "no value", name: "Select ${sectionItem.name}");
list.add(inputClass);
sectionItem.selectedObject = list[0];
}
// InputClass selectedObj = list[0];
Suggested changes S
2024-05-21 08:40:44 +00:00
return Padding(
padding: const EdgeInsets.only(left: 8.0, right: 8.0),
child: SizedBox(
// width: isTablet ? 200 : MediaQuery.of(context).size.width,
// height: isTablet ? 60 : 40,
width: MediaQuery.of(context).size.width,
first commit
2024-05-20 10:29:02 +00:00
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(
Suggested changes S
2024-05-21 08:40:44 +00:00
'Select ${sectionItem.name}',
style: const TextStyle(fontSize: 14),
first commit
2024-05-20 10:29:02 +00:00
),
items: list
Suggested changes S
2024-05-21 08:40:44 +00:00
.map((item) => DropdownMenuItem<InputClass>(
first commit
2024-05-20 10:29:02 +00:00
value: item,
child: Text(
item.name,
style: const TextStyle(
fontSize: 14,
),
),
))
.toList(),
Suggested changes S
2024-05-21 08:40:44 +00:00
value: sectionItem.selectedValue!.isNotEmpty
? list[list.indexWhere(
(element) => element.id == sectionItem.selectedValue!.last,
)]
: 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;
first commit
2024-05-20 10:29:02 +00:00
},
onChanged: (value) {
Suggested changes S
2024-05-21 08:40:44 +00:00
//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) {
first commit
2024-05-20 10:29:02 +00:00
sectionItem.selectedObject = value!;
Suggested changes S
2024-05-21 08:40:44 +00:00
sectionItem.value = value.id;
provider.setDropDownValue(value.id, sectionItem, multiple, value);
first commit
2024-05-20 10:29:02 +00:00
// setState(() {});
},
buttonStyleData: const ButtonStyleData(
Suggested changes S
2024-05-21 08:40:44 +00:00
padding: EdgeInsets.only(right: 8),
first commit
2024-05-20 10:29:02 +00:00
),
Suggested changes S
2024-05-21 08:40:44 +00:00
iconStyleData: const IconStyleData(
icon: Icon(
Icons.arrow_drop_down,
color: Colors.black45,
),
iconSize: 24,
),
dropdownStyleData: DropdownStyleData(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(15),
),
first commit
2024-05-20 10:29:02 +00:00
),
menuItemStyleData: const MenuItemStyleData(
Suggested changes S
2024-05-21 08:40:44 +00:00
padding: EdgeInsets.symmetric(horizontal: 16),
first commit
2024-05-20 10:29:02 +00:00
),
Suggested changes S
2024-05-21 08:40:44 +00:00
),
),
);
}
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 Padding(
padding: const EdgeInsets.only(left: 8.0, right: 8.0),
child: SizedBox(
// width: isTablet ? 200 : MediaQuery.of(context).size.width,
// height: isTablet ? 60 : 40,
width: MediaQuery.of(context).size.width,
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),
first commit
2024-05-20 10:29:02 +00:00
),
Suggested changes S
2024-05-21 08:40:44 +00:00
// 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),
),
first commit
2024-05-20 10:29:02 +00:00
),
),
),
Suggested changes S
2024-05-21 08:40:44 +00:00
searchMatchFn: (item, searchValue) {
return item.value!.name.toString().contains(searchValue);
},
first commit
2024-05-20 10:29:02 +00:00
),
Suggested changes S
2024-05-21 08:40:44 +00:00
//This to clear the search value when you close the menu
onMenuStateChange: (isOpen) {
if (!isOpen) {
textEditingController.clear();
}
first commit
2024-05-20 10:29:02 +00:00
},
),
),
),
);
}
Widget customMultiselectDropdown(SectionList sectionItem,
ViewInteractionProvider provider, List<InputClass> list, bool multiple) {
if (list.isEmpty) {
list = sectionItem.inputList!;
}
InputClass selectedObj = list[0];
Suggested changes S
2024-05-21 08:40:44 +00:00
return Padding(
padding: const EdgeInsets.only(left: 8.0, right: 8.0),
child: SizedBox(
// width: isTablet ? 200 : MediaQuery.of(context).size.width,
// height: isTablet ? 60 : 40,
width: MediaQuery.of(context).size.width,
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..
first commit
2024-05-20 10:29:02 +00:00
),
Suggested changes S
2024-05-21 08:40:44 +00:00
hint: Text(
'Select Items',
style: TextStyle(
fontSize: 14,
color: Theme.of(context).hintColor,
),
first commit
2024-05-20 10:29:02 +00:00
),
Suggested changes S
2024-05-21 08:40:44 +00:00
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,
),
first commit
2024-05-20 10:29:02 +00:00
),
),
Suggested changes S
2024-05-21 08:40:44 +00:00
],
),
),
);
},
),
);
}).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,
first commit
2024-05-20 10:29:02 +00:00
),
Suggested changes S
2024-05-21 08:40:44 +00:00
maxLines: 1,
first commit
2024-05-20 10:29:02 +00:00
),
);
},
Suggested changes S
2024-05-21 08:40:44 +00:00
).toList();
},
buttonStyleData: const ButtonStyleData(
padding: EdgeInsets.only(left: 16, right: 8),
height: 40,
width: 140,
),
menuItemStyleData: const MenuItemStyleData(
height: 40,
padding: EdgeInsets.zero,
),
first commit
2024-05-20 10:29:02 +00:00
),
),
),
);
}
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)
: [];
textfield issue fixes
2024-05-27 09:46:59 +00:00
return Wrap(runAlignment: WrapAlignment.spaceEvenly, children: [
first commit
2024-05-20 10:29:02 +00:00
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;
},
);
}
}
// import 'dart:convert';
// import 'dart:io';
// import 'package:discover_module/ui_screen/interactionform/model/interaction_data.dart';
// import 'package:discover_module/ui_screen/interactionform/model/save_interaction.dart';
// import 'package:discover_module/ui_screen/interactionform/util.dart';
// import 'package:discover_module/ui_screen/interactionform/viewinteractionprovider.dart';
// import 'package:discover_module/ui_screen/interactionform/widget/custombutton.dart';
// import 'package:discover_module/ui_screen/interactionform/widget/customrangeslider.dart';
// import 'package:discover_module/ui_screen/interactionform/widget/interatciontextfield.dart';
// import 'package:discover_module/ui_screen/interactionform/widget/responsive_ext.dart';
// 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);
// return customdropdown(
// sectionItem, provider, sectionItem.inputList!, multiple);
// 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) {
// print("widget.saveInteraction ${widget.saveInteraction.intId}");
// 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;
// },
// );
// }
// }