474 lines
17 KiB
Dart
474 lines
17 KiB
Dart
import 'dart:collection';
|
|
|
|
import 'package:aitrainer_app/bloc/menu/menu_bloc.dart';
|
|
import 'package:aitrainer_app/bloc/test_set_execute/test_set_execute_bloc.dart';
|
|
import 'package:aitrainer_app/library/custom_icon_icons.dart';
|
|
import 'package:aitrainer_app/model/exercise_plan_detail.dart';
|
|
import 'package:aitrainer_app/util/trans.dart';
|
|
import 'package:aitrainer_app/widgets/app_bar.dart';
|
|
import 'package:aitrainer_app/widgets/dialog_common.dart';
|
|
import 'package:aitrainer_app/widgets/menu_image.dart';
|
|
import 'package:aitrainer_app/widgets/victory_widget.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import 'package:modal_progress_hud/modal_progress_hud.dart';
|
|
import 'package:timeline_tile/timeline_tile.dart';
|
|
|
|
// ignore: must_be_immutable
|
|
class TestSetExecute extends StatelessWidget with Trans {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
// ignore: close_sinks
|
|
final MenuBloc menuBloc = BlocProvider.of<MenuBloc>(context);
|
|
// ignore: close_sinks
|
|
TestSetExecuteBloc executeBloc = BlocProvider.of<TestSetExecuteBloc>(context);
|
|
executeBloc.menuBloc = menuBloc;
|
|
|
|
executeBloc.add(TestSetExecuteLoad());
|
|
setContext(context);
|
|
return Scaffold(
|
|
appBar: AppBarNav(depth: 1),
|
|
body: Container(
|
|
padding: EdgeInsets.all(20),
|
|
decoration: BoxDecoration(
|
|
image: DecorationImage(
|
|
image: AssetImage('asset/image/WT_black_background.jpg'),
|
|
fit: BoxFit.cover,
|
|
alignment: Alignment.center,
|
|
),
|
|
),
|
|
child: BlocConsumer<TestSetExecuteBloc, TestSetExecuteState>(listener: (context, state) {
|
|
if (state is TestSetExecuteError) {
|
|
Scaffold.of(context).showSnackBar(
|
|
SnackBar(backgroundColor: Colors.orange, content: Text(state.message, style: TextStyle(color: Colors.white))));
|
|
} else if (state is TestSetExecuteFinished) {
|
|
showDialog(
|
|
context: context,
|
|
barrierDismissible: true,
|
|
builder: (BuildContext context) {
|
|
return Victory(
|
|
victory: true,
|
|
);
|
|
});
|
|
}
|
|
}, builder: (context, state) {
|
|
executeBloc = BlocProvider.of<TestSetExecuteBloc>(context);
|
|
return ModalProgressHUD(
|
|
child: getExercises(executeBloc, context),
|
|
inAsyncCall: state is TestSetExecuteLoading,
|
|
opacity: 0.5,
|
|
color: Colors.black54,
|
|
progressIndicator: CircularProgressIndicator(),
|
|
);
|
|
}),
|
|
),
|
|
floatingActionButton: FloatingActionButton.extended(
|
|
onPressed: () => executeExercise(executeBloc, executeBloc.getNext(), context),
|
|
backgroundColor: Colors.orange[800],
|
|
icon: Icon(CustomIcon.weight_hanging),
|
|
label: Text(
|
|
t("Next"),
|
|
style: GoogleFonts.inter(fontWeight: FontWeight.bold, fontSize: 16),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget getExercises(TestSetExecuteBloc bloc, BuildContext context) {
|
|
return CustomScrollView(slivers: [
|
|
SliverList(delegate: SliverChildListDelegate(getTiles(bloc, context))),
|
|
]);
|
|
}
|
|
|
|
List<Widget> getTiles(TestSetExecuteBloc bloc, BuildContext context) {
|
|
List<Widget> tiles = List();
|
|
tiles.add(getStartTile(bloc));
|
|
tiles.addAll(getExerciseTiles(bloc, context));
|
|
tiles.add(getEndTile());
|
|
/* if (bloc.isDone100Percent()) {
|
|
tiles.add(Victory(
|
|
victory: true,
|
|
));
|
|
} */
|
|
return tiles;
|
|
}
|
|
|
|
Widget getStartTile(TestSetExecuteBloc bloc) {
|
|
return TimelineTile(
|
|
alignment: TimelineAlign.manual,
|
|
lineXY: 0.1,
|
|
isFirst: true,
|
|
afterLineStyle: const LineStyle(
|
|
color: Colors.orange,
|
|
thickness: 6,
|
|
),
|
|
indicatorStyle: IndicatorStyle(
|
|
width: 40,
|
|
color: Colors.orange,
|
|
padding: const EdgeInsets.all(8),
|
|
iconStyle: IconStyle(
|
|
color: Colors.white,
|
|
iconData: Icons.insert_emoticon,
|
|
),
|
|
),
|
|
endChild: Container(
|
|
padding: EdgeInsets.only(top: 30),
|
|
constraints: const BoxConstraints(
|
|
minHeight: 120,
|
|
),
|
|
color: Colors.transparent,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
style: GoogleFonts.inter(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.white,
|
|
),
|
|
children: [
|
|
TextSpan(
|
|
text: bloc.isFirst() ? t("Start") : t("Continue"),
|
|
style: GoogleFonts.inter(
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.yellow[400],
|
|
shadows: <Shadow>[
|
|
Shadow(
|
|
offset: Offset(5.0, 5.0),
|
|
blurRadius: 12.0,
|
|
color: Colors.black54,
|
|
),
|
|
Shadow(
|
|
offset: Offset(-3.0, 3.0),
|
|
blurRadius: 12.0,
|
|
color: Colors.black54,
|
|
),
|
|
],
|
|
)),
|
|
TextSpan(
|
|
text: t(" your ") + t(bloc.testType),
|
|
style: GoogleFonts.inter(
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.yellow[400],
|
|
shadows: <Shadow>[
|
|
Shadow(
|
|
offset: Offset(5.0, 5.0),
|
|
blurRadius: 12.0,
|
|
color: Colors.black54,
|
|
),
|
|
Shadow(
|
|
offset: Offset(-3.0, 3.0),
|
|
blurRadius: 12.0,
|
|
color: Colors.black54,
|
|
),
|
|
],
|
|
)),
|
|
TextSpan(
|
|
text: "\n",
|
|
style: GoogleFonts.inter(
|
|
fontSize: 16,
|
|
color: Colors.white,
|
|
)),
|
|
TextSpan(
|
|
text: bloc.testName == null ? "" : bloc.testName,
|
|
style: GoogleFonts.inter(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.white,
|
|
)),
|
|
TextSpan(
|
|
text: t("\nyour plan is available for 24 hours"),
|
|
style: GoogleFonts.inter(
|
|
fontSize: 16,
|
|
color: Colors.white,
|
|
))
|
|
])),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget getEndTile() {
|
|
return Container(
|
|
color: Colors.transparent,
|
|
child: TimelineTile(
|
|
alignment: TimelineAlign.manual,
|
|
lineXY: 0.1,
|
|
isLast: true,
|
|
beforeLineStyle: const LineStyle(
|
|
color: Colors.orange,
|
|
thickness: 6,
|
|
),
|
|
indicatorStyle: IndicatorStyle(
|
|
width: 40,
|
|
color: Colors.orange,
|
|
padding: const EdgeInsets.all(8),
|
|
iconStyle: IconStyle(
|
|
color: Colors.white,
|
|
iconData: Icons.thumb_up,
|
|
),
|
|
),
|
|
endChild: Container(
|
|
padding: EdgeInsets.only(top: 50),
|
|
constraints: const BoxConstraints(
|
|
minHeight: 120,
|
|
),
|
|
color: Colors.transparent,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
style: GoogleFonts.inter(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.white,
|
|
),
|
|
children: [
|
|
TextSpan(
|
|
text: "Finish!",
|
|
style: GoogleFonts.inter(
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.yellow[400],
|
|
shadows: <Shadow>[
|
|
Shadow(
|
|
offset: Offset(5.0, 5.0),
|
|
blurRadius: 12.0,
|
|
color: Colors.black54,
|
|
),
|
|
Shadow(
|
|
offset: Offset(-3.0, 3.0),
|
|
blurRadius: 12.0,
|
|
color: Colors.black54,
|
|
),
|
|
],
|
|
)),
|
|
])),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
List<Widget> getExerciseTiles(TestSetExecuteBloc bloc, BuildContext context) {
|
|
List<Widget> tiles = List();
|
|
if (bloc.exercisePlanDetails != null) {
|
|
bloc.exercisePlanDetails.forEach((element) {
|
|
if (element != null && element.exerciseTypeId != null) {
|
|
tiles.add(GestureDetector(
|
|
onDoubleTap: () => print("Execute ${element.exerciseType.nameTranslation}"),
|
|
onTap: () => executeExercise(bloc, element, context),
|
|
child: ExerciseTile(
|
|
bloc: bloc,
|
|
exercisePlanDetail: element,
|
|
)));
|
|
}
|
|
});
|
|
}
|
|
|
|
return tiles;
|
|
}
|
|
|
|
void executeExercise(TestSetExecuteBloc bloc, ExercisePlanDetail exercisePlanDetail, BuildContext context) {
|
|
ExercisePlanDetail next = bloc.getNext();
|
|
print("Detail: $next");
|
|
if (next != null) {
|
|
final HashMap args = HashMap();
|
|
args['exerciseType'] = exercisePlanDetail.exerciseType;
|
|
args['exercisePlanDetailId'] = exercisePlanDetail.exercisePlanDetailId;
|
|
args['testSetExecuteBloc'] = bloc;
|
|
String title = "";
|
|
String description = "";
|
|
String description2 = "";
|
|
if (next.exerciseTypeId != exercisePlanDetail.exerciseTypeId) {
|
|
title = t("Stop!");
|
|
description = t("Please continue with the next exercise in the queue:") + next.exerciseType.nameTranslation;
|
|
description2 = t("Or, you can redifine this exercise queue in the Compact Test menu");
|
|
} else {
|
|
if (exercisePlanDetail.state.equalsTo(ExercisePlanDetailState.inProgress)) {
|
|
final HashMap args = HashMap();
|
|
args['exerciseType'] = exercisePlanDetail.exerciseType;
|
|
args['exercisePlanDetail'] = exercisePlanDetail;
|
|
args['testSetExecuteBloc'] = bloc;
|
|
Navigator.of(context).pushNamed('testSetControl', arguments: args);
|
|
} else {
|
|
Navigator.of(context).pushNamed('testSetNew', arguments: args);
|
|
}
|
|
return;
|
|
}
|
|
|
|
showDialog(
|
|
context: context,
|
|
barrierDismissible: false,
|
|
builder: (BuildContext context) {
|
|
return DialogCommon(
|
|
title: title,
|
|
descriptions: description,
|
|
description2: description2,
|
|
text: "OK",
|
|
onTap: () => {Navigator.of(context).pop()},
|
|
onCancel: () => {Navigator.of(context).pop()},
|
|
);
|
|
});
|
|
} else {
|
|
Navigator.of(context).pushNamed('home');
|
|
}
|
|
}
|
|
}
|
|
|
|
// ignore: must_be_immutable
|
|
class ExerciseTile extends StatelessWidget with Trans {
|
|
final TestSetExecuteBloc bloc;
|
|
final ExercisePlanDetail exercisePlanDetail;
|
|
|
|
ExerciseTile({this.bloc, this.exercisePlanDetail});
|
|
|
|
Widget getIndicator(ExercisePlanDetailState state) {
|
|
ExercisePlanDetail next = bloc.getNext();
|
|
bool actual = false;
|
|
if (next != null) {
|
|
if (next.exerciseTypeId == exercisePlanDetail.exerciseTypeId) {
|
|
actual = true;
|
|
}
|
|
}
|
|
if (state.equalsTo(ExercisePlanDetailState.inProgress)) {
|
|
return ClipRRect(
|
|
borderRadius: BorderRadius.circular(24.0),
|
|
child: Container(
|
|
color: actual ? Colors.green : Colors.orange,
|
|
child: Icon(
|
|
CustomIcon.calendar_2,
|
|
size: 28,
|
|
color: Colors.white,
|
|
)));
|
|
} else if (state.equalsTo(ExercisePlanDetailState.finished)) {
|
|
return ClipRRect(
|
|
borderRadius: BorderRadius.circular(24.0),
|
|
child: Container(
|
|
color: Colors.white,
|
|
child: Icon(
|
|
CustomIcon.ok_circled,
|
|
size: 40,
|
|
color: Colors.green,
|
|
)));
|
|
} else {
|
|
return Image.asset(
|
|
"asset/image/pict_reps_volumen_db.png",
|
|
);
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final ExercisePlanDetailState state = exercisePlanDetail.state;
|
|
final bool done = state.equalsTo(ExercisePlanDetailState.finished);
|
|
final String countSerie = exercisePlanDetail.exercises == null ? "1" : (exercisePlanDetail.exercises.length).toString();
|
|
final String serie = exercisePlanDetail.exerciseType.unitQuantityUnit == null ? "/1" : "/4";
|
|
setContext(context);
|
|
return Container(
|
|
color: Colors.transparent,
|
|
child: TimelineTile(
|
|
alignment: TimelineAlign.manual,
|
|
lineXY: 0.1,
|
|
beforeLineStyle: const LineStyle(
|
|
color: Color(0xffb4f500),
|
|
thickness: 6,
|
|
),
|
|
afterLineStyle: const LineStyle(
|
|
color: Color(0xffb4f500),
|
|
thickness: 6,
|
|
),
|
|
indicatorStyle: IndicatorStyle(
|
|
width: 40,
|
|
height: 40,
|
|
indicator: getIndicator(state),
|
|
),
|
|
endChild: Container(
|
|
padding: EdgeInsets.only(left: 10),
|
|
child: Row(children: [
|
|
Container(
|
|
width: 120,
|
|
height: 80,
|
|
child: MenuImage(
|
|
imageName: bloc.getActualImageName(exercisePlanDetail.exerciseType.exerciseTypeId),
|
|
workoutTreeId: bloc.getActualWorkoutTreeId(exercisePlanDetail.exerciseType.exerciseTypeId),
|
|
)),
|
|
SizedBox(
|
|
width: 10,
|
|
),
|
|
Expanded(
|
|
child: RichText(
|
|
text: TextSpan(
|
|
style: GoogleFonts.inter(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.bold,
|
|
color: done ? Colors.grey[400] : Colors.white,
|
|
),
|
|
children: [
|
|
TextSpan(
|
|
text: exercisePlanDetail.exerciseType.nameTranslation,
|
|
style: GoogleFonts.inter(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.bold,
|
|
color: done ? Colors.grey[400] : Colors.orange[500],
|
|
shadows: <Shadow>[
|
|
Shadow(
|
|
offset: Offset(5.0, 5.0),
|
|
blurRadius: 12.0,
|
|
color: Colors.black54,
|
|
),
|
|
Shadow(
|
|
offset: Offset(-3.0, 3.0),
|
|
blurRadius: 12.0,
|
|
color: Colors.black54,
|
|
),
|
|
],
|
|
)),
|
|
exercisePlanDetail.exerciseType.unitQuantityUnit != null
|
|
? TextSpan(
|
|
text: "\n",
|
|
)
|
|
: TextSpan(),
|
|
exercisePlanDetail.exerciseType.unitQuantityUnit != null
|
|
? TextSpan(
|
|
text: t(exercisePlanDetail.exerciseType.unitQuantityUnit) + ": ",
|
|
style: GoogleFonts.inter(
|
|
fontSize: 12, color: done ? Colors.grey[100] : Colors.yellow[400], fontWeight: FontWeight.bold))
|
|
: TextSpan(),
|
|
exercisePlanDetail.exerciseType.unitQuantityUnit != null
|
|
? TextSpan(
|
|
text: t(bloc.getExerciseWeight(exercisePlanDetail)),
|
|
style: GoogleFonts.inter(
|
|
fontSize: 12,
|
|
))
|
|
: TextSpan(),
|
|
TextSpan(
|
|
text: "\n",
|
|
),
|
|
TextSpan(
|
|
text: t(exercisePlanDetail.exerciseType.unit) + ": ",
|
|
style: GoogleFonts.inter(
|
|
fontSize: 12, color: done ? Colors.grey[100] : Colors.yellow[400], fontWeight: FontWeight.bold)),
|
|
TextSpan(
|
|
text: bloc.repeatTimesText(exercisePlanDetail),
|
|
style: GoogleFonts.inter(
|
|
fontSize: 12,
|
|
)),
|
|
TextSpan(
|
|
text: "\n",
|
|
),
|
|
TextSpan(
|
|
text: t("Set") + ": ",
|
|
style: GoogleFonts.inter(
|
|
fontSize: 12, color: done ? Colors.grey[100] : Colors.yellow[400], fontWeight: FontWeight.bold)),
|
|
TextSpan(
|
|
text: countSerie + serie,
|
|
style: GoogleFonts.inter(
|
|
fontSize: 12,
|
|
)),
|
|
]),
|
|
)),
|
|
]),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|