5227 lines
227 KiB
Dart
5227 lines
227 KiB
Dart
import 'dart:convert';
|
|
import 'dart:io';
|
|
// import 'dart:js_interop';
|
|
// import 'dart:js_util';
|
|
|
|
import 'package:discover_module/constants.dart';
|
|
import 'package:discover_module/custom_widget/floating_btn.dart';
|
|
import 'package:discover_module/ui_screen/add_event/add_hcp.dart';
|
|
import 'package:discover_module/ui_screen/interactionform/interactionprovider.dart';
|
|
import 'package:discover_module/ui_screen/interactionform/model/interaction_data.dart';
|
|
import 'package:discover_module/ui_screen/interactionform/util.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/cupertino.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/rendering.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
import 'package:intl/intl.dart';
|
|
import 'package:path_provider/path_provider.dart';
|
|
import 'package:popover/popover.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:dropdown_button2/dropdown_button2.dart';
|
|
|
|
import 'package:file_picker/file_picker.dart';
|
|
// import 'package:pwa_ios/widgets/responsive_ext.dart';
|
|
import 'package:permission_handler/permission_handler.dart';
|
|
import 'package:path/path.dart' as p;
|
|
|
|
// import 'package:popover/popover.dart';
|
|
|
|
class InteractionScreen extends StatefulWidget {
|
|
int index;
|
|
String form;
|
|
InteractionScreen({super.key, required this.index, required this.form});
|
|
|
|
@override
|
|
State<InteractionScreen> createState() => _InteractionScreenState();
|
|
}
|
|
|
|
class _InteractionScreenState extends State<InteractionScreen> {
|
|
List<dynamic> interactionReponseList = [];
|
|
List<SectionList> sectionList = [];
|
|
List<TextEditingController> textEditingControllerList = [];
|
|
int textfieldIndex = 0;
|
|
String dropdownvalue = 'Select value';
|
|
String? fileName;
|
|
final TextEditingController textEditingController = TextEditingController();
|
|
@override
|
|
void initState() {
|
|
WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
|
|
// if (mytimer!.isActive) {
|
|
// cancelTimer();
|
|
// }
|
|
init();
|
|
});
|
|
|
|
super.initState();
|
|
}
|
|
|
|
init() async {
|
|
await Provider.of<InteractionProvider>(context, listen: false)
|
|
.init(widget.index);
|
|
setState(() {});
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Consumer<InteractionProvider>(
|
|
builder: (BuildContext context, provider, Widget? child) {
|
|
return GestureDetector(
|
|
onTap: () {
|
|
FocusScope.of(context).requestFocus(FocusNode());
|
|
},
|
|
child: OrientationBuilder(builder: (context, orientation) {
|
|
return SafeArea(
|
|
child: Scaffold(
|
|
//resizeToAvoidBottomInset: false,
|
|
appBar: AppBar(
|
|
title: const FittedBox(
|
|
fit: BoxFit.scaleDown,
|
|
child: Text(
|
|
'Record New Interaction',
|
|
style: TextStyle(
|
|
// fontSize: isTablet ? 22 : 14, color: Colors.white
|
|
// fontSize: 20,
|
|
color: Colors.white),
|
|
),
|
|
),
|
|
// backgroundColor: const Color(0xFF2b9af3),
|
|
automaticallyImplyLeading: false,
|
|
actions: [saveActions(provider)],
|
|
leading: InkWell(
|
|
onTap: () {
|
|
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 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: BoxDecoration(
|
|
// color: Color(0xFF2b9af3),
|
|
color: Constants.k2color,
|
|
),
|
|
child: Text(
|
|
item.sectionName,
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.bold,
|
|
// fontSize: isTablet ? 18 : 14
|
|
),
|
|
)),
|
|
item.multiple
|
|
? Align(
|
|
alignment: Alignment.centerRight,
|
|
child: IconButton(
|
|
onPressed: () {
|
|
if (item.sectionName == "HCP") {
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) =>
|
|
Addhcp()));
|
|
|
|
provider.getSectionItem(
|
|
item.sectionName,
|
|
);
|
|
// print("index is $listIndex");
|
|
setState(() {
|
|
// for (var item
|
|
});
|
|
} else {
|
|
provider.getSectionItem(
|
|
item.sectionName,
|
|
);
|
|
// print("index is $listIndex");
|
|
setState(() {});
|
|
}
|
|
},
|
|
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: [
|
|
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
|
|
// : 3, // large
|
|
// xl: 3, // extra large screen
|
|
// ),
|
|
|
|
crossAxisCount: context.responsive<int>(
|
|
1,
|
|
sm: 1, // small
|
|
md: isTablet
|
|
? 2
|
|
: orientation ==
|
|
Orientation.landscape
|
|
? 2
|
|
: 1, // medium
|
|
lg: sectionList.length == 1
|
|
? 1
|
|
: 3, // large
|
|
xl: 3, // extra large screen
|
|
),
|
|
|
|
// crossAxisCount:
|
|
// orientation == Orientation.portrait
|
|
// ? 1
|
|
// : 3,
|
|
// crossAxisCount: (MediaQuery.of(context)
|
|
// .orientation ==
|
|
// Orientation.landscape)
|
|
// ? 3
|
|
// : 1,
|
|
|
|
mainAxisSpacing:
|
|
sectionList.length == 1 || !isTablet
|
|
? 1
|
|
: 3.5,
|
|
// mainAxisSpacing:
|
|
// orientation == Orientation.portrait
|
|
// ? 1
|
|
// : 3,
|
|
shrinkWrap: true,
|
|
padding: EdgeInsets.zero,
|
|
// childAspectRatio: MediaQuery.of(context)
|
|
// .size
|
|
// .aspectRatio *
|
|
// 0.10,
|
|
// childAspectRatio:
|
|
// sectionList.length == 1
|
|
// ? orientation ==
|
|
// Orientation.landscape
|
|
// ? 10
|
|
// : 3.8
|
|
// : 2.4,
|
|
// childAspectRatio:
|
|
// sectionList.length == 1
|
|
// ? orientation ==
|
|
// Orientation.landscape
|
|
// ? 10
|
|
// : 3.8
|
|
// : isTablet
|
|
// ? 2.8
|
|
// : 3.8,
|
|
|
|
childAspectRatio:
|
|
sectionList.length == 1
|
|
? orientation ==
|
|
Orientation.landscape
|
|
? 10
|
|
: 4.8
|
|
: isTablet
|
|
? 2.8
|
|
: 3.0,
|
|
// /:2.4,
|
|
// childAspectRatio: 3.8,
|
|
|
|
children: List.generate(
|
|
sectionList.length,
|
|
(i) {
|
|
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()
|
|
: Padding(
|
|
padding:
|
|
const EdgeInsets
|
|
.only(
|
|
left: 8.0,
|
|
right: 8.0),
|
|
child: FittedBox(
|
|
fit: BoxFit.scaleDown,
|
|
child: Text(
|
|
sectionItem
|
|
.validation!
|
|
.isRequired
|
|
? '${sectionItem.name}:*'
|
|
: '${sectionItem.name}:',
|
|
style: TextStyle(
|
|
color: Colors
|
|
.orange
|
|
.shade800,
|
|
fontSize: 18.0,
|
|
// 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,
|
|
// ),
|
|
|
|
// sectionItem.depid == 'pooja'
|
|
// ? Text(
|
|
// sectionItem.validation!
|
|
// .isRequired
|
|
// ? '${sectionItem.depid}:*'
|
|
// : '${sectionItem.depid}:',
|
|
// style: TextStyle(
|
|
// color: Colors
|
|
// .orange.shade800,
|
|
// fontSize: isTablet
|
|
// ? 18
|
|
// : 12,
|
|
// ),
|
|
// )
|
|
// : const SizedBox.shrink(),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
// 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),
|
|
Align(
|
|
alignment: Alignment.bottomRight,
|
|
child: Container(
|
|
height: 80.0,
|
|
width: 80.0,
|
|
child: _offsetPopup(provider.interactionReponseList)))
|
|
],
|
|
),
|
|
// floatingActionButton: FloatingBtn(
|
|
// title: "data",
|
|
// icon: Icons.add,
|
|
// onTap: () {
|
|
// showPopover(
|
|
// context: context,
|
|
// bodyBuilder: (context) {
|
|
// return Padding(
|
|
// padding: const EdgeInsets.symmetric(vertical: 8),
|
|
// child: ListView(
|
|
// padding: const EdgeInsets.all(8),
|
|
// children: [
|
|
// InkWell(
|
|
// onTap: () {
|
|
|
|
// },
|
|
// child: Container(
|
|
// height: 50,
|
|
// color: Colors.amber[100],
|
|
// child: const Center(child: Text('Entry A')),
|
|
// ),
|
|
// ),
|
|
// const Divider(),
|
|
// Container(
|
|
// height: 50,
|
|
// color: Colors.amber[200],
|
|
// child: const Center(child: Text('Entry B')),
|
|
// ),
|
|
// const Divider(),
|
|
// Container(
|
|
// height: 50,
|
|
// color: Colors.amber[300],
|
|
// child: const Center(child: Text('Entry C')),
|
|
// ),
|
|
// const Divider(),
|
|
// Container(
|
|
// height: 50,
|
|
// color: Colors.amber[400],
|
|
// child: const Center(child: Text('Entry D')),
|
|
// ),
|
|
// const Divider(),
|
|
// Container(
|
|
// height: 50,
|
|
// color: Colors.amber[500],
|
|
// child: const Center(child: Text('Entry E')),
|
|
// ),
|
|
// const Divider(),
|
|
// Container(
|
|
// height: 50,
|
|
// color: Colors.amber[600],
|
|
// child: const Center(child: Text('Entry F')),
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// );
|
|
// },
|
|
// );
|
|
|
|
// var itemsectionname =
|
|
// provider.interactionReponseList.length;
|
|
|
|
// print("ItemSectionname: $itemsectionname");
|
|
|
|
// for (int i = 0; i < itemsectionname; i++) {
|
|
// var item = provider.interactionReponseList[i];
|
|
|
|
// print(
|
|
// "Check_ProviderNameL ${item.sectionName}, ${item.multiple}");
|
|
// }
|
|
|
|
// // provider.getSectionItem(
|
|
// // item.sectionName,
|
|
// // );
|
|
// },
|
|
// )
|
|
),
|
|
);
|
|
}),
|
|
);
|
|
});
|
|
}
|
|
|
|
Widget returnWidget({
|
|
required SectionList sectionItem,
|
|
required FormFieldData item,
|
|
required InteractionProvider 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(
|
|
max: double.parse(sectionItem.max!),
|
|
min: double.parse(sectionItem.min!),
|
|
sliderPos: sectionItem.selectedValue!.isNotEmpty
|
|
? double.parse(sectionItem.selectedValue!.last.toString())
|
|
: double.parse(sectionItem.min!),
|
|
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 {
|
|
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
|
|
? sectionItem.selectedValue!.length > 1
|
|
? 'Files uploaded'
|
|
: "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.validation!.chars ?? "0"),
|
|
controller: sectionItem.controller!,
|
|
labelText: sectionItem.name,
|
|
// maxlines: 8,
|
|
//minlines: 4,
|
|
onChanged: (val) {
|
|
sectionItem.selectedValue = [];
|
|
setState(() {});
|
|
|
|
sectionItem.selectedValue!.add(val);
|
|
},
|
|
),
|
|
)
|
|
////Poojaaaaa
|
|
: sectionItem.input == "text1"
|
|
? Text(
|
|
sectionItem.depid!,
|
|
style: TextStyle(
|
|
fontSize: 18.0, fontWeight: FontWeight.normal),
|
|
)
|
|
: Expanded(
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(left: 8.0, right: 8.0),
|
|
child: SizedBox(
|
|
// width:
|
|
// isTablet ? 200 : MediaQuery.of(context).size.width,
|
|
//height: isTablet ? 50 : 40,
|
|
width: MediaQuery.of(context).size.width,
|
|
height: isTablet ? 50 : 40,
|
|
|
|
child: InteractionTextField(
|
|
inputType: sectionItem.input == "number"
|
|
? TextInputType.number
|
|
: TextInputType.name,
|
|
maxchars: int.parse(sectionItem.chars ?? "0"),
|
|
controller: sectionItem.controller!,
|
|
labelText: sectionItem.name,
|
|
onChanged: (val) {
|
|
sectionItem.selectedValue = [];
|
|
// sectionItem.selectedValue!.clear();
|
|
|
|
provider.setTextValue(
|
|
val, sectionItem, multiple);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
);
|
|
case InteractionWidget.DROPDOWN:
|
|
// return customdropdown(sectionItem, provider, list, multiple);
|
|
|
|
return customAutoCompletedropdown(
|
|
sectionItem, provider, list, multiple);
|
|
}
|
|
}
|
|
|
|
Future<void> requestPermission(Permission permission) async {
|
|
final status = await permission.request();
|
|
|
|
setState(() {
|
|
print(status);
|
|
// _permissionStatus = status;
|
|
// print(_permissionStatus);
|
|
});
|
|
}
|
|
|
|
Widget buildDateWidget(SectionList sectionItem) {
|
|
return Padding(
|
|
padding: const EdgeInsets.only(left: 8.0, right: 8.0),
|
|
child: SizedBox(
|
|
// width: isTablet ? 200 : MediaQuery.of(context).size.width,
|
|
// height: isTablet ? 50 : 40,
|
|
width: MediaQuery.of(context).size.width,
|
|
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(InteractionProvider provider) {
|
|
return Align(
|
|
alignment: Alignment.centerRight,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.all(4.0),
|
|
child: CustomButton(
|
|
backgroundColor: Colors.red.shade800,
|
|
onPressed: () {
|
|
//showDeleteProfileAlertDialog(context);
|
|
for (var textcontrollers
|
|
in provider.textEditingControllerList) {
|
|
textcontrollers.text = '';
|
|
}
|
|
|
|
// setState(() {
|
|
// provider.resetAllWidgetsData();
|
|
// });
|
|
},
|
|
textColor: Colors.white,
|
|
title: "Reset",
|
|
// height: 40,
|
|
// width: isTablet ? 100 : 80,
|
|
height: MediaQuery.of(context).size.height * 0.2,
|
|
|
|
fontsize: isTablet ? 15 : 10.2,
|
|
),
|
|
),
|
|
SizedBox(
|
|
width: isTablet ? 20 : 4,
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.all(4.0),
|
|
child: CustomButton(
|
|
backgroundColor: Colors.green.shade500,
|
|
onPressed: () async {
|
|
// if (textFieldsValidation(provider).isEmpty) {
|
|
// print("Form_issss: ${widget.form}");
|
|
// String record =
|
|
// await provider.saveJsonObject(context, widget.form);
|
|
// showAlertDialog(context, record);
|
|
// } else {
|
|
// _displaySnackBar(textFieldsValidation(provider));
|
|
// }
|
|
|
|
////////////////////////////////////////////////actual code///////////////////
|
|
///
|
|
// String record =
|
|
// await provider.saveJsonObject(context, widget.form);
|
|
// showAlertDialog(context, record);
|
|
|
|
///Cnahging Code//////////////
|
|
///
|
|
///
|
|
///validateTextFields
|
|
|
|
// if (provider.validateTextFields()) {
|
|
// print("Form_issss: ${widget.form}");
|
|
String record =
|
|
await provider.saveJsonObject(context, widget.form);
|
|
// showAlertDialog(context, record);
|
|
|
|
// for (int i = 0; i < sectionList.length; i++) {
|
|
// SectionList sectionItem = sectionList[i];
|
|
|
|
// print(
|
|
// "ValidationMandotary_isss: ${sectionItem.validation!.isRequired}");
|
|
// }
|
|
|
|
print("Validation_isss: ${provider.isLoading}");
|
|
|
|
if (provider.isLoading == false) {
|
|
print("Validation_false");
|
|
showAlertDialog1(context, "Please fill all the fields");
|
|
} else {
|
|
showAlertDialog(context, "Form $record Saved Successfully!");
|
|
print("Validation_True");
|
|
}
|
|
|
|
// print("Interaction_Type:");
|
|
// } else {
|
|
// _displaySnackBar(textFieldsValidation(provider));
|
|
// }
|
|
},
|
|
textColor: Colors.white,
|
|
title: "Save",
|
|
// height: 40,
|
|
// width: isTablet ? 100 : 80,
|
|
height: MediaQuery.of(context).size.height * 0.2,
|
|
|
|
// width: MediaQuery.of(context).size.width * 0.1,
|
|
fontsize: isTablet ? 16 : 12,
|
|
),
|
|
),
|
|
SizedBox(
|
|
width: isTablet ? 20 : 2,
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget buildRadio(SectionList sectionItem, InteractionProvider provider) {
|
|
List<InputClass> list = provider.getData2(sectionItem);
|
|
// .map((itemWord) => InputClass.fromJson(itemWord))
|
|
// .toList();
|
|
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),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget buildCheckbox(SectionList sectionItem, String sectionName,
|
|
InteractionProvider provider, bool multiple) {
|
|
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: [
|
|
FittedBox(
|
|
fit: BoxFit.scaleDown,
|
|
child: 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, InteractionProvider 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 Padding(
|
|
padding: const EdgeInsets.only(left: 8.0, right: 8.0),
|
|
child: SizedBox(
|
|
width: 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);
|
|
print("selected ${sectionItem.value}");
|
|
// setState(() {});
|
|
},
|
|
onSaved: (value) {
|
|
sectionItem.selectedObject = value!;
|
|
sectionItem.value = value.id;
|
|
provider.setDropDownValue(value.id, sectionItem, multiple);
|
|
// 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,
|
|
InteractionProvider provider, List<InputClass> list, bool multiple) {
|
|
// sectionItem.value = list[0].name;
|
|
|
|
// if (list.isEmpty) {
|
|
// print("list is empty");
|
|
list = sectionItem.inputList!;
|
|
print("***Autocomplete list ${list[0].name}");
|
|
//}
|
|
//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),
|
|
),
|
|
// 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,
|
|
InteractionProvider provider, List<InputClass> list, bool multiple) {
|
|
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,
|
|
// height: MediaQuery.of(context).size.height,
|
|
|
|
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(
|
|
InteractionProvider provider,
|
|
String sectionName,
|
|
List<SectionList> sectionList,
|
|
Orientation orientation,
|
|
FormFieldData item,
|
|
int listIndex) {
|
|
print("ListInex: $listIndex");
|
|
print("sectionName: $sectionName");
|
|
print("sectionName: $sectionName");
|
|
|
|
print("gridsectionlost_is: $sectionList");
|
|
print("gridsectionlostleangth_is: ${sectionList.length}");
|
|
|
|
List<SectionList> pooja = sectionList;
|
|
|
|
print("Pooja_isss: $pooja");
|
|
print("Pooja_leangth_isss: ${pooja.length}");
|
|
|
|
////////////////////////////////////mycode///////////////////////////
|
|
///
|
|
///
|
|
// final provider = context.read<InteractionProvider>();
|
|
// var yourVariable = provider.ge;
|
|
// print("ProviderLength: $yourVariable");
|
|
// print("ProviderLength: ${yourVariable.length}");
|
|
|
|
List<List<SectionList>> convertedArray = [];
|
|
print("Provider_leangth: ${item.sectionList.length}");
|
|
|
|
for (int i = 0; i < pooja.length; i += item.sectionList.length + 1) {
|
|
print("poojaleangth: $pooja");
|
|
|
|
convertedArray.add(pooja.sublist(i, i + item.sectionList.length + 1));
|
|
}
|
|
print("ConvertedArray.leangth: $convertedArray");
|
|
print("ConvertedArray.leangth: ${convertedArray.length}");
|
|
|
|
return Padding(
|
|
padding: isTablet
|
|
? const EdgeInsets.only(left: 0.0)
|
|
: const EdgeInsets.only(left: 12.0, right: 12.0),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
for (var i = 0; i < convertedArray.length; i++)
|
|
DecoratedBox(
|
|
decoration: BoxDecoration(
|
|
// border: Border.all(color: Colors.black),
|
|
// borderRadius: BorderRadius.circular(10.0),
|
|
color: i % 2 == 0
|
|
? Color.fromARGB(133, 213, 241, 254)
|
|
: Colors.white,
|
|
),
|
|
child: GridView.builder(
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|
crossAxisCount: context.responsive<int>(
|
|
1,
|
|
sm: 1, // small
|
|
md: isTablet
|
|
? 2
|
|
: orientation == Orientation.landscape
|
|
? 2
|
|
: 1, // medium
|
|
lg: sectionList.length == 1 ? 1 : 3, // large
|
|
xl: 3, // extra large screen
|
|
),
|
|
mainAxisSpacing:
|
|
sectionList.length == 1 || !isTablet ? 1 : 1,
|
|
childAspectRatio: sectionList.length == 1
|
|
? orientation == Orientation.landscape
|
|
? 10
|
|
: 4.8
|
|
: isTablet
|
|
? 2.8
|
|
: 3.0,
|
|
),
|
|
shrinkWrap: true,
|
|
padding: EdgeInsets.zero,
|
|
itemCount: convertedArray[i].length,
|
|
itemBuilder: (context, index) {
|
|
SectionList sectionItem = convertedArray[i][index];
|
|
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 SizedBox(
|
|
height: MediaQuery.of(context).size.height,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
sectionItem.widget == InteractionWidget.BUTTON &&
|
|
sectionItem.input == 'add' ||
|
|
sectionItem.input == 'deletebtn'
|
|
? const SizedBox.shrink()
|
|
: Padding(
|
|
padding: const EdgeInsets.only(
|
|
left: 8.0, right: 8.0),
|
|
child: FittedBox(
|
|
fit: BoxFit.scaleDown,
|
|
child: Text(
|
|
sectionItem.validation!.isRequired
|
|
? "${sectionItem.name}*"
|
|
: sectionItem.name,
|
|
style: TextStyle(
|
|
color: Colors.orange.shade800,
|
|
fontSize: 18),
|
|
),
|
|
),
|
|
),
|
|
// const SizedBox(
|
|
// height: 15,
|
|
// ),
|
|
sectionItem.widget == InteractionWidget.BUTTON
|
|
? sectionItem.input == 'chooseFile'
|
|
? Row(
|
|
children: [
|
|
CustomButton(
|
|
backgroundColor:
|
|
const Color.fromARGB(
|
|
255, 233, 229, 229),
|
|
onPressed: () async {
|
|
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
|
|
? sectionItem
|
|
.selectedValue!.isNotEmpty
|
|
? 'File uploaded'
|
|
: "Files 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,
|
|
|
|
height: 40,
|
|
|
|
// height:
|
|
// MediaQuery.of(context).size.height *
|
|
// 0.2,
|
|
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 fieldsValidation(InteractionProvider provider) {
|
|
List<SectionList> secList = provider.sectionList
|
|
.where((element) => element.validation!.isRequired = true)
|
|
.toList();
|
|
if (secList.any((element) => element.selectedValue!.isEmpty)) {
|
|
return 'Fields cannot be empty';
|
|
}
|
|
return '';
|
|
}
|
|
|
|
String textFieldsValidation(InteractionProvider provider) {
|
|
// if (provider.sectionList
|
|
// .any((element) => element.widget == InteractionWidget.TEXT)) {
|
|
// 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);
|
|
}
|
|
}
|
|
|
|
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(record),
|
|
actions: [
|
|
cancelButton,
|
|
],
|
|
);
|
|
|
|
// show the dialog
|
|
showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return alert;
|
|
},
|
|
);
|
|
}
|
|
|
|
showAlertDialog1(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();
|
|
},
|
|
);
|
|
|
|
// set up the AlertDialog
|
|
AlertDialog alert = AlertDialog(
|
|
title: const Text(""),
|
|
content: Text(record),
|
|
actions: [
|
|
cancelButton,
|
|
],
|
|
);
|
|
|
|
// show the dialog
|
|
showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return alert;
|
|
},
|
|
);
|
|
}
|
|
|
|
Widget _offsetPopup(List<FormFieldData> interactionReponseList) => PopupMenuButton<
|
|
int>(
|
|
itemBuilder: (context) {
|
|
return List.generate(interactionReponseList.length, (index) {
|
|
var provider =
|
|
Provider.of<InteractionProvider>(context, listen: false);
|
|
|
|
var item = provider.interactionReponseList[index];
|
|
|
|
return PopupMenuItem(
|
|
value: index,
|
|
child: item.multiple
|
|
? GestureDetector(
|
|
onTap: () {
|
|
print("Clicked Section ${item.sectionName}");
|
|
// provider.getSectionItem(
|
|
// item.sectionName,
|
|
// );
|
|
setState(() {
|
|
provider.getSectionItem(
|
|
item.sectionName,
|
|
);
|
|
});
|
|
|
|
const DecoratedBox(
|
|
decoration: BoxDecoration(
|
|
// border: Border.all(color: Colors.black),
|
|
// borderRadius: BorderRadius.circular(10.0),
|
|
border: Border(
|
|
bottom: BorderSide(width: 1.5, color: Colors.black),
|
|
//top: BorderSide(width: 1.5, color: Colors.black),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
child: Text(' ${item.sectionName}'))
|
|
: Container(),
|
|
);
|
|
});
|
|
},
|
|
// itemBuilder: (context) => [
|
|
|
|
// const PopupMenuItem(
|
|
// value: 1,
|
|
// child: Text(
|
|
// "Flutter Open",
|
|
// style:
|
|
// TextStyle(color: Colors.black, fontWeight: FontWeight.w700),
|
|
// ),
|
|
// ),
|
|
// const PopupMenuItem(
|
|
// value: 2,
|
|
// child: Text(
|
|
// "Flutter Tutorial",
|
|
// style:
|
|
// TextStyle(color: Colors.black, fontWeight: FontWeight.w700),
|
|
// ),
|
|
// ),
|
|
// ],
|
|
icon: Container(
|
|
height: double.infinity,
|
|
width: double.infinity,
|
|
decoration: const ShapeDecoration(
|
|
color: Color.fromARGB(255, 8, 39, 92),
|
|
shape: StadiumBorder(
|
|
side: BorderSide(color: Colors.white, width: 2),
|
|
),
|
|
),
|
|
child: Icon(Icons.add, color: Colors.white),
|
|
));
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// import 'dart:convert';
|
|
// import 'dart:io';
|
|
// import 'dart:js_util';
|
|
|
|
// import 'package:discover_module/constants.dart';
|
|
// import 'package:discover_module/ui_screen/add_event/add_hcp.dart';
|
|
// import 'package:discover_module/ui_screen/interactionform/interactionprovider.dart';
|
|
// import 'package:discover_module/ui_screen/interactionform/model/interaction_data.dart';
|
|
// import 'package:discover_module/ui_screen/interactionform/util.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:flutter/widgets.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:file_picker/file_picker.dart';
|
|
// // import 'package:pwa_ios/widgets/responsive_ext.dart';
|
|
// import 'package:permission_handler/permission_handler.dart';
|
|
// import 'package:path/path.dart' as p;
|
|
|
|
// class InteractionScreen extends StatefulWidget {
|
|
// int index;
|
|
// String form;
|
|
// InteractionScreen({super.key, required this.index, required this.form});
|
|
|
|
// @override
|
|
// State<InteractionScreen> createState() => _InteractionScreenState();
|
|
// }
|
|
|
|
// class _InteractionScreenState extends State<InteractionScreen> {
|
|
// List<dynamic> interactionReponseList = [];
|
|
// List<SectionList> sectionList = [];
|
|
// List<TextEditingController> textEditingControllerList = [];
|
|
// int textfieldIndex = 0;
|
|
// String dropdownvalue = 'Select value';
|
|
// String? fileName;
|
|
// final TextEditingController textEditingController = TextEditingController();
|
|
// @override
|
|
// void initState() {
|
|
// WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
|
|
// // if (mytimer!.isActive) {
|
|
// // cancelTimer();
|
|
// // }
|
|
// init();
|
|
// });
|
|
|
|
// super.initState();
|
|
// }
|
|
|
|
// init() async {
|
|
// await Provider.of<InteractionProvider>(context, listen: false)
|
|
// .init(widget.index);
|
|
// setState(() {});
|
|
// }
|
|
|
|
// @override
|
|
// Widget build(BuildContext context) {
|
|
// return Consumer<InteractionProvider>(
|
|
// builder: (BuildContext context, provider, Widget? child) {
|
|
// return GestureDetector(
|
|
// onTap: () {
|
|
// FocusScope.of(context).requestFocus(FocusNode());
|
|
// },
|
|
// child: OrientationBuilder(builder: (context, orientation) {
|
|
// return Scaffold(
|
|
// //resizeToAvoidBottomInset: false,
|
|
// appBar: AppBar(
|
|
// title: const FittedBox(
|
|
// fit: BoxFit.scaleDown,
|
|
// child: Text(
|
|
// 'Record New Interaction',
|
|
// style: TextStyle(
|
|
// // fontSize: isTablet ? 22 : 14, color: Colors.white
|
|
// // fontSize: 20,
|
|
// color: Colors.white),
|
|
// ),
|
|
// ),
|
|
// // backgroundColor: const Color(0xFF2b9af3),
|
|
// automaticallyImplyLeading: false,
|
|
// actions: [saveActions(provider)],
|
|
// leading: InkWell(
|
|
// onTap: () {
|
|
// 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 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: BoxDecoration(
|
|
// // color: Color(0xFF2b9af3),
|
|
// color: Constants.k2color,
|
|
// ),
|
|
// child: Text(
|
|
// item.sectionName,
|
|
// style: const TextStyle(
|
|
// color: Colors.white,
|
|
// fontWeight: FontWeight.bold,
|
|
// // fontSize: isTablet ? 18 : 14
|
|
// ),
|
|
// )),
|
|
// item.multiple
|
|
// ? Align(
|
|
// alignment: Alignment.centerRight,
|
|
// child: IconButton(
|
|
// onPressed: () {
|
|
// if (item.sectionName == "HCP") {
|
|
// Navigator.push(
|
|
// context,
|
|
// MaterialPageRoute(
|
|
// builder: (context) =>
|
|
// Addhcp()));
|
|
|
|
// provider.getSectionItem(
|
|
// item.sectionName,
|
|
// item.sectionList.length);
|
|
// // print("index is $listIndex");
|
|
// setState(() {
|
|
// // for (var item
|
|
// });
|
|
// } else {
|
|
// provider.getSectionItem(
|
|
// item.sectionName,
|
|
// item.sectionList.length);
|
|
// // print("index is $listIndex");
|
|
// setState(() {
|
|
// // provider.getSectionItem(
|
|
// // item.sectionName,
|
|
// // item.sectionList.length);
|
|
|
|
// // item.sectionList.length =
|
|
// // item.sectionList.length;
|
|
// });
|
|
// }
|
|
// },
|
|
// 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
|
|
// : 3, // large
|
|
// xl: 3, // extra large screen
|
|
// ),
|
|
// // crossAxisCount:
|
|
// // orientation == Orientation.portrait
|
|
// // ? 1
|
|
// // : 3,
|
|
// // crossAxisCount: (MediaQuery.of(context)
|
|
// // .orientation ==
|
|
// // Orientation.landscape)
|
|
// // ? 3
|
|
// // : 1,
|
|
|
|
// mainAxisSpacing:
|
|
// sectionList.length == 1 || !isTablet
|
|
// ? 1
|
|
// : 3.5,
|
|
// // mainAxisSpacing:
|
|
// // orientation == Orientation.portrait
|
|
// // ? 1
|
|
// // : 3,
|
|
// shrinkWrap: true,
|
|
// padding: EdgeInsets.zero,
|
|
// // childAspectRatio: MediaQuery.of(context)
|
|
// // .size
|
|
// // .aspectRatio *
|
|
// // 0.10,
|
|
// // childAspectRatio:
|
|
// // sectionList.length == 1
|
|
// // ? orientation ==
|
|
// // Orientation.landscape
|
|
// // ? 10
|
|
// // : 3.8
|
|
// // : 2.4,
|
|
// // childAspectRatio:
|
|
// // sectionList.length == 1
|
|
// // ? orientation ==
|
|
// // Orientation.landscape
|
|
// // ? 10
|
|
// // : 3.8
|
|
// // : isTablet
|
|
// // ? 2.8
|
|
// // : 3.8,
|
|
|
|
// childAspectRatio:
|
|
// sectionList.length == 1
|
|
// ? orientation ==
|
|
// Orientation.landscape
|
|
// ? 10
|
|
// : 4.8
|
|
// : isTablet
|
|
// ? 2.8
|
|
// : 3.0,
|
|
// // /:2.4,
|
|
// // childAspectRatio: 3.8,
|
|
|
|
// children: List.generate(
|
|
// sectionList.length,
|
|
// (i) {
|
|
// 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()
|
|
// : Padding(
|
|
// padding:
|
|
// const EdgeInsets
|
|
// .only(
|
|
// left: 8.0,
|
|
// right: 8.0),
|
|
// child: FittedBox(
|
|
// fit: BoxFit.scaleDown,
|
|
// child: Text(
|
|
// sectionItem
|
|
// .validation!
|
|
// .isRequired
|
|
// ? '${sectionItem.name}:*'
|
|
// : '${sectionItem.name}:',
|
|
// style: TextStyle(
|
|
// color: Colors
|
|
// .orange
|
|
// .shade800,
|
|
// fontSize: 18.0,
|
|
// // 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,
|
|
// // ),
|
|
|
|
// // sectionItem.depid == 'pooja'
|
|
// // ? Text(
|
|
// // sectionItem.validation!
|
|
// // .isRequired
|
|
// // ? '${sectionItem.depid}:*'
|
|
// // : '${sectionItem.depid}:',
|
|
// // style: TextStyle(
|
|
// // color: Colors
|
|
// // .orange.shade800,
|
|
// // fontSize: isTablet
|
|
// // ? 18
|
|
// // : 12,
|
|
// // ),
|
|
// // )
|
|
// // : const SizedBox.shrink(),
|
|
// ],
|
|
// );
|
|
// },
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// // 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 InteractionProvider 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(
|
|
// max: double.parse(sectionItem.max!),
|
|
// min: double.parse(sectionItem.min!),
|
|
// sliderPos: sectionItem.selectedValue!.isNotEmpty
|
|
// ? double.parse(sectionItem.selectedValue!.last.toString())
|
|
// : double.parse(sectionItem.min!),
|
|
// 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 {
|
|
// 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
|
|
// ? sectionItem.selectedValue!.length > 1
|
|
// ? 'Files uploaded'
|
|
// : "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.validation!.chars ?? "0"),
|
|
// controller: sectionItem.controller!,
|
|
// labelText: sectionItem.name,
|
|
// // maxlines: 8,
|
|
// //minlines: 4,
|
|
// onChanged: (val) {
|
|
// sectionItem.selectedValue = [];
|
|
// setState(() {});
|
|
|
|
// sectionItem.selectedValue!.add(val);
|
|
// },
|
|
// ),
|
|
// )
|
|
// ////Poojaaaaa
|
|
// : sectionItem.input == "text1"
|
|
// ? Text(
|
|
// sectionItem.depid!,
|
|
// style: TextStyle(
|
|
// fontSize: 18.0, fontWeight: FontWeight.normal),
|
|
// )
|
|
// : Padding(
|
|
// padding: const EdgeInsets.only(left: 8.0, right: 8.0),
|
|
// child: SizedBox(
|
|
// // width:
|
|
// // isTablet ? 200 : MediaQuery.of(context).size.width,
|
|
// //height: isTablet ? 50 : 40,
|
|
// width: MediaQuery.of(context).size.width,
|
|
// child: InteractionTextField(
|
|
// inputType: sectionItem.input == "number"
|
|
// ? TextInputType.number
|
|
// : TextInputType.name,
|
|
// maxchars: int.parse(sectionItem.chars ?? "0"),
|
|
// controller: sectionItem.controller!,
|
|
// labelText: sectionItem.name,
|
|
// onChanged: (val) {
|
|
// sectionItem.selectedValue = [];
|
|
// provider.setTextValue(val, sectionItem, multiple);
|
|
// },
|
|
// ),
|
|
// ),
|
|
// );
|
|
// case InteractionWidget.DROPDOWN:
|
|
// return customdropdown(sectionItem, provider, list, multiple);
|
|
// }
|
|
// }
|
|
|
|
// Future<void> requestPermission(Permission permission) async {
|
|
// final status = await permission.request();
|
|
|
|
// setState(() {
|
|
// print(status);
|
|
// // _permissionStatus = status;
|
|
// // print(_permissionStatus);
|
|
// });
|
|
// }
|
|
|
|
// Widget buildDateWidget(SectionList sectionItem) {
|
|
// return Padding(
|
|
// padding: const EdgeInsets.only(left: 8.0, right: 8.0),
|
|
// child: SizedBox(
|
|
// // width: isTablet ? 200 : MediaQuery.of(context).size.width,
|
|
// // height: isTablet ? 50 : 40,
|
|
// width: MediaQuery.of(context).size.width,
|
|
// 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(InteractionProvider provider) {
|
|
// return Align(
|
|
// alignment: Alignment.centerRight,
|
|
// child: Row(
|
|
// mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
// children: [
|
|
// Padding(
|
|
// padding: const EdgeInsets.all(4.0),
|
|
// child: CustomButton(
|
|
// backgroundColor: Colors.red.shade800,
|
|
// onPressed: () {
|
|
// //showDeleteProfileAlertDialog(context);
|
|
// for (var textcontrollers
|
|
// in provider.textEditingControllerList) {
|
|
// textcontrollers.text = '';
|
|
// }
|
|
|
|
// // setState(() {
|
|
// // provider.resetAllWidgetsData();
|
|
// // });
|
|
// },
|
|
// textColor: Colors.white,
|
|
// title: "Reset",
|
|
// // height: 40,
|
|
// // width: isTablet ? 100 : 80,
|
|
// height: MediaQuery.of(context).size.height * 0.2,
|
|
|
|
// fontsize: isTablet ? 15 : 10.2,
|
|
// ),
|
|
// ),
|
|
// SizedBox(
|
|
// width: isTablet ? 20 : 4,
|
|
// ),
|
|
// Padding(
|
|
// padding: const EdgeInsets.all(4.0),
|
|
// child: CustomButton(
|
|
// backgroundColor: Colors.green.shade500,
|
|
// onPressed: () async {
|
|
// // if (textFieldsValidation(provider).isEmpty) {
|
|
// // print("Form_issss: ${widget.form}");
|
|
// String record =
|
|
// await provider.saveJsonObject(context, widget.form);
|
|
// showAlertDialog(context, record);
|
|
// // } else {
|
|
// // _displaySnackBar(textFieldsValidation(provider));
|
|
// //}
|
|
// },
|
|
// textColor: Colors.white,
|
|
// title: "Save",
|
|
// // height: 40,
|
|
// // width: isTablet ? 100 : 80,
|
|
// height: MediaQuery.of(context).size.height * 0.2,
|
|
|
|
// // width: MediaQuery.of(context).size.width * 0.1,
|
|
// fontsize: isTablet ? 16 : 12,
|
|
// ),
|
|
// ),
|
|
// SizedBox(
|
|
// width: isTablet ? 20 : 2,
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// );
|
|
// }
|
|
|
|
// Widget buildRadio(SectionList sectionItem, InteractionProvider provider) {
|
|
// List<InputClass> list = provider.getData2(sectionItem);
|
|
// // .map((itemWord) => InputClass.fromJson(itemWord))
|
|
// // .toList();
|
|
// 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),
|
|
// ],
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
// );
|
|
// }
|
|
|
|
// Widget buildCheckbox(SectionList sectionItem, String sectionName,
|
|
// InteractionProvider provider, bool multiple) {
|
|
// 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: [
|
|
// FittedBox(
|
|
// fit: BoxFit.scaleDown,
|
|
// child: 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, InteractionProvider 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 Padding(
|
|
// padding: const EdgeInsets.only(left: 8.0, right: 8.0),
|
|
// child: SizedBox(
|
|
// width: 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);
|
|
// print("selected ${sectionItem.value}");
|
|
// // setState(() {});
|
|
// },
|
|
// onSaved: (value) {
|
|
// sectionItem.selectedObject = value!;
|
|
// sectionItem.value = value.id;
|
|
// provider.setDropDownValue(value.id, sectionItem, multiple);
|
|
// // 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,
|
|
// InteractionProvider provider, List<InputClass> list, bool multiple) {
|
|
// // sectionItem.value = list[0].name;
|
|
|
|
// // if (list.isEmpty) {
|
|
// // print("list is empty");
|
|
// list = sectionItem.inputList!;
|
|
// print("***Autocomplete list ${list[0].name}");
|
|
// //}
|
|
// //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),
|
|
// ),
|
|
// // 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,
|
|
// InteractionProvider provider, List<InputClass> list, bool multiple) {
|
|
// 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,
|
|
// // height: MediaQuery.of(context).size.height,
|
|
|
|
// 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(
|
|
// // InteractionProvider provider,
|
|
// // String sectionName,
|
|
// // List<SectionList> sectionList,
|
|
// // Orientation orientation,
|
|
// // FormFieldData item,
|
|
// // int listIndex) {
|
|
// // print("ListInex: $listIndex");
|
|
// // print("sectionName: $sectionName");
|
|
// // print("sectionName: $sectionName");
|
|
|
|
// // print("gridsectionlost_is: $sectionList");
|
|
// // print("gridsectionlostleangth_is: ${sectionList.length}");
|
|
|
|
// // List<SectionList> pooja = sectionList;
|
|
|
|
// // print("Pooja_isss: $pooja");
|
|
|
|
// // 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
|
|
// // // ),
|
|
// // crossAxisCount: context.responsive<int>(
|
|
// // 1,
|
|
// // sm: 1, // small
|
|
// // md: 1, // medium
|
|
// // lg: sectionList.length == 1
|
|
// // ? 1
|
|
// // : (sectionList.length >= 1 ? 3 : 3), // large
|
|
// // xl: 3, // 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,
|
|
// // // childAspectRatio: sectionList.length == 1
|
|
// // // ? orientation == Orientation.landscape
|
|
// // // ? 10
|
|
// // // : 4.8
|
|
// // // : isTablet
|
|
// // // ? 2.8
|
|
// // // : 3.0,
|
|
// // childAspectRatio: MediaQuery.of(context).size.width /
|
|
// // (MediaQuery.of(context).size.height / 3),
|
|
// // 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.input == 'add' ||
|
|
// // sectionItem.input == '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 {
|
|
// // 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
|
|
// // ? sectionItem.selectedValue!.isNotEmpty
|
|
// // ? 'File uploaded'
|
|
// // : "Files 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,
|
|
|
|
// // height: 40,
|
|
|
|
// // // height:
|
|
// // // MediaQuery.of(context).size.height *
|
|
// // // 0.2,
|
|
// // 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),
|
|
// // ],
|
|
// // ),
|
|
// // ]);
|
|
// // },
|
|
// // ),
|
|
// // ),
|
|
// // );
|
|
// // }
|
|
// //////////////////////////////////////Poojaaaa/////////////////////
|
|
// ///
|
|
// ///
|
|
|
|
// Widget gridViewWidget(
|
|
// InteractionProvider provider,
|
|
// String sectionName,
|
|
// List<SectionList> sectionList,
|
|
// Orientation orientation,
|
|
// FormFieldData item,
|
|
// int listIndex) {
|
|
// print("ListInex: $listIndex");
|
|
// print("sectionName: $sectionName");
|
|
// print("sectionName: $sectionName");
|
|
|
|
// print("gridsectionlost_is: $sectionList");
|
|
// print("gridsectionlostleangth_is: ${sectionList.length}");
|
|
|
|
// List<SectionList> pooja = sectionList;
|
|
|
|
// print("Pooja_isss: $pooja");
|
|
// print("Pooja_leangth_isss: ${pooja.length}");
|
|
|
|
// ////////////////////////////////////mycode///////////////////////////
|
|
// ///
|
|
// ///
|
|
// // final provider = context.read<InteractionProvider>();
|
|
// // var yourVariable = provider.ge;
|
|
// // print("ProviderLength: $yourVariable");
|
|
// // print("ProviderLength: ${yourVariable.length}");
|
|
|
|
// List<List<SectionList>> convertedArray = [];
|
|
// print("Provider_leangth: ${item.sectionList.length}");
|
|
|
|
// for (int i = 0; i < pooja.length; i += item.sectionList.length + 1) {
|
|
// print("poojaleangth: $pooja");
|
|
|
|
// convertedArray.add(pooja.sublist(i, i + item.sectionList.length + 1));
|
|
// }
|
|
// print("ConvertedArray.leangth: $convertedArray");
|
|
// print("ConvertedArray.leangth: ${convertedArray.length}");
|
|
|
|
// return Padding(
|
|
// padding: isTablet
|
|
// ? const EdgeInsets.only(left: 8.0)
|
|
// : const EdgeInsets.only(left: 12.0, right: 12.0),
|
|
// child: Column(
|
|
// crossAxisAlignment: CrossAxisAlignment.start,
|
|
// children: [
|
|
// for (var i = 0; i < convertedArray.length; i++)
|
|
// GridView.builder(
|
|
// physics: const NeverScrollableScrollPhysics(),
|
|
// gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|
// crossAxisCount: context.responsive<int>(
|
|
// 1,
|
|
// sm: 1, // small
|
|
// md: 1, // medium
|
|
// lg: sectionList.length == 1
|
|
// ? 1
|
|
// : (sectionList.length >= 1 ? 3 : 3), // large
|
|
// xl: 3, // extra large screen
|
|
// ),
|
|
// mainAxisSpacing: sectionList.length == 1 || !isTablet ? 1 : 2,
|
|
// childAspectRatio: MediaQuery.of(context).size.width /
|
|
// (MediaQuery.of(context).size.height / 3),
|
|
// ),
|
|
// shrinkWrap: true,
|
|
// padding: EdgeInsets.zero,
|
|
// itemCount: convertedArray[i].length,
|
|
// itemBuilder: (context, index) {
|
|
// // SectionList sectionItem =
|
|
// // convertedArray.expand((list) => list).toList()[index];
|
|
|
|
// // List.generate(
|
|
// // sectionList.length,
|
|
// // (i) {
|
|
// // print(sectionList);
|
|
// // // SectionList sectionItem = sectionList[i];
|
|
// // SectionList sectionItem =
|
|
// // convertedArray.expand((list) => list).toList()[index];
|
|
// // 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)
|
|
// // : [];
|
|
|
|
// SectionList sectionItem = convertedArray[i][index];
|
|
// 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.input == 'add' ||
|
|
// sectionItem.input == '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 {
|
|
// 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
|
|
// ? sectionItem
|
|
// .selectedValue!.isNotEmpty
|
|
// ? 'File uploaded'
|
|
// : "Files 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,
|
|
|
|
// height: 40,
|
|
|
|
// // height:
|
|
// // MediaQuery.of(context).size.height *
|
|
// // 0.2,
|
|
// 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 fieldsValidation(InteractionProvider provider) {
|
|
// List<SectionList> secList = provider.sectionList
|
|
// .where((element) => element.validation!.isRequired = true)
|
|
// .toList();
|
|
// if (secList.any((element) => element.selectedValue!.isEmpty)) {
|
|
// return 'Fields cannot be empty';
|
|
// }
|
|
// return '';
|
|
// }
|
|
|
|
// String textFieldsValidation(InteractionProvider provider) {
|
|
// // if (provider.sectionList
|
|
// // .any((element) => element.widget == InteractionWidget.TEXT)) {
|
|
// // 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);
|
|
// }
|
|
// }
|
|
|
|
// 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 Saved Successfully!"),
|
|
// actions: [
|
|
// cancelButton,
|
|
// ],
|
|
// );
|
|
|
|
// // show the dialog
|
|
// showDialog(
|
|
// context: context,
|
|
// builder: (BuildContext context) {
|
|
// return alert;
|
|
// },
|
|
// );
|
|
// }
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// import 'dart:convert';
|
|
// import 'dart:io';
|
|
// import 'dart:js_util';
|
|
|
|
// import 'package:discover_module/constants.dart';
|
|
// import 'package:discover_module/ui_screen/add_event/add_hcp.dart';
|
|
// import 'package:discover_module/ui_screen/interactionform/interactionprovider.dart';
|
|
// import 'package:discover_module/ui_screen/interactionform/model/interaction_data.dart';
|
|
// import 'package:discover_module/ui_screen/interactionform/util.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:flutter/widgets.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:file_picker/file_picker.dart';
|
|
// // import 'package:pwa_ios/widgets/responsive_ext.dart';
|
|
// import 'package:permission_handler/permission_handler.dart';
|
|
// import 'package:path/path.dart' as p;
|
|
|
|
// class InteractionScreen extends StatefulWidget {
|
|
// int index;
|
|
// String form;
|
|
// InteractionScreen({super.key, required this.index, required this.form});
|
|
|
|
// @override
|
|
// State<InteractionScreen> createState() => _InteractionScreenState();
|
|
// }
|
|
|
|
// class _InteractionScreenState extends State<InteractionScreen> {
|
|
// List<dynamic> interactionReponseList = [];
|
|
// List<SectionList> sectionList = [];
|
|
// List<TextEditingController> textEditingControllerList = [];
|
|
// int textfieldIndex = 0;
|
|
// String dropdownvalue = 'Select value';
|
|
// String? fileName;
|
|
// final TextEditingController textEditingController = TextEditingController();
|
|
// @override
|
|
// void initState() {
|
|
// WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
|
|
// // if (mytimer!.isActive) {
|
|
// // cancelTimer();
|
|
// // }
|
|
// init();
|
|
// });
|
|
|
|
// super.initState();
|
|
// }
|
|
|
|
// init() async {
|
|
// await Provider.of<InteractionProvider>(context, listen: false)
|
|
// .init(widget.index);
|
|
// setState(() {});
|
|
// }
|
|
|
|
// @override
|
|
// Widget build(BuildContext context) {
|
|
// return Consumer<InteractionProvider>(
|
|
// builder: (BuildContext context, provider, Widget? child) {
|
|
// return GestureDetector(
|
|
// onTap: () {
|
|
// FocusScope.of(context).requestFocus(FocusNode());
|
|
// },
|
|
// child: OrientationBuilder(builder: (context, orientation) {
|
|
// return Scaffold(
|
|
// //resizeToAvoidBottomInset: false,
|
|
// appBar: AppBar(
|
|
// title: const FittedBox(
|
|
// fit: BoxFit.scaleDown,
|
|
// child: Text(
|
|
// 'Record New Interaction',
|
|
// style: TextStyle(
|
|
// // fontSize: isTablet ? 22 : 14, color: Colors.white
|
|
// // fontSize: 20,
|
|
// color: Colors.white),
|
|
// ),
|
|
// ),
|
|
// // backgroundColor: const Color(0xFF2b9af3),
|
|
// automaticallyImplyLeading: false,
|
|
// actions: [saveActions(provider)],
|
|
// leading: InkWell(
|
|
// onTap: () {
|
|
// 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 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: BoxDecoration(
|
|
// // color: Color(0xFF2b9af3),
|
|
// color: Constants.k2color,
|
|
// ),
|
|
// child: Text(
|
|
// item.sectionName,
|
|
// style: const TextStyle(
|
|
// color: Colors.white,
|
|
// fontWeight: FontWeight.bold,
|
|
// // fontSize: isTablet ? 18 : 14
|
|
// ),
|
|
// )),
|
|
// item.multiple
|
|
// ? Align(
|
|
// alignment: Alignment.centerRight,
|
|
// child: IconButton(
|
|
// onPressed: () {
|
|
// if (item.sectionName == "HCP") {
|
|
// Navigator.push(
|
|
// context,
|
|
// MaterialPageRoute(
|
|
// builder: (context) =>
|
|
// Addhcp()));
|
|
|
|
// provider.getSectionItem(
|
|
// item.sectionName,
|
|
// item.sectionList.length);
|
|
// // print("index is $listIndex");
|
|
// setState(() {
|
|
// // for (var item
|
|
// });
|
|
// } else {
|
|
// provider.getSectionItem(
|
|
// item.sectionName,
|
|
// item.sectionList.length);
|
|
// // 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
|
|
// : 3, // large
|
|
// xl: 3, // extra large screen
|
|
// ),
|
|
// // crossAxisCount:
|
|
// // orientation == Orientation.portrait
|
|
// // ? 1
|
|
// // : 3,
|
|
// // crossAxisCount: (MediaQuery.of(context)
|
|
// // .orientation ==
|
|
// // Orientation.landscape)
|
|
// // ? 3
|
|
// // : 1,
|
|
|
|
// mainAxisSpacing:
|
|
// sectionList.length == 1 || !isTablet
|
|
// ? 1
|
|
// : 3.5,
|
|
// // mainAxisSpacing:
|
|
// // orientation == Orientation.portrait
|
|
// // ? 1
|
|
// // : 3,
|
|
// shrinkWrap: true,
|
|
// padding: EdgeInsets.zero,
|
|
// // childAspectRatio: MediaQuery.of(context)
|
|
// // .size
|
|
// // .aspectRatio *
|
|
// // 0.10,
|
|
// // childAspectRatio:
|
|
// // sectionList.length == 1
|
|
// // ? orientation ==
|
|
// // Orientation.landscape
|
|
// // ? 10
|
|
// // : 3.8
|
|
// // : 2.4,
|
|
// // childAspectRatio:
|
|
// // sectionList.length == 1
|
|
// // ? orientation ==
|
|
// // Orientation.landscape
|
|
// // ? 10
|
|
// // : 3.8
|
|
// // : isTablet
|
|
// // ? 2.8
|
|
// // : 3.8,
|
|
|
|
// childAspectRatio:
|
|
// sectionList.length == 1
|
|
// ? orientation ==
|
|
// Orientation.landscape
|
|
// ? 10
|
|
// : 4.8
|
|
// : isTablet
|
|
// ? 2.8
|
|
// : 3.0,
|
|
// // /:2.4,
|
|
// // childAspectRatio: 3.8,
|
|
|
|
// children: List.generate(
|
|
// sectionList.length,
|
|
// (i) {
|
|
// 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()
|
|
// : Padding(
|
|
// padding:
|
|
// const EdgeInsets
|
|
// .only(
|
|
// left: 8.0,
|
|
// right: 8.0),
|
|
// child: FittedBox(
|
|
// fit: BoxFit.scaleDown,
|
|
// child: Text(
|
|
// sectionItem
|
|
// .validation!
|
|
// .isRequired
|
|
// ? '${sectionItem.name}:*'
|
|
// : '${sectionItem.name}:',
|
|
// style: TextStyle(
|
|
// color: Colors
|
|
// .orange
|
|
// .shade800,
|
|
// fontSize: 18.0,
|
|
// // 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,
|
|
// // ),
|
|
|
|
// // sectionItem.depid == 'pooja'
|
|
// // ? Text(
|
|
// // sectionItem.validation!
|
|
// // .isRequired
|
|
// // ? '${sectionItem.depid}:*'
|
|
// // : '${sectionItem.depid}:',
|
|
// // style: TextStyle(
|
|
// // color: Colors
|
|
// // .orange.shade800,
|
|
// // fontSize: isTablet
|
|
// // ? 18
|
|
// // : 12,
|
|
// // ),
|
|
// // )
|
|
// // : const SizedBox.shrink(),
|
|
// ],
|
|
// );
|
|
// },
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// // 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 InteractionProvider 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(
|
|
// max: double.parse(sectionItem.max!),
|
|
// min: double.parse(sectionItem.min!),
|
|
// sliderPos: sectionItem.selectedValue!.isNotEmpty
|
|
// ? double.parse(sectionItem.selectedValue!.last.toString())
|
|
// : double.parse(sectionItem.min!),
|
|
// 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 {
|
|
// 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
|
|
// ? sectionItem.selectedValue!.length > 1
|
|
// ? 'Files uploaded'
|
|
// : "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.validation!.chars ?? "0"),
|
|
// controller: sectionItem.controller!,
|
|
// labelText: sectionItem.name,
|
|
// // maxlines: 8,
|
|
// //minlines: 4,
|
|
// onChanged: (val) {
|
|
// sectionItem.selectedValue = [];
|
|
// setState(() {});
|
|
|
|
// sectionItem.selectedValue!.add(val);
|
|
// },
|
|
// ),
|
|
// )
|
|
// ////Poojaaaaa
|
|
// : sectionItem.input == "text1"
|
|
// ? Text(
|
|
// sectionItem.depid!,
|
|
// style: TextStyle(
|
|
// fontSize: 18.0, fontWeight: FontWeight.normal),
|
|
// )
|
|
// : Padding(
|
|
// padding: const EdgeInsets.only(left: 8.0, right: 8.0),
|
|
// child: SizedBox(
|
|
// // width:
|
|
// // isTablet ? 200 : MediaQuery.of(context).size.width,
|
|
// //height: isTablet ? 50 : 40,
|
|
// width: MediaQuery.of(context).size.width,
|
|
// child: InteractionTextField(
|
|
// inputType: sectionItem.input == "number"
|
|
// ? TextInputType.number
|
|
// : TextInputType.name,
|
|
// maxchars: int.parse(sectionItem.chars ?? "0"),
|
|
// controller: sectionItem.controller!,
|
|
// labelText: sectionItem.name,
|
|
// onChanged: (val) {
|
|
// sectionItem.selectedValue = [];
|
|
// provider.setTextValue(val, sectionItem, multiple);
|
|
// },
|
|
// ),
|
|
// ),
|
|
// );
|
|
// case InteractionWidget.DROPDOWN:
|
|
// return customdropdown(sectionItem, provider, list, multiple);
|
|
// }
|
|
// }
|
|
|
|
// Future<void> requestPermission(Permission permission) async {
|
|
// final status = await permission.request();
|
|
|
|
// setState(() {
|
|
// print(status);
|
|
// // _permissionStatus = status;
|
|
// // print(_permissionStatus);
|
|
// });
|
|
// }
|
|
|
|
// Widget buildDateWidget(SectionList sectionItem) {
|
|
// return Padding(
|
|
// padding: const EdgeInsets.only(left: 8.0, right: 8.0),
|
|
// child: SizedBox(
|
|
// // width: isTablet ? 200 : MediaQuery.of(context).size.width,
|
|
// // height: isTablet ? 50 : 40,
|
|
// width: MediaQuery.of(context).size.width,
|
|
// 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(InteractionProvider provider) {
|
|
// return Align(
|
|
// alignment: Alignment.centerRight,
|
|
// child: Row(
|
|
// mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
// children: [
|
|
// Padding(
|
|
// padding: const EdgeInsets.all(4.0),
|
|
// child: CustomButton(
|
|
// backgroundColor: Colors.red.shade800,
|
|
// onPressed: () {
|
|
// //showDeleteProfileAlertDialog(context);
|
|
// for (var textcontrollers
|
|
// in provider.textEditingControllerList) {
|
|
// textcontrollers.text = '';
|
|
// }
|
|
|
|
// // setState(() {
|
|
// // provider.resetAllWidgetsData();
|
|
// // });
|
|
// },
|
|
// textColor: Colors.white,
|
|
// title: "Reset",
|
|
// // height: 40,
|
|
// // width: isTablet ? 100 : 80,
|
|
// height: MediaQuery.of(context).size.height * 0.2,
|
|
|
|
// fontsize: isTablet ? 15 : 10.2,
|
|
// ),
|
|
// ),
|
|
// SizedBox(
|
|
// width: isTablet ? 20 : 4,
|
|
// ),
|
|
// Padding(
|
|
// padding: const EdgeInsets.all(4.0),
|
|
// child: CustomButton(
|
|
// backgroundColor: Colors.green.shade500,
|
|
// onPressed: () async {
|
|
// if (textFieldsValidation(provider).isEmpty) {
|
|
// String record =
|
|
// await provider.saveJsonObject(context, widget.form);
|
|
// showAlertDialog(context, record);
|
|
// } else {
|
|
// _displaySnackBar(textFieldsValidation(provider));
|
|
// }
|
|
// },
|
|
// textColor: Colors.white,
|
|
// title: "Save",
|
|
// // height: 40,
|
|
// // width: isTablet ? 100 : 80,
|
|
// height: MediaQuery.of(context).size.height * 0.2,
|
|
|
|
// // width: MediaQuery.of(context).size.width * 0.1,
|
|
// fontsize: isTablet ? 16 : 12,
|
|
// ),
|
|
// ),
|
|
// SizedBox(
|
|
// width: isTablet ? 20 : 2,
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// );
|
|
// }
|
|
|
|
// Widget buildRadio(SectionList sectionItem, InteractionProvider provider) {
|
|
// List<InputClass> list = provider.getData2(sectionItem);
|
|
// // .map((itemWord) => InputClass.fromJson(itemWord))
|
|
// // .toList();
|
|
// 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),
|
|
// ],
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
// );
|
|
// }
|
|
|
|
// Widget buildCheckbox(SectionList sectionItem, String sectionName,
|
|
// InteractionProvider provider, bool multiple) {
|
|
// 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: [
|
|
// FittedBox(
|
|
// fit: BoxFit.scaleDown,
|
|
// child: 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, InteractionProvider 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 Padding(
|
|
// padding: const EdgeInsets.only(left: 8.0, right: 8.0),
|
|
// child: SizedBox(
|
|
// width: 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);
|
|
// print("selected ${sectionItem.value}");
|
|
// // setState(() {});
|
|
// },
|
|
// onSaved: (value) {
|
|
// sectionItem.selectedObject = value!;
|
|
// sectionItem.value = value.id;
|
|
// provider.setDropDownValue(value.id, sectionItem, multiple);
|
|
// // 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,
|
|
// InteractionProvider provider, List<InputClass> list, bool multiple) {
|
|
// // sectionItem.value = list[0].name;
|
|
|
|
// // if (list.isEmpty) {
|
|
// // print("list is empty");
|
|
// list = sectionItem.inputList!;
|
|
// print("***Autocomplete list ${list[0].name}");
|
|
// //}
|
|
// //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),
|
|
// ),
|
|
// // 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,
|
|
// InteractionProvider provider, List<InputClass> list, bool multiple) {
|
|
// 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,
|
|
// // height: MediaQuery.of(context).size.height,
|
|
|
|
// 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(
|
|
// InteractionProvider provider,
|
|
// String sectionName,
|
|
// List<SectionList> sectionList,
|
|
// Orientation orientation,
|
|
// FormFieldData item,
|
|
// int listIndex) {
|
|
// print("ListInex: $listIndex");
|
|
// print("sectionName: $sectionName");
|
|
// print("sectionName: $sectionName");
|
|
|
|
// print("gridsectionlost_is: $sectionList");
|
|
// print("gridsectionlostleangth_is: ${sectionList.length}");
|
|
|
|
// List<SectionList> pooja = sectionList;
|
|
|
|
// print("Pooja_isss: $pooja");
|
|
|
|
// 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
|
|
// // ),
|
|
// crossAxisCount: context.responsive<int>(
|
|
// 1,
|
|
// sm: 1, // small
|
|
// md: 1, // medium
|
|
// lg: sectionList.length == 1
|
|
// ? 1
|
|
// : (sectionList.length >= 1 ? 3 : 3), // large
|
|
// xl: 3, // 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,
|
|
// // childAspectRatio: sectionList.length == 1
|
|
// // ? orientation == Orientation.landscape
|
|
// // ? 10
|
|
// // : 4.8
|
|
// // : isTablet
|
|
// // ? 2.8
|
|
// // : 3.0,
|
|
// childAspectRatio: MediaQuery.of(context).size.width /
|
|
// (MediaQuery.of(context).size.height / 3),
|
|
// 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.input == 'add' ||
|
|
// sectionItem.input == '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 {
|
|
// 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
|
|
// ? sectionItem.selectedValue!.isNotEmpty
|
|
// ? 'File uploaded'
|
|
// : "Files 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,
|
|
|
|
// height: 40,
|
|
|
|
// // height:
|
|
// // MediaQuery.of(context).size.height *
|
|
// // 0.2,
|
|
// 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),
|
|
// ],
|
|
// ),
|
|
// ]);
|
|
// },
|
|
// ),
|
|
// ),
|
|
// );
|
|
// }
|
|
// //////////////////////////////////////Poojaaaa/////////////////////
|
|
|
|
// // Widget gridViewWidget(
|
|
// // InteractionProvider provider,
|
|
// // String sectionName,
|
|
// // List<SectionList> sectionList,
|
|
// // Orientation orientation,
|
|
// // FormFieldData item,
|
|
// // int count,
|
|
// // int listIndex) {
|
|
// // print("ListInex: $listIndex");
|
|
// // print("sectionName: $sectionName");
|
|
// // print("sectionName: $sectionName");
|
|
// // print("section_count: $count");
|
|
|
|
// // print("gridsectionlost_is: $sectionList");
|
|
// // print("gridsectionlostleangth_is: ${sectionList.length}");
|
|
|
|
// // List<SectionList> pooja = sectionList;
|
|
|
|
// // print("Pooja_isss: $pooja");
|
|
// // print("Pooja_Leangth_isss: ${pooja.length}");
|
|
|
|
// // List<List<SectionList>> convertedArray = [];
|
|
|
|
// // // for (int i = 0; i < pooja.length; i += 4) {
|
|
// // // print("poojaleangth: $pooja");
|
|
|
|
// // // convertedArray.add(pooja.sublist(i, i + 4));
|
|
// // // }
|
|
|
|
// // // for (int i = 0; i < pooja.length; i + pooja.length) {
|
|
// // // print("poojaleangth: $pooja");
|
|
// // // if (pooja[i] == delete) {
|
|
// // // convertedArray.add(pooja.sublist(i, i + pooja.length));
|
|
// // // }}
|
|
// // // for (int i = 0; i < pooja.length; i += pooja.length) {
|
|
// // // print("poojaleangth: $pooja");
|
|
|
|
// // // convertedArray.add(pooja.sublist(i, i + pooja.length));
|
|
// // // }
|
|
|
|
// // // int arraylen
|
|
// // // print("Pooja_issscheckkk: ${pooja.first.inputList}");
|
|
|
|
// // print("Provider_leangth: ${item.sectionList.length}");
|
|
|
|
// // for (int i = 0; i < pooja.length; i += 5) {
|
|
// // print("poojaleangth: $pooja");
|
|
|
|
// // convertedArray.add(pooja.sublist(i, i + 5));
|
|
// // }
|
|
|
|
// // print("convertedArray");
|
|
|
|
// // print(convertedArray);
|
|
|
|
// // print("ConvertedArray.leangth: $convertedArray");
|
|
// // print("ConvertedArray.leangth: ${convertedArray.length}");
|
|
|
|
// // // sectionList = convertedArray;
|
|
// // // sectionList= convertedArray.expand((list) => list).toList();
|
|
// // // print(convertedArray);
|
|
// // return Padding(
|
|
// // padding: isTablet
|
|
// // ? const EdgeInsets.only(left: 8.0)
|
|
// // : const EdgeInsets.only(left: 12.0, right: 12.0),
|
|
// // child: Column(
|
|
// // crossAxisAlignment: CrossAxisAlignment.start,
|
|
// // children: [
|
|
// // for (var i = 0; i < convertedArray.length; i++)
|
|
// // GridView.builder(
|
|
// // physics: const NeverScrollableScrollPhysics(),
|
|
// // gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|
// // crossAxisCount: 3, // Keep the same crossAxisCount
|
|
// // mainAxisSpacing:
|
|
// // sectionList.length == 1 || !isTablet ? 1.0 : 2.0,
|
|
// // crossAxisSpacing: 1.0,
|
|
// // childAspectRatio: MediaQuery.of(context).size.width /
|
|
// // (MediaQuery.of(context).size.height / 3),
|
|
// // ),
|
|
// // shrinkWrap: true,
|
|
// // padding: EdgeInsets.zero,
|
|
// // itemCount: convertedArray[0].length, // Only one item per section
|
|
// // itemBuilder: (context, index) {
|
|
// // SectionList sectionItem =
|
|
// // convertedArray.expand((list) => list).toList()[index];
|
|
|
|
// // print("Sectionloop_item_isss: $sectionItem");
|
|
// // 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' ||
|
|
// // sectionItem.input == 'deletebtn')
|
|
// // ? const SizedBox.shrink()
|
|
// // : Text(
|
|
// // '${sectionItem.name}:*',
|
|
// // style: TextStyle(
|
|
// // color: Colors.orange.shade800,
|
|
// // fontSize: isTablet ? 18 : 14,
|
|
// // ),
|
|
// // ),
|
|
// // sectionItem.widget == InteractionWidget.BUTTON
|
|
// // ? sectionItem.input == 'chooseFile'
|
|
// // ? Row(
|
|
// // children: [
|
|
// // CustomButton(
|
|
// // backgroundColor: const Color.fromARGB(
|
|
// // 255, 233, 229, 229),
|
|
// // onPressed: () async {
|
|
// // 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(() {});
|
|
// // },
|
|
// // height: 40,
|
|
// // 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,
|
|
// // ),
|
|
// // ],
|
|
// // );
|
|
// // },
|
|
// // ),
|
|
// // ],
|
|
// // ),
|
|
// // );
|
|
|
|
// /////////////////////////////////////////////////////////////////////////
|
|
// // Widget gridViewWidget(
|
|
// // InteractionProvider provider,
|
|
// // String sectionName,
|
|
// // List<SectionList> sectionList,
|
|
// // Orientation orientation,
|
|
// // FormFieldData item,
|
|
// // int listIndex) {
|
|
// // print("ListInex: $listIndex");
|
|
// // print("sectionName: $sectionName");
|
|
// // print("sectionName: $sectionName");
|
|
|
|
// // print("gridsectionlost_is: $sectionList");
|
|
// // print("gridsectionlostleangth_is: ${sectionList.length}");
|
|
|
|
// // List<SectionList> pooja = sectionList;
|
|
|
|
// // print("Pooja_isss: $pooja");
|
|
|
|
// // List<List<SectionList>> convertedArray = [];
|
|
|
|
// // for (int i = 0; i < pooja.length; i += 4) {
|
|
// // convertedArray.add(pooja.sublist(i, i + 4));
|
|
// // }
|
|
// // print("convertedArray");
|
|
|
|
// // print(convertedArray);
|
|
|
|
// // print("ConvertedArray.leangth: $convertedArray");
|
|
// // print("ConvertedArray.leangth: ${convertedArray.length}");
|
|
|
|
// // // sectionList = convertedArray;
|
|
// // // sectionList= convertedArray.expand((list) => list).toList();
|
|
// // // print(convertedArray);
|
|
// // return Padding(
|
|
// // padding: isTablet
|
|
// // ? const EdgeInsets.only(left: 8.0)
|
|
// // : const EdgeInsets.only(left: 12.0, right: 12.0),
|
|
// // child: Column(
|
|
// // crossAxisAlignment: CrossAxisAlignment.start,
|
|
// // children: [
|
|
// // for (var i = 0; i < convertedArray.length; i++)
|
|
// // GridView.builder(
|
|
// // physics: const NeverScrollableScrollPhysics(),
|
|
// // gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|
// // crossAxisCount: 3, // Keep the same crossAxisCount
|
|
// // mainAxisSpacing:
|
|
// // sectionList.length == 1 || !isTablet ? 1.0 : 2.0,
|
|
// // crossAxisSpacing: 1.0,
|
|
// // childAspectRatio: MediaQuery.of(context).size.width /
|
|
// // (MediaQuery.of(context).size.height / 3),
|
|
// // ),
|
|
// // shrinkWrap: true,
|
|
// // padding: EdgeInsets.zero,
|
|
// // itemCount: convertedArray[0].length, // Only one item per section
|
|
// // itemBuilder: (context, index) {
|
|
// // SectionList sectionItem =
|
|
// // convertedArray.expand((list) => list).toList()[index];
|
|
|
|
// // print("Sectionloop_item_isss: $sectionItem");
|
|
// // 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' ||
|
|
// // sectionItem.input == 'deletebtn')
|
|
// // ? const SizedBox.shrink()
|
|
// // : Text(
|
|
// // '${sectionItem.name}:*',
|
|
// // style: TextStyle(
|
|
// // color: Colors.orange.shade800,
|
|
// // fontSize: isTablet ? 18 : 14,
|
|
// // ),
|
|
// // ),
|
|
// // sectionItem.widget == InteractionWidget.BUTTON
|
|
// // ? sectionItem.input == 'chooseFile'
|
|
// // ? Row(
|
|
// // children: [
|
|
// // CustomButton(
|
|
// // backgroundColor: const Color.fromARGB(
|
|
// // 255, 233, 229, 229),
|
|
// // onPressed: () async {
|
|
// // 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(() {});
|
|
// // },
|
|
// // height: 40,
|
|
// // 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,
|
|
// // ),
|
|
// // ],
|
|
// // );
|
|
// // },
|
|
// // ),
|
|
// // ],
|
|
// // ),
|
|
// // );
|
|
|
|
// // 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,
|
|
// // sm: 1, // small
|
|
// // md: 1, // medium
|
|
// // lg: sectionList.length == 1
|
|
// // ? 1
|
|
// // : (sectionList.length >= 1 ? 3 : 3), // large
|
|
// // xl: 3, // extra large screen
|
|
// // ),
|
|
// // mainAxisSpacing: sectionList.length == 1 || !isTablet ? 1 : 2,
|
|
// // shrinkWrap: true,
|
|
// // padding: EdgeInsets.zero,
|
|
// // childAspectRatio: MediaQuery.of(context).size.width /
|
|
// // (MediaQuery.of(context).size.height / 3),
|
|
// // children: List.generate(
|
|
// // sectionList.length,
|
|
// // (i) {
|
|
// // print("sectionList_issss: $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.input == 'add' ||
|
|
// // sectionItem.input == '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 {
|
|
// // 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
|
|
// // ? sectionItem.selectedValue!.isNotEmpty
|
|
// // ? 'File uploaded'
|
|
// // : "Files 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,
|
|
|
|
// // height: 40,
|
|
|
|
// // // height:
|
|
// // // MediaQuery.of(context).size.height *
|
|
// // // 0.2,
|
|
// // 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 fieldsValidation(InteractionProvider provider) {
|
|
// List<SectionList> secList = provider.sectionList
|
|
// .where((element) => element.validation!.isRequired = true)
|
|
// .toList();
|
|
// if (secList.any((element) => element.selectedValue!.isEmpty)) {
|
|
// return 'Fields cannot be empty';
|
|
// }
|
|
// return '';
|
|
// }
|
|
|
|
// String textFieldsValidation(InteractionProvider provider) {
|
|
// // if (provider.sectionList
|
|
// // .any((element) => element.widget == InteractionWidget.TEXT)) {
|
|
// // 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);
|
|
// }
|
|
// }
|
|
|
|
// 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 Saved Successfully!"),
|
|
// actions: [
|
|
// cancelButton,
|
|
// ],
|
|
// );
|
|
|
|
// // show the dialog
|
|
// showDialog(
|
|
// context: context,
|
|
// builder: (BuildContext context) {
|
|
// return alert;
|
|
// },
|
|
// );
|
|
// }
|
|
// }
|