125 lines
4.6 KiB
Dart
125 lines
4.6 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:stacked/stacked.dart';
|
|
import 'package:yimaru_app/ui/common/enmus.dart';
|
|
import 'package:yimaru_app/ui/views/learn_practice/screens/finish_learn_practice_screen.dart';
|
|
import 'package:yimaru_app/ui/views/learn_practice/screens/learn_loading_screen.dart';
|
|
import 'package:yimaru_app/ui/views/learn_practice/screens/learn_practice_completion_screen.dart';
|
|
import 'package:yimaru_app/ui/views/learn_practice/screens/learn_practice_result_screen.dart';
|
|
import 'package:yimaru_app/ui/views/learn_practice/screens/learn_practice_questions_screen.dart';
|
|
import 'package:yimaru_app/ui/views/learn_practice/screens/learn_practice_intro_screen.dart';
|
|
import 'package:yimaru_app/ui/widgets/page_loading_indicator.dart';
|
|
|
|
import '../../common/app_colors.dart';
|
|
import '../../widgets/cancel_learn_practice_sheet.dart';
|
|
import 'learn_practice_viewmodel.dart';
|
|
|
|
class LearnPracticeView extends StackedView<LearnPracticeViewModel> {
|
|
final int id;
|
|
final LearnPractices practice;
|
|
|
|
const LearnPracticeView({Key? key, required this.id, required this.practice})
|
|
: super(key: key);
|
|
|
|
Future<void> _cancel(LearnPracticeViewModel viewModel) async {
|
|
await viewModel.stopRecording();
|
|
viewModel.pop();
|
|
viewModel.pop();
|
|
}
|
|
|
|
Future<void> _showSheet(
|
|
{required BuildContext context,
|
|
required LearnPracticeViewModel viewModel}) async =>
|
|
await showModalBottomSheet(
|
|
context: context,
|
|
isScrollControlled: true,
|
|
backgroundColor: kcTransparent,
|
|
builder: (_) => _buildSheet(viewModel),
|
|
);
|
|
|
|
@override
|
|
void onViewModelReady(LearnPracticeViewModel viewModel) async {
|
|
await viewModel.getLearnPractices(id: id, practice: practice);
|
|
super.onViewModelReady(viewModel);
|
|
}
|
|
|
|
@override
|
|
LearnPracticeViewModel viewModelBuilder(BuildContext context) =>
|
|
LearnPracticeViewModel();
|
|
|
|
@override
|
|
Widget builder(
|
|
BuildContext context,
|
|
LearnPracticeViewModel viewModel,
|
|
Widget? child,
|
|
) =>
|
|
_buildPracticeScreensWrapper(context: context, viewModel: viewModel);
|
|
|
|
Widget _buildPracticeScreensWrapper(
|
|
{required BuildContext context,
|
|
required LearnPracticeViewModel viewModel}) =>
|
|
PopScope(
|
|
canPop: false,
|
|
onPopInvokedWithResult: (didPop, data) {
|
|
if (!didPop) {
|
|
Future.microtask(() async =>
|
|
await _showSheet(context: context, viewModel: viewModel));
|
|
}
|
|
},
|
|
child: _buildScaffoldWrapper(viewModel));
|
|
|
|
Widget _buildSheet(LearnPracticeViewModel viewModel) =>
|
|
CancelLearnPracticeSheet(
|
|
onClose: viewModel.pop,
|
|
onContinue: viewModel.pop,
|
|
user: viewModel.user?.firstName ?? '',
|
|
onCancel: () async => await _cancel(viewModel),
|
|
);
|
|
|
|
Widget _buildScaffoldWrapper(LearnPracticeViewModel viewModel) => Scaffold(
|
|
backgroundColor: kcBackgroundColor,
|
|
body: _buildBodyState(viewModel),
|
|
);
|
|
|
|
Widget _buildBodyState(LearnPracticeViewModel viewModel) =>
|
|
viewModel.busy(StateObjects.learnPractices)
|
|
? const PageLoadingIndicator()
|
|
: viewModel.practices.isEmpty || viewModel.questions.isEmpty
|
|
? _buildPageLoadingIndicator(viewModel)
|
|
: _buildBody(viewModel);
|
|
|
|
Widget _buildPageLoadingIndicator(LearnPracticeViewModel viewModel) =>
|
|
LearnLoadingScreen(
|
|
isLoading: viewModel.busy(StateObjects.learnPractices),
|
|
onTap: () async =>
|
|
await viewModel.getLearnPractices(id: id, practice: practice),
|
|
onPop: viewModel.practices.isEmpty || viewModel.questions.isEmpty
|
|
? viewModel.pop
|
|
: null,
|
|
isEmpty: viewModel.practices.isEmpty || viewModel.questions.isEmpty,
|
|
);
|
|
|
|
Widget _buildBody(LearnPracticeViewModel viewModel) => IndexedStack(
|
|
index: viewModel.currentPage, children: _buildScreens(viewModel));
|
|
|
|
List<Widget> _buildScreens(LearnPracticeViewModel viewModel) => [
|
|
_buildLearnPracticeIntroScreen(viewModel),
|
|
_buildLearnPracticeQuestionsScreen(viewModel),
|
|
_buildFinishLearnPracticeScreen(),
|
|
_buildLearnPracticeResultScreen(),
|
|
_buildLearnPracticeCompletionScreen()
|
|
];
|
|
|
|
Widget _buildLearnPracticeIntroScreen(LearnPracticeViewModel viewModel) =>
|
|
const LearnPracticeIntroScreen();
|
|
|
|
Widget _buildLearnPracticeQuestionsScreen(LearnPracticeViewModel viewModel) =>
|
|
const LearnPracticeQuestionsScreen();
|
|
|
|
Widget _buildFinishLearnPracticeScreen() => const FinishLearnPracticeScreen();
|
|
|
|
Widget _buildLearnPracticeResultScreen() => const LearnPracticeResultScreen();
|
|
|
|
Widget _buildLearnPracticeCompletionScreen() =>
|
|
const LearnPracticeCompletionScreen();
|
|
}
|