mirror of
https://git.meshkee.com/applications/cssd.git
synced 2026-10-11 19:08:55 +03:30
625 lines
21 KiB
Dart
625 lines
21 KiB
Dart
import 'dart:io';
|
|
|
|
import 'package:cssd/config/routes.dart';
|
|
import 'package:file_picker/file_picker.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/rendering.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:image_picker_gallery_camera/image_picker_gallery_camera.dart';
|
|
import 'package:meta/meta.dart';
|
|
import 'package:multiselect_formfield/multiselect_formfield.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
import '../../../providers/test_results.dart';
|
|
|
|
class FormCreator extends StatefulWidget {
|
|
const FormCreator({
|
|
@required this.form,
|
|
@required this.onChanged,
|
|
this.padding,
|
|
});
|
|
|
|
final dynamic form;
|
|
final double padding;
|
|
final ValueChanged<dynamic> onChanged;
|
|
|
|
@override
|
|
_FormCreatorState createState() => _FormCreatorState(form);
|
|
}
|
|
|
|
class _FormCreatorState extends State<FormCreator> {
|
|
final dynamic formItems;
|
|
DateTime selectedDate = DateTime.now();
|
|
|
|
int rangeValue;
|
|
String selectValue;
|
|
|
|
Future<Null> _selectDate() async {
|
|
final DateTime picked = await showDatePicker(
|
|
context: context,
|
|
initialDate: selectedDate,
|
|
firstDate: DateTime(2015, 8),
|
|
lastDate: DateTime(2101));
|
|
if (picked != null && picked != selectedDate)
|
|
setState(() {
|
|
selectedDate = picked;
|
|
});
|
|
}
|
|
|
|
List<Widget> jsonToForm() {
|
|
List<Widget> listWidgets = List<Widget>();
|
|
|
|
for (var count = 0; count < formItems.length; count++) {
|
|
Map item = formItems[count];
|
|
|
|
if (item['type'] == "Date") {
|
|
selectedDate = formItems[count]['value'];
|
|
listWidgets.add(
|
|
OutlineButton(
|
|
onPressed: () {
|
|
_selectDate().then((_) {
|
|
formItems[count]['value'] = selectedDate;
|
|
_handleChanged();
|
|
});
|
|
},
|
|
child: Text(
|
|
'Date: ${selectedDate.year}/${selectedDate.month}/${selectedDate.day}'),
|
|
padding: EdgeInsets.symmetric(vertical: 20),
|
|
),
|
|
);
|
|
}
|
|
if (item['type'] == 'Image') {
|
|
final testProviderObject = Provider.of<TestResultsProvider>(context);
|
|
final mediaData = MediaQuery.of(context);
|
|
final deviceWidth = mediaData.size.width;
|
|
final _deviceBlockSize = deviceWidth / 100;
|
|
listWidgets.insert(
|
|
3,
|
|
Container(
|
|
// height: 70,
|
|
child: Directionality(
|
|
textDirection: TextDirection.rtl,
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: <Widget>[
|
|
Container(
|
|
margin: EdgeInsets.only(top: 20),
|
|
height: testProviderObject.catchImages.length != 0 ? 60 : 0,
|
|
child: ImageBox(
|
|
deviceBlockSize: _deviceBlockSize,
|
|
testProvider: testProviderObject,
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: testProviderObject.catchImages.length != 0 ? 10 : 0,
|
|
),
|
|
InkWell(
|
|
onTap: () async {
|
|
await loadAssets(context);
|
|
},
|
|
child: Container(
|
|
width: MediaQuery.of(context).size.width - 40,
|
|
padding:
|
|
EdgeInsets.symmetric(vertical: 10, horizontal: 30),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(5),
|
|
color: Colors.black,
|
|
),
|
|
child: Text(
|
|
'+ Add an image or file from device',
|
|
textDirection: TextDirection.ltr,
|
|
style: TextStyle(color: Colors.white),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
InkWell(
|
|
onTap: () async {
|
|
await Navigator.of(context).pushNamed(Routes.captureImageScreen);
|
|
// await captureImage(context);
|
|
},
|
|
child: Container(
|
|
width: MediaQuery.of(context).size.width - 40,
|
|
padding:
|
|
EdgeInsets.symmetric(vertical: 10, horizontal: 30),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(5),
|
|
color: Colors.black,
|
|
),
|
|
child: Text(
|
|
'+ Add an image from camera',
|
|
textDirection: TextDirection.ltr,
|
|
style: TextStyle(color: Colors.white),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
if (item['type'] == "Label") {
|
|
listWidgets.add(
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
border: Border.all(),
|
|
borderRadius: BorderRadius.circular(30),
|
|
color: Colors.black,
|
|
),
|
|
padding: EdgeInsets.only(top: 20, bottom: 20),
|
|
margin: EdgeInsets.only(bottom: 20),
|
|
child: Text(
|
|
item['name'],
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(color: Colors.white, fontSize: 20),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
if (item['type'] == "Text") {
|
|
listWidgets.add(
|
|
Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: TextFormField(
|
|
decoration: InputDecoration(
|
|
labelText: item['name'] ?? "",
|
|
border: UnderlineInputBorder(),
|
|
contentPadding: EdgeInsets.all(0),
|
|
),
|
|
initialValue: item['value'] ?? '',
|
|
onChanged: (String value) {
|
|
formItems[count]['value'] = value;
|
|
_handleChanged();
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
if (item['type'] == "Range" ||
|
|
item['type'] == "Temperature" ||
|
|
item['type'] == "Pressure") {
|
|
double startValue, endValue;
|
|
if (item['type'] == "Range") {
|
|
startValue = double.parse(item['options'][0]['title']);
|
|
endValue = double.parse(item['options'][1]['title']);
|
|
} else {
|
|
startValue = item['type'] == "Temperature" ? 0.0 : -1.0;
|
|
endValue = item['type'] == "Temperature" ? 200.0 : 3.0;
|
|
}
|
|
|
|
formItems[count]['value'] = formItems[count]['value'] ?? startValue;
|
|
// int divisions = (endValue - startValue).round();
|
|
listWidgets.add(
|
|
Padding(
|
|
padding: EdgeInsets.only(top: 35, left: 10, right: 10),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: <Widget>[
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: <Widget>[
|
|
Text(item['type']),
|
|
Text(formItems[count]['value'].toString()),
|
|
],
|
|
),
|
|
Slider(
|
|
min: startValue,
|
|
max: endValue,
|
|
value: formItems[count]['value'],
|
|
// label: '${formItems[count]['value'].round()}',
|
|
// divisions: divisions,
|
|
onChanged: (double value) {
|
|
setState(() {
|
|
formItems[count]['value'] =
|
|
double.parse(value.toStringAsFixed(2));
|
|
});
|
|
// print(formItems[count]['value']);
|
|
},
|
|
// semanticFormatterCallback: (double newValue) {
|
|
// return '${newValue.round()}';
|
|
// },
|
|
),
|
|
],
|
|
)),
|
|
);
|
|
}
|
|
|
|
if (item['type'] == "Time") {
|
|
listWidgets.add(
|
|
Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: TextFormField(
|
|
inputFormatters: <TextInputFormatter>[
|
|
LengthLimitingTextInputFormatter(5),
|
|
WhitelistingTextInputFormatter.digitsOnly,
|
|
// BlacklistingTextInputFormatter.singleLineFormatter,
|
|
TextInputFormatter.withFunction(
|
|
(TextEditingValue oldValue, TextEditingValue newValue) {
|
|
final int newTextLength = newValue.text.length;
|
|
int selectionIndex = newValue.selection.end;
|
|
int usedSubstringIndex = 0;
|
|
final StringBuffer newText = StringBuffer();
|
|
if (newTextLength >= 2) {
|
|
newText.write(
|
|
newValue.text.substring(0, usedSubstringIndex = 2) +
|
|
':');
|
|
if (newValue.selection.end >= 2) selectionIndex++;
|
|
}
|
|
// Dump the rest.
|
|
if (newTextLength >= usedSubstringIndex)
|
|
newText.write(newValue.text.substring(usedSubstringIndex));
|
|
return TextEditingValue(
|
|
text: newText.toString(),
|
|
selection: TextSelection.collapsed(offset: selectionIndex),
|
|
);
|
|
})
|
|
],
|
|
keyboardType: TextInputType.datetime,
|
|
decoration: InputDecoration(
|
|
labelText: item['name'] ?? "",
|
|
border: UnderlineInputBorder(),
|
|
contentPadding: EdgeInsets.all(0),
|
|
),
|
|
initialValue: item['value'] ?? '',
|
|
onChanged: (String value) {
|
|
formItems[count]['value'] = value;
|
|
_handleChanged();
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
if (item['type'] == "Select") {
|
|
var listItems = item['options'] as List<dynamic>;
|
|
listWidgets.add(MultiSelectFormField(
|
|
autovalidate: false,
|
|
titleText: item['name'],
|
|
dataSource: listItems,
|
|
textField: 'title',
|
|
valueField: 'id',
|
|
okButtonLabel: 'OK',
|
|
cancelButtonLabel: 'CANCEL',
|
|
hintText: 'Please choose one or more',
|
|
value: item['value'],
|
|
onSaved: (value) {
|
|
if (value == null) return;
|
|
setState(() {
|
|
item['value'] = value;
|
|
});
|
|
_handleChanged();
|
|
},
|
|
));
|
|
|
|
// listWidgets.add(
|
|
// DropdownButtonFormField<String>(
|
|
// items: listItems.map((dynamic value) {
|
|
// String stringValue = value['id'].toString();
|
|
// String textValue = value['title'].toString();
|
|
// return DropdownMenuItem<String>(
|
|
// value: stringValue,
|
|
// child: Text(textValue),
|
|
// );
|
|
// }).toList(),
|
|
// isDense: true,
|
|
// value: item['value'],
|
|
// hint: Text(item['name']),
|
|
|
|
// onChanged: (String value) {
|
|
// this.setState(
|
|
// () {
|
|
// _setInput(item['name'], value);
|
|
// formItems[count]['value'] = value;
|
|
// _handleChanged();
|
|
// },
|
|
// );
|
|
// },
|
|
// ),
|
|
// );
|
|
}
|
|
|
|
if (item['type'] == "Radiobutton") {
|
|
listWidgets.add(
|
|
Container(
|
|
margin: EdgeInsets.only(top: 14.0, bottom: 0),
|
|
child: Text(
|
|
item['name'],
|
|
style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16.0),
|
|
),
|
|
),
|
|
);
|
|
var valueOrFirst =
|
|
formItems[count]['value'] ?? formItems[count]['options'][0]['id'];
|
|
for (var i = 0; i < item['options'].length; i++) {
|
|
var isSelected = formItems[count]['options'][i]['id'] == valueOrFirst;
|
|
formItems[count]['value'] = valueOrFirst;
|
|
listWidgets.add(
|
|
RadioListTile<int>(
|
|
dense: true,
|
|
controlAffinity: ListTileControlAffinity.trailing,
|
|
title: Text(formItems[count]['options'][i]['title']),
|
|
value: formItems[count]['options'][i]['id'],
|
|
selected: isSelected,
|
|
groupValue: formItems[count]['value'],
|
|
onChanged: (int value) {
|
|
this.setState(
|
|
() {
|
|
_setInput(item['name'], value.toString());
|
|
formItems[count]['value'] = value;
|
|
_handleChanged();
|
|
},
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
if (item['type'] == "Switch") {
|
|
listWidgets.add(SwitchListTile(
|
|
activeColor: Colors.green,
|
|
inactiveTrackColor: Colors.red.withAlpha(150),
|
|
inactiveThumbColor: Colors.red,
|
|
title: Text(item['name']),
|
|
value: item['value'] ?? false,
|
|
onChanged: (bool value) {
|
|
this.setState(() {
|
|
formItems[count]['value'] = value;
|
|
_handleChanged();
|
|
});
|
|
}));
|
|
}
|
|
|
|
if (item['type'] == "Form") {
|
|
listWidgets.add(
|
|
Container(
|
|
margin: EdgeInsets.symmetric(vertical: 10),
|
|
decoration: BoxDecoration(border: Border.all()),
|
|
child: Column(
|
|
children: <Widget>[
|
|
Container(
|
|
margin: EdgeInsets.only(top: 10),
|
|
child: Text(
|
|
item['name'],
|
|
style:
|
|
TextStyle(fontWeight: FontWeight.bold, fontSize: 16.0),
|
|
),
|
|
),
|
|
FormCreator(
|
|
form: item['children'],
|
|
padding: 4,
|
|
onChanged: (value) {
|
|
// _handleChanged();
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
if (item['type'] == "Checkbox") {
|
|
formItems[count]['value'] = formItems[count]['value'] ?? [];
|
|
listWidgets.add(
|
|
Container(
|
|
margin: EdgeInsets.only(top: 14.0, bottom: 0),
|
|
child: Text(
|
|
item['name'],
|
|
style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16.0),
|
|
),
|
|
),
|
|
);
|
|
for (var i = 0; i < item['options'].length; i++) {
|
|
listWidgets.add(
|
|
CheckboxListTile(
|
|
title: Text(formItems[count]['options'][i]['title']),
|
|
value: (formItems[count]['value'] ?? [])
|
|
.contains(formItems[count]['options'][i]['id']),
|
|
onChanged: (bool value) {
|
|
this.setState(
|
|
() {
|
|
setState(() {
|
|
if (value) {
|
|
(formItems[count]['value'] as List)
|
|
.add(formItems[count]['options'][i]['id']);
|
|
} else {
|
|
(formItems[count]['value'] as List)
|
|
.remove(formItems[count]['options'][i]['id']);
|
|
}
|
|
});
|
|
_handleChanged();
|
|
},
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
}
|
|
// listWidgets.add(
|
|
// TestResultAddSaveButton(
|
|
// deviceBlockSize: null,
|
|
// ),
|
|
// );
|
|
}
|
|
|
|
return listWidgets;
|
|
}
|
|
|
|
Future captureImage(BuildContext context) async {
|
|
var profileProviderObject =
|
|
Provider.of<TestResultsProvider>(context, listen: false);
|
|
List<File> files = profileProviderObject.catchImages;
|
|
try {
|
|
files.add(
|
|
await ImagePickerGC.pickImage(
|
|
context: context,
|
|
source: ImgSource.Camera,
|
|
cameraIcon: Icon(
|
|
Icons.camera_alt,
|
|
color: Colors.red,
|
|
), //cameraIcon and galleryIcon can change. If no icon provided default icon will be present
|
|
cameraText: Text(
|
|
"From Camera",
|
|
style: TextStyle(color: Colors.red),
|
|
),
|
|
),
|
|
);
|
|
} catch (e) {}
|
|
profileProviderObject.setCatchImages(files);
|
|
profileProviderObject.setImages();
|
|
}
|
|
|
|
Future<void> loadAssets(BuildContext context) async {
|
|
var profileProviderObject =
|
|
Provider.of<TestResultsProvider>(context, listen: false);
|
|
List<File> files = profileProviderObject.catchImages;
|
|
try {
|
|
files += await FilePicker.getMultiFile(
|
|
type: FileType.custom,
|
|
allowedExtensions: ['jpg', 'png', 'bmp', 'jpeg', 'pdf', 'docx', 'doc'],
|
|
);
|
|
// print(files);
|
|
} catch (_) {}
|
|
|
|
profileProviderObject.setCatchImages(files);
|
|
profileProviderObject.setImages();
|
|
// profileProviderObject.addImage();
|
|
}
|
|
|
|
_FormCreatorState(this.formItems);
|
|
|
|
void _handleChanged() {
|
|
widget.onChanged(formItems);
|
|
}
|
|
|
|
void _setInput(String key, String value) {}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return ListView.builder(
|
|
padding: EdgeInsets.all(widget.padding ?? 16.0),
|
|
itemCount: jsonToForm().length,
|
|
itemBuilder: (context, index) {
|
|
return jsonToForm()[index];
|
|
},
|
|
shrinkWrap: true,
|
|
controller: ScrollController(keepScrollOffset: false),
|
|
);
|
|
}
|
|
}
|
|
|
|
class ImageBox extends StatelessWidget {
|
|
const ImageBox({
|
|
Key key,
|
|
@required double deviceBlockSize,
|
|
@required TestResultsProvider testProvider,
|
|
}) : _deviceBlockSize = deviceBlockSize,
|
|
_testProvider = testProvider,
|
|
super(key: key);
|
|
|
|
final double _deviceBlockSize;
|
|
final TestResultsProvider _testProvider;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return ListView.separated(
|
|
shrinkWrap: true,
|
|
scrollDirection: Axis.horizontal,
|
|
itemBuilder: (ctx, index) {
|
|
bool isPdf = _testProvider.catchImages[index].path.endsWith('pdf');
|
|
bool isWord = _testProvider.catchImages[index].path.endsWith('docx') ||
|
|
_testProvider.catchImages[index].path.endsWith('doc');
|
|
|
|
// print(_testProvider.catchImages[index].path.endsWith('jpg'));
|
|
// .substring(_testProvider.catchImages[index].path.length - 4));
|
|
return ClipRRect(
|
|
borderRadius: BorderRadius.circular(5),
|
|
child: Container(
|
|
width: 60,
|
|
height: 60,
|
|
child: Stack(
|
|
children: <Widget>[
|
|
Positioned(
|
|
top: 10,
|
|
left: 0,
|
|
child: GestureDetector(
|
|
onTap: () => isPdf
|
|
? print('pdf')
|
|
: isWord
|
|
? print('word')
|
|
: Navigator.of(context).push(
|
|
MaterialPageRoute(
|
|
builder: (_) => Container(
|
|
color: Colors.white,
|
|
child: Center(
|
|
child: Image.file(
|
|
_testProvider.catchImages[index],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
child: isPdf
|
|
? Image.asset(
|
|
'assets/Images/pdf.png',
|
|
width: 60,
|
|
height: 60,
|
|
fit: BoxFit.fill,
|
|
)
|
|
: isWord
|
|
? Image.asset(
|
|
'assets/Images/word.png',
|
|
width: 60,
|
|
height: 60,
|
|
fit: BoxFit.fill,
|
|
)
|
|
: Image.file(
|
|
_testProvider.catchImages[index],
|
|
// asset: _images[index],
|
|
width: 60,
|
|
height: 60,
|
|
fit: BoxFit.fill,
|
|
),
|
|
),
|
|
),
|
|
Positioned(
|
|
top: 0,
|
|
right: 0,
|
|
child: GestureDetector(
|
|
onTap: () {
|
|
// setState(() {
|
|
_testProvider.removeImage(index);
|
|
// });
|
|
},
|
|
child: CircleAvatar(
|
|
backgroundColor: Colors.red,
|
|
radius: 10,
|
|
child: Icon(
|
|
Icons.close,
|
|
size: 12,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
);
|
|
},
|
|
itemCount: _testProvider.catchImages.length,
|
|
separatorBuilder: (BuildContext context, int index) => SizedBox(
|
|
width: 3 * _deviceBlockSize,
|
|
),
|
|
);
|
|
}
|
|
}
|