H2O feature, setting page added
parent
bd062150c1
commit
e40ad85d61
@ -0,0 +1,463 @@
|
|||||||
|
import 'package:diplomaticquarterapp/core/model/AlHabibMedicalService/H2O/user_detail_model.dart';
|
||||||
|
import 'package:diplomaticquarterapp/core/service/AlHabibMedicalService/H2O_service.dart';
|
||||||
|
import 'package:diplomaticquarterapp/core/viewModels/AlHabibMedicalService/H2O_view_model.dart';
|
||||||
|
import 'package:diplomaticquarterapp/pages/BookAppointment/widgets/BranchView.dart';
|
||||||
|
import 'package:diplomaticquarterapp/pages/base/base_view.dart';
|
||||||
|
import 'package:diplomaticquarterapp/uitl/app_toast.dart';
|
||||||
|
import 'package:diplomaticquarterapp/uitl/date_uitl.dart';
|
||||||
|
import 'package:diplomaticquarterapp/uitl/gif_loader_dialog_utils.dart';
|
||||||
|
import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart';
|
||||||
|
import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart';
|
||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter/painting.dart';
|
||||||
|
import 'package:flutter/services.dart';
|
||||||
|
import 'package:flutter/widgets.dart';
|
||||||
|
|
||||||
|
import 'Dialog/setting_page_radio_button_list_dialog.dart';
|
||||||
|
|
||||||
|
class H2oSetting extends StatefulWidget {
|
||||||
|
final UserDetailModel userDetailModel;
|
||||||
|
final H2OViewModel viewModel;
|
||||||
|
H2oSetting({Key key, this.userDetailModel, this.viewModel}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_H2oSettingState createState() {
|
||||||
|
return _H2oSettingState();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class _H2oSettingState extends State<H2oSetting> {
|
||||||
|
TextEditingController _nameController = TextEditingController();
|
||||||
|
TextEditingController _heightController = TextEditingController();
|
||||||
|
TextEditingController _weightController = TextEditingController();
|
||||||
|
bool _isUnitML = false;
|
||||||
|
bool _isGenderMale = false;
|
||||||
|
bool _isHeightCM = false;
|
||||||
|
bool _isWeightKG = false;
|
||||||
|
double _heightValue = 1;
|
||||||
|
double _weightValue = 1;
|
||||||
|
|
||||||
|
List<String> _activityLevelListEng = [];
|
||||||
|
List<String> _remindedTimeListEng = [];
|
||||||
|
int _selectedActiveLevel = 1;
|
||||||
|
int _selectedRemindedTime = 0;
|
||||||
|
DateTime _dobDate = DateTime.now();
|
||||||
|
DateTime _tempDate = DateTime.now();
|
||||||
|
|
||||||
|
UserDetailModel _userDetailModel;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
_userDetailModel = widget.userDetailModel;
|
||||||
|
_heightValue = _userDetailModel.height;
|
||||||
|
_weightValue = _userDetailModel.weight;
|
||||||
|
_heightController.text = _heightValue.toStringAsFixed(0);
|
||||||
|
_weightController.text = _weightValue.toStringAsFixed(0);
|
||||||
|
_nameController.text = _userDetailModel.firstName;
|
||||||
|
_isWeightKG = _userDetailModel.isWeightInKG;
|
||||||
|
_isHeightCM = _userDetailModel.isHeightInCM;
|
||||||
|
_isGenderMale = _userDetailModel.gender == "M" ? true : false;
|
||||||
|
_dobDate = DateUtil.convertStringToDate(_userDetailModel.dOB);
|
||||||
|
_selectedActiveLevel = _userDetailModel.activityID ?? 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void didChangeDependencies() {
|
||||||
|
// TODO: implement didChangeDependencies
|
||||||
|
super.didChangeDependencies();
|
||||||
|
|
||||||
|
_activityLevelListEng = [
|
||||||
|
TranslationBase.of(context).notActive,
|
||||||
|
TranslationBase.of(context).lightActive,
|
||||||
|
TranslationBase.of(context).modActive,
|
||||||
|
TranslationBase.of(context).active
|
||||||
|
];
|
||||||
|
|
||||||
|
_remindedTimeListEng = [
|
||||||
|
"1 ${TranslationBase.of(context).time}",
|
||||||
|
"2 ${TranslationBase.of(context).times}",
|
||||||
|
"3 ${TranslationBase.of(context).times}",
|
||||||
|
"4 ${TranslationBase.of(context).times}"
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return AppScaffold(
|
||||||
|
isShowAppBar: true,
|
||||||
|
appBarTitle: TranslationBase.of(context).h2o,
|
||||||
|
showHomeAppBarIcon: false,
|
||||||
|
body: SingleChildScrollView(
|
||||||
|
padding: EdgeInsets.fromLTRB(8, 8, 8, 80),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
TextField(
|
||||||
|
controller: _nameController,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
labelText: TranslationBase.of(context).enterNameHere,
|
||||||
|
labelStyle: TextStyle(color: Colors.black87),
|
||||||
|
fillColor: Colors.white,
|
||||||
|
filled: true,
|
||||||
|
border: UnderlineInputBorder(
|
||||||
|
borderSide: BorderSide(
|
||||||
|
width: 0,
|
||||||
|
style: BorderStyle.none,
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(6.0),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(height: 8),
|
||||||
|
Text(TranslationBase.of(context).preferredunit),
|
||||||
|
SizedBox(height: 8),
|
||||||
|
_commonButtonsRow(TranslationBase.of(context).ml, TranslationBase.of(context).l, _isUnitML, (value) {
|
||||||
|
if (_isUnitML != value) {
|
||||||
|
setState(() {
|
||||||
|
_isUnitML = value;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
Padding(
|
||||||
|
padding: EdgeInsets.only(top: 8.0, bottom: 8.0),
|
||||||
|
child: Divider(height: 1.5, color: Colors.black54),
|
||||||
|
),
|
||||||
|
Text(TranslationBase.of(context).gender),
|
||||||
|
SizedBox(height: 8),
|
||||||
|
_commonButtonsRow(TranslationBase.of(context).male, TranslationBase.of(context).female, _isGenderMale, (value) {
|
||||||
|
if (_isGenderMale != value) {
|
||||||
|
setState(() {
|
||||||
|
_isGenderMale = value;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
Padding(
|
||||||
|
padding: EdgeInsets.only(top: 8.0, bottom: 8.0),
|
||||||
|
child: Divider(height: 1.5, color: Colors.black54),
|
||||||
|
),
|
||||||
|
Text(TranslationBase.of(context).height),
|
||||||
|
_commonSlidersRow(_heightController, 1, 270, _heightValue, (text) {
|
||||||
|
_heightController.text = text;
|
||||||
|
}, (value) {
|
||||||
|
setState(() {
|
||||||
|
_heightValue = value;
|
||||||
|
});
|
||||||
|
}),
|
||||||
|
SizedBox(height: 8),
|
||||||
|
Text(TranslationBase.of(context).heightUnit),
|
||||||
|
SizedBox(height: 8),
|
||||||
|
_commonButtonsRow(TranslationBase.of(context).cm, TranslationBase.of(context).ft, _isHeightCM, (value) {
|
||||||
|
if (_isHeightCM != value) {
|
||||||
|
setState(() {
|
||||||
|
_isHeightCM = value;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
SizedBox(height: 8),
|
||||||
|
_commonSlidersRow(_weightController, 1, 250, _weightValue, (text) {
|
||||||
|
_weightController.text = text;
|
||||||
|
}, (value) {
|
||||||
|
setState(() {
|
||||||
|
_weightValue = value;
|
||||||
|
});
|
||||||
|
}),
|
||||||
|
SizedBox(height: 8),
|
||||||
|
Text(TranslationBase.of(context).weightUnit),
|
||||||
|
SizedBox(height: 8),
|
||||||
|
_commonButtonsRow(TranslationBase.of(context).kg, TranslationBase.of(context).lb, _isWeightKG, (value) {
|
||||||
|
if (_isWeightKG != value) {
|
||||||
|
setState(() {
|
||||||
|
_isWeightKG = value;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
Padding(
|
||||||
|
padding: EdgeInsets.only(top: 8.0, bottom: 8.0),
|
||||||
|
child: Divider(height: 1.5, color: Colors.black54),
|
||||||
|
),
|
||||||
|
Container(
|
||||||
|
padding: EdgeInsets.all(8),
|
||||||
|
width: MediaQuery.of(context).size.width,
|
||||||
|
decoration: BoxDecoration(borderRadius: BorderRadius.circular(8), color: Colors.white),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text("${TranslationBase.of(context).birth_date}:"),
|
||||||
|
SizedBox(height: 8),
|
||||||
|
InkWell(
|
||||||
|
onTap: () {
|
||||||
|
showModalBottomSheet(
|
||||||
|
context: context,
|
||||||
|
builder: (context) {
|
||||||
|
return Container(
|
||||||
|
height: 250,
|
||||||
|
padding: EdgeInsets.all(8),
|
||||||
|
child: Column(children: [
|
||||||
|
Container(
|
||||||
|
height: 40,
|
||||||
|
alignment: Alignment.centerRight,
|
||||||
|
child: Row(mainAxisSize: MainAxisSize.min, children: [
|
||||||
|
InkWell(
|
||||||
|
onTap: () => Navigator.pop(context),
|
||||||
|
child: Container(
|
||||||
|
alignment: Alignment.center,
|
||||||
|
padding: EdgeInsets.fromLTRB(8, 4, 8, 4),
|
||||||
|
child: Text(TranslationBase.of(context).cancel),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(width: 8),
|
||||||
|
InkWell(
|
||||||
|
onTap: () {
|
||||||
|
Navigator.pop(context);
|
||||||
|
setState(() {
|
||||||
|
_dobDate = _tempDate;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
alignment: Alignment.center,
|
||||||
|
padding: EdgeInsets.fromLTRB(8, 4, 8, 4),
|
||||||
|
child: Text(TranslationBase.of(context).ok),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
]),
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
child: Container(
|
||||||
|
width: MediaQuery.of(context).size.width,
|
||||||
|
child: CupertinoDatePicker(
|
||||||
|
initialDateTime: _dobDate,
|
||||||
|
mode: CupertinoDatePickerMode.date,
|
||||||
|
onDateTimeChanged: (_date) {
|
||||||
|
_tempDate = _date;
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
]),
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}, // implement cupertino dialog to select date
|
||||||
|
child: Row(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.center,
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
children: [Text(DateUtil.getFormattedDate(_dobDate, "yyyy-MM-dd")), Icon(Icons.arrow_drop_down_outlined)]),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(height: 8),
|
||||||
|
_commonDialogSelectorRow(TranslationBase.of(context).activityLevel, _activityLevelListEng[_selectedActiveLevel - 1], () {
|
||||||
|
showDialog(
|
||||||
|
context: context,
|
||||||
|
child: CommonRadioButtonDialog(
|
||||||
|
list: _activityLevelListEng,
|
||||||
|
title: TranslationBase.of(context).activityLevel,
|
||||||
|
onSelect: (index) {
|
||||||
|
Navigator.pop(context);
|
||||||
|
setState(() {
|
||||||
|
_selectedActiveLevel = index + 1;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
selectedIndex: _selectedActiveLevel - 1,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
SizedBox(height: 8),
|
||||||
|
_commonDialogSelectorRow(TranslationBase.of(context).reminderLabel, _remindedTimeListEng[_selectedRemindedTime], () {
|
||||||
|
showDialog(
|
||||||
|
context: context,
|
||||||
|
child: CommonRadioButtonDialog(
|
||||||
|
list: _remindedTimeListEng,
|
||||||
|
onSelect: (index) {
|
||||||
|
Navigator.pop(context);
|
||||||
|
setState(() {
|
||||||
|
_selectedRemindedTime = index;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
selectedIndex: _selectedRemindedTime,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
SizedBox(height: 16),
|
||||||
|
SizedBox(
|
||||||
|
height: 50,
|
||||||
|
width: MediaQuery.of(context).size.width,
|
||||||
|
child: FlatButton(
|
||||||
|
color: Theme.of(context).appBarTheme.color,
|
||||||
|
shape: RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.circular(8.0),
|
||||||
|
),
|
||||||
|
onPressed: _updateUserDetails,
|
||||||
|
child: Text(
|
||||||
|
TranslationBase.of(context).save,
|
||||||
|
style: TextStyle(color: Colors.white, fontSize: 18, fontWeight: FontWeight.w600),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _commonButtonsRow(String rightText, String leftText, bool checkParam, Function(bool) callBack) {
|
||||||
|
return Row(children: [
|
||||||
|
Expanded(
|
||||||
|
child: SizedBox(
|
||||||
|
height: 40,
|
||||||
|
child: RaisedButton(
|
||||||
|
color: checkParam ? Theme.of(context).appBarTheme.color : Colors.white,
|
||||||
|
child: Text(
|
||||||
|
rightText,
|
||||||
|
style: TextStyle(color: checkParam ? Colors.white : Theme.of(context).appBarTheme.color, fontWeight: FontWeight.w600),
|
||||||
|
),
|
||||||
|
onPressed: () => callBack(true),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(width: 12),
|
||||||
|
Expanded(
|
||||||
|
child: SizedBox(
|
||||||
|
height: 40,
|
||||||
|
child: RaisedButton(
|
||||||
|
color: !checkParam ? Theme.of(context).appBarTheme.color : Colors.white,
|
||||||
|
child: Text(
|
||||||
|
leftText,
|
||||||
|
style: TextStyle(color: !checkParam ? Colors.white : Theme.of(context).appBarTheme.color, fontWeight: FontWeight.w600),
|
||||||
|
),
|
||||||
|
onPressed: () => callBack(false),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _commonSlidersRow(
|
||||||
|
_controller, double _minValue, double _maxValue, double _valueOrg, Function(String) onTextValueChange, Function(double) onValueChange) {
|
||||||
|
return Container(
|
||||||
|
margin: EdgeInsets.only(top: 6),
|
||||||
|
padding: EdgeInsets.all(6),
|
||||||
|
color: Colors.white,
|
||||||
|
height: 50,
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
SizedBox(
|
||||||
|
width: 75,
|
||||||
|
child: TextField(
|
||||||
|
controller: _controller,
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
keyboardType: TextInputType.number,
|
||||||
|
onChanged: (value) {
|
||||||
|
double _value = double.parse(value);
|
||||||
|
if (_value > _maxValue) {
|
||||||
|
onTextValueChange(_maxValue.toStringAsFixed(0));
|
||||||
|
onValueChange(_maxValue);
|
||||||
|
return;
|
||||||
|
} else if (_value < _minValue) {
|
||||||
|
onTextValueChange(_minValue.toStringAsFixed(0));
|
||||||
|
onValueChange(_minValue);
|
||||||
|
return;
|
||||||
|
} else if (_value >= _minValue && _value <= _maxValue) {
|
||||||
|
onValueChange(_value);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
inputFormatters: [
|
||||||
|
FilteringTextInputFormatter.allow(RegExp(r'[0-9]')),
|
||||||
|
],
|
||||||
|
decoration: InputDecoration(
|
||||||
|
contentPadding: EdgeInsets.only(left: 4, right: 4),
|
||||||
|
fillColor: Colors.white,
|
||||||
|
filled: true,
|
||||||
|
focusedBorder: OutlineInputBorder(
|
||||||
|
borderSide: BorderSide(
|
||||||
|
width: 1,
|
||||||
|
color: Colors.grey,
|
||||||
|
style: BorderStyle.solid,
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(6.0),
|
||||||
|
),
|
||||||
|
enabledBorder: OutlineInputBorder(
|
||||||
|
borderSide: BorderSide(
|
||||||
|
width: 1,
|
||||||
|
color: Colors.grey,
|
||||||
|
style: BorderStyle.solid,
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(6.0),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
flex: 6,
|
||||||
|
child: Slider(
|
||||||
|
min: _minValue,
|
||||||
|
max: _maxValue,
|
||||||
|
activeColor: Colors.redAccent,
|
||||||
|
inactiveColor: Colors.redAccent.withOpacity(.3),
|
||||||
|
value: _valueOrg,
|
||||||
|
onChanged: (value) {
|
||||||
|
onTextValueChange(value.toStringAsFixed(0));
|
||||||
|
onValueChange(value);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _commonDialogSelectorRow(String title, String selectedText, VoidCallback onPressed) {
|
||||||
|
return Column(crossAxisAlignment: CrossAxisAlignment.start, mainAxisSize: MainAxisSize.min, children: [
|
||||||
|
Text(title),
|
||||||
|
SizedBox(height: 8),
|
||||||
|
InkWell(
|
||||||
|
onTap: onPressed,
|
||||||
|
child: Container(
|
||||||
|
height: 50,
|
||||||
|
padding: EdgeInsets.all(8),
|
||||||
|
width: MediaQuery.of(context).size.width,
|
||||||
|
decoration: BoxDecoration(borderRadius: BorderRadius.circular(8), color: Colors.white),
|
||||||
|
child: Row(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.center,
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
children: [Text(selectedText), Icon(Icons.arrow_drop_down_outlined)],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
|
||||||
|
void _updateUserDetails() async {
|
||||||
|
_userDetailModel.height = _heightValue;
|
||||||
|
_userDetailModel.weight = _weightValue;
|
||||||
|
_userDetailModel.firstName = _nameController.text;
|
||||||
|
_userDetailModel.isWeightInKG = _isWeightKG;
|
||||||
|
_userDetailModel.isHeightInCM = _isHeightCM;
|
||||||
|
_userDetailModel.gender = _isGenderMale ? "M" : "F";
|
||||||
|
|
||||||
|
var tempDate = DateUtil.convertDateToString(_dobDate);
|
||||||
|
if (!tempDate.endsWith("/")) {
|
||||||
|
tempDate = tempDate + "/";
|
||||||
|
}
|
||||||
|
|
||||||
|
_userDetailModel.dOB = tempDate;
|
||||||
|
_userDetailModel.activityID = _selectedActiveLevel;
|
||||||
|
GifLoaderDialogUtils.showMyDialog(context);
|
||||||
|
await widget.viewModel.updateUserDetail(_userDetailModel, (tag) {
|
||||||
|
if (tag) {
|
||||||
|
AppToast.showSuccessToast(message: TranslationBase.of(context).success);
|
||||||
|
}
|
||||||
|
GifLoaderDialogUtils.hideDialog(context);
|
||||||
|
});
|
||||||
|
|
||||||
|
Navigator.pop(context);
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue