284 lines
12 KiB
Dart
284 lines
12 KiB
Dart
import 'package:aitrainer_app/bloc/exercise_new/exercise_new_bloc.dart';
|
|
import 'package:aitrainer_app/localization/app_localization.dart';
|
|
import 'package:aitrainer_app/util/trans.dart';
|
|
import 'package:animated_widgets/widgets/rotation_animated.dart';
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import 'app_bar.dart';
|
|
import 'package:keyboard_actions/keyboard_actions.dart';
|
|
|
|
// ignore: must_be_immutable
|
|
class BMI extends StatefulWidget {
|
|
final ExerciseNewBloc exerciseBloc;
|
|
BMI({this.exerciseBloc});
|
|
|
|
@override
|
|
_BMIState createState() => _BMIState();
|
|
}
|
|
|
|
class _BMIState extends State<BMI> with Trans {
|
|
final FocusNode _nodeText1 = FocusNode();
|
|
final FocusNode _nodeText2 = FocusNode();
|
|
|
|
KeyboardActionsConfig _buildConfig(BuildContext context) {
|
|
return KeyboardActionsConfig(
|
|
keyboardActionsPlatform: KeyboardActionsPlatform.ALL,
|
|
keyboardBarColor: Colors.grey[200],
|
|
keyboardSeparatorColor: Colors.black26,
|
|
nextFocus: true,
|
|
actions: [
|
|
KeyboardActionsItem(focusNode: _nodeText2, toolbarButtons: [
|
|
(node) {
|
|
return GestureDetector(
|
|
onTap: () => node.unfocus(),
|
|
child: Container(
|
|
padding: EdgeInsets.all(8.0),
|
|
color: Colors.orange[500],
|
|
child: Text(
|
|
AppLocalizations.of(context).translate("Done"),
|
|
style: TextStyle(color: Colors.white),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
]),
|
|
KeyboardActionsItem(
|
|
focusNode: _nodeText1,
|
|
toolbarButtons: [
|
|
//button 2
|
|
(node) {
|
|
return GestureDetector(
|
|
onTap: () => node.unfocus(),
|
|
child: Container(
|
|
color: Colors.orange,
|
|
padding: EdgeInsets.all(8.0),
|
|
child: Text(
|
|
AppLocalizations.of(context).translate("Done"),
|
|
style: TextStyle(color: Colors.white),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
],
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
setContext(context);
|
|
double mediaWidth = MediaQuery.of(context).size.width * .8;
|
|
double mediaHeight = MediaQuery.of(context).size.height * .8;
|
|
//print("w " + mediaWidth.toString() + "h " + mediaHeight.toString());
|
|
widget.exerciseBloc.setMediaDimensions(mediaWidth, mediaHeight);
|
|
widget.exerciseBloc.getBMI();
|
|
return Form(
|
|
child: Scaffold(
|
|
resizeToAvoidBottomInset: true,
|
|
appBar: AppBarNav(depth: 1),
|
|
body: Container(
|
|
width: MediaQuery.of(context).size.width,
|
|
height: MediaQuery.of(context).size.height,
|
|
decoration: BoxDecoration(
|
|
image: DecorationImage(
|
|
image: AssetImage('asset/image/WT_black_background.png'),
|
|
fit: BoxFit.fill,
|
|
alignment: Alignment.center,
|
|
),
|
|
),
|
|
child: KeyboardActions(
|
|
config: _buildConfig(context),
|
|
child: SingleChildScrollView(
|
|
child:
|
|
Column(crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: [
|
|
getWeightInput(),
|
|
Text(t("Body Mass Index"),
|
|
style: GoogleFonts.archivoBlack(
|
|
shadows: <Shadow>[
|
|
Shadow(
|
|
offset: Offset(5.0, 5.0),
|
|
blurRadius: 3.0,
|
|
color: Colors.black54,
|
|
),
|
|
],
|
|
fontSize: 30,
|
|
color: Colors.orange[500],
|
|
)),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text(widget.exerciseBloc.bmi.toStringAsFixed(1),
|
|
style: GoogleFonts.archivoBlack(
|
|
shadows: <Shadow>[
|
|
Shadow(
|
|
offset: Offset(5.0, 5.0),
|
|
blurRadius: 3.0,
|
|
color: Colors.black54,
|
|
),
|
|
],
|
|
fontSize: 60,
|
|
color: Colors.orange[500],
|
|
)),
|
|
Text(" kg/m2",
|
|
style: GoogleFonts.archivoBlack(
|
|
shadows: <Shadow>[
|
|
Shadow(
|
|
offset: Offset(5.0, 5.0),
|
|
blurRadius: 3.0,
|
|
color: Colors.black54,
|
|
),
|
|
],
|
|
fontSize: 30,
|
|
color: Colors.orange[500],
|
|
)),
|
|
],
|
|
),
|
|
Divider(color: Colors.transparent),
|
|
Stack(alignment: Alignment.center, children: [
|
|
Container(
|
|
padding: EdgeInsets.only(left: 30, right: 30),
|
|
child: Image.asset(
|
|
"asset/image/BMI_graph_c.png",
|
|
),
|
|
),
|
|
Positioned(
|
|
top: widget.exerciseBloc.bmiTop,
|
|
left: widget.exerciseBloc.bmiLeft,
|
|
child: RotationAnimatedWidget.tween(
|
|
enabled: true,
|
|
duration: const Duration(milliseconds: 1000),
|
|
rotationDisabled: Rotation.deg(),
|
|
rotationEnabled: Rotation.deg(z: widget.exerciseBloc.bmiAngle),
|
|
child: Image.asset(
|
|
"asset/image/BMI_mutato.png",
|
|
width: 65,
|
|
)))
|
|
]),
|
|
Divider(color: Colors.transparent),
|
|
Container(
|
|
padding: EdgeInsets.only(left: 65, right: 65),
|
|
alignment: Alignment.center,
|
|
child: Text(t("Based on your weight and height your goal for BMI and weight:"),
|
|
textAlign: TextAlign.center,
|
|
style: GoogleFonts.inter(
|
|
fontSize: 16,
|
|
color: Colors.yellow[200],
|
|
)),
|
|
),
|
|
Text("BMI" + " " + t("first step") + ": " + widget.exerciseBloc.goalMilestoneBMI.toStringAsFixed(1),
|
|
style: GoogleFonts.archivoBlack(
|
|
fontSize: 20,
|
|
color: Colors.orange[200],
|
|
)),
|
|
Text(
|
|
t("Bodyweight") +
|
|
" " +
|
|
t("first step") +
|
|
": " +
|
|
widget.exerciseBloc.goalMilestoneWeight.toStringAsFixed(0) +
|
|
" kg",
|
|
style: GoogleFonts.archivoBlack(
|
|
fontSize: 20,
|
|
color: Colors.orange[200],
|
|
)),
|
|
Text("BMI" + " " + t("goal") + ": " + widget.exerciseBloc.goalBMI.toStringAsFixed(1),
|
|
style: GoogleFonts.archivoBlack(
|
|
fontSize: 20,
|
|
color: Colors.orange[500],
|
|
)),
|
|
Text(t("Bodyweight") + " " + t("goal") + ": " + widget.exerciseBloc.goalWeight.toStringAsFixed(0) + " kg",
|
|
style: GoogleFonts.archivoBlack(
|
|
fontSize: 20,
|
|
color: Colors.orange[500],
|
|
)),
|
|
]))))));
|
|
}
|
|
|
|
Widget buildAnimatedPointer() {
|
|
return TweenAnimationBuilder(
|
|
tween: IntTween(begin: 0, end: 30),
|
|
duration: Duration(milliseconds: 2000),
|
|
curve: Curves.linear,
|
|
builder: (context, val, child) {
|
|
return Image.asset(
|
|
"asset/image/BMI_mutato.png",
|
|
width: 65,
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
Widget getHeightInput() {
|
|
if (widget.exerciseBloc.customerRepository.customer.birthYear < 2003) {
|
|
return Flexible(
|
|
child: TextFormField(
|
|
focusNode: _nodeText2,
|
|
decoration: InputDecoration(
|
|
contentPadding: EdgeInsets.only(left: 15, top: 5, bottom: 5),
|
|
labelText: AppLocalizations.of(context).translate("Actual Height"),
|
|
labelStyle: GoogleFonts.inter(fontSize: 16, color: Colors.yellow[50]),
|
|
fillColor: Colors.black38,
|
|
filled: true,
|
|
border: OutlineInputBorder(
|
|
gapPadding: 4.0,
|
|
borderRadius: BorderRadius.circular(12.0),
|
|
borderSide: BorderSide(color: Colors.white12, width: 0.4),
|
|
),
|
|
),
|
|
initialValue: widget.exerciseBloc.height.toStringAsFixed(0),
|
|
keyboardType: TextInputType.numberWithOptions(decimal: true),
|
|
textInputAction: TextInputAction.done,
|
|
style: GoogleFonts.archivoBlack(fontSize: 20, color: Colors.yellow[300]),
|
|
onChanged: (value) => {widget.exerciseBloc.add(ExerciseNewHeightChange(value: double.parse(value)))}),
|
|
);
|
|
} else {
|
|
return Container();
|
|
}
|
|
}
|
|
|
|
Widget getWeightInput() {
|
|
return Container(
|
|
padding: EdgeInsets.only(top: 15, left: 65, right: 65, bottom: 10),
|
|
alignment: Alignment.center,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
getHeightInput(),
|
|
SizedBox(
|
|
width: 10,
|
|
),
|
|
Flexible(
|
|
child: TextFormField(
|
|
focusNode: _nodeText1,
|
|
decoration: InputDecoration(
|
|
contentPadding: EdgeInsets.only(left: 15, top: 5, bottom: 5),
|
|
labelText: AppLocalizations.of(context).translate("Actual Weight"),
|
|
labelStyle: GoogleFonts.inter(fontSize: 16, color: Colors.yellow[50]),
|
|
fillColor: Colors.black38,
|
|
filled: true,
|
|
border: OutlineInputBorder(
|
|
gapPadding: 2.0,
|
|
borderRadius: BorderRadius.circular(12.0),
|
|
borderSide: BorderSide(color: Colors.white12, width: 0.4),
|
|
),
|
|
),
|
|
initialValue: widget.exerciseBloc.weight.toStringAsFixed(0),
|
|
keyboardType: TextInputType.numberWithOptions(decimal: true),
|
|
textInputAction: TextInputAction.done,
|
|
style: GoogleFonts.archivoBlack(fontSize: 20, color: Colors.yellow[300]),
|
|
onChanged: (value) => {widget.exerciseBloc.add(ExerciseNewWeightChange(value: double.parse(value)))},
|
|
),
|
|
),
|
|
IconButton(
|
|
icon: Icon(Icons.save),
|
|
hoverColor: Colors.blueAccent,
|
|
color: widget.exerciseBloc.changedWeight ? Colors.blue[200] : Colors.black54,
|
|
onPressed: () => {widget.exerciseBloc.add(ExerciseNewSaveWeight())})
|
|
],
|
|
));
|
|
}
|
|
}
|