liangchengyou / wow_english

  import 'package:flutter/cupertino.dart';

  import 'package:flutter/material.dart';

  import 'package:flutter_bloc/flutter_bloc.dart';

  import 'package:flutter_screenutil/flutter_screenutil.dart';

  import 'package:nested_scroll_views/material.dart';

  import 'package:wow_english/common/core/user_util.dart';

  import 'package:wow_english/common/extension/string_extension.dart';

  import 'package:wow_english/models/course_unit_entity.dart';

  import 'package:wow_english/pages/section/section_type.dart';

  import 'package:wow_english/pages/section/widgets/home_video_item.dart';
  import 'package:wow_english/pages/section/widgets/section_bouns_item.dart';
  import 'package:wow_english/pages/section/widgets/section_header_widget.dart';

  import 'package:wow_english/route/route.dart';

  import 'package:wow_english/utils/toast_util.dart';

  import '../../models/course_section_entity.dart';
  import 'bloc/section_bloc.dart';

  import 'courese_module_model.dart';

  /// 环节列表页
  class SectionPage extends StatelessWidget {

    const SectionPage(
        {super.key,
        required this.courseUnitEntity,
        required this.courseUnitDetail});

    final CourseUnitEntity courseUnitEntity;
  
    /// unitId
    final CourseUnitDetail courseUnitDetail;

  
    @override
    Widget build(BuildContext context) {

      return BlocProvider(

        create: (context) => SectionBloc(courseUnitEntity, courseUnitDetail,
            PageController(), ScrollController())
          ..add(RequestDataEvent()),

        child: _SectionPageView(context),

      );
    }
  }
  

  class _SectionPageView extends StatelessWidget {
    const _SectionPageView(this.context);

  
    final BuildContext context;
  

    @override
    Widget build(BuildContext context) {

      final bloc = BlocProvider.of<SectionBloc>(context);
      return BlocListener<SectionBloc, SectionState>(

        listener: (context, state) {
          if (state is RequestVideoLessonState) {

            final videoUrl = bloc.processEntity?.videos?.videoUrl ?? '';

            var title = '';

            if (state.type == SectionType.song.value) {

              title = 'song';
            }
  

            if (state.type == SectionType.video.value) {

              title = 'video';
            }
  

            if (state.type == SectionType.bouns.value) {

              title = 'bonus';
            }

            if (videoUrl.isEmpty || !videoUrl.contains('http')) {
              return;
            }

            pushNamed(AppRouteName.lookVideo, arguments: {
              'videoUrl': videoUrl,
              'title': title,

              'courseLessonId': state.courseLessonId,
              'isTopic': true

            }).then((value) {

              if (value != null) {

                Map<String, dynamic> dataMap = value as Map<String, dynamic>;
                bloc.add(RequestEndClassEvent(dataMap['courseLessonId']!, '0',
                    dataMap['currentTime']!, autoNextSection: dataMap['nextSection'] as bool));

              }
            });
            return;
          }
  
          if (state is RequestEnterClassState) {

            if (state.courseType != SectionType.practice.value
                && state.courseType != SectionType.pictureBook.value) {

              ///视频类型

              ///获取视频课程内容

              bloc.add(RequestVideoLessonEvent(
                  state.courseLessonId, state.courseType));

              return;
            }
  

            if (state.courseType == SectionType.pictureBook.value) {

              //绘本
              pushNamed(AppRouteName.reading,
                      arguments: {'courseLessonId': state.courseLessonId})
                  .then((value) {

                if (value != null) {

                  Map<String, String> dataMap = value as Map<String, String>;

                  bloc.add(RequestExitClassEvent(

                      dataMap['courseLessonId']!, dataMap['currentStep']!, '0'));

                }
              });
              return;
            }
  

            if (state.courseType == SectionType.practice.value) {

              //练习
              pushNamed(AppRouteName.topicPic,
                      arguments: {'courseLessonId': state.courseLessonId})
                  .then((value) {

                if (value != null) {

                  Map<String, String> dataMap = value as Map<String, String>;

                  bloc.add(RequestExitClassEvent(

                      dataMap['courseLessonId']!, dataMap['currentStep']!, '0'));

                }
              });

              return;
            }

          }
        },

        child: _sectionView(),

      );
    }

    Widget _sectionView() =>

        BlocBuilder<SectionBloc, SectionState>(builder: (context, state) {
          final bloc = BlocProvider.of<SectionBloc>(context);

          return Scaffold(
            body: Container(
              color: Colors.white,
              child: Center(
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [

                    SectionHeaderWidget(
                        title: bloc.courseUnitDetail.name,
                        courseModuleCode: bloc.courseUnitEntity.courseModuleCode),

                    Expanded(

                        child: Padding(
                      padding: EdgeInsets.symmetric(horizontal: 10.w),
                      child: OverflowBox(
                        child: NestedPageView.builder(
                            itemCount: bloc.unlockPageCount(),
                            controller: bloc.pageController,
                            onPageChanged: (int index) {
                              bloc.add(CurrentUnitIndexChangeEvent(index));
                            },
                            itemBuilder: (context, index) {
                              return ScrollConfiguration(
                                ///去掉 Android 上默认的边缘拖拽效果
                                behavior: ScrollConfiguration.of(context)
                                    .copyWith(overscroll: false),
                                child: _itemTransCard(index, context),
                              );
                            }),
                      ), // 设置外部padding,
                    )),
                    SafeArea(
                      child: Padding(
                        padding: EdgeInsets.symmetric(horizontal: 13.w),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            SizedBox(
                              height: 47.h,
                              width: 80.w,
                            ),
                            Container(
                              decoration: BoxDecoration(
                                color: CourseModuleModel(
                                        bloc.courseUnitEntity.courseModuleCode ??
                                            'Phase-1')
                                    .color,
                                borderRadius: BorderRadius.circular(14.5.r),
                              ),
                              padding: EdgeInsets.symmetric(
                                  vertical: 8.h, horizontal: 24.w),
                              child: Text(
                                '${bloc.currentPage + 1}/${bloc.unlockPageCount()}',
                                style: TextStyle(
                                    color: Colors.white, fontSize: 12.sp),
                              ),
                            ),
                            Image.asset(
                              CourseModuleModel(
                                      bloc.courseUnitEntity.courseModuleCode ??
                                          'Phase-1')
                                  .courseModuleLogo
                                  .assetPng,
                              height: 47.h,
                              width: 80.w,
                              // color: Colors.red,
                            ),
                          ],
                        ),
                      ),
                    )

                  ],
                ),
              ),

            ),

          );
        });

  }

  
  Widget _itemTransCard(int index, BuildContext context) {
    final bloc = BlocProvider.of<SectionBloc>(context);
    return NestedListView.builder(
        itemCount: bloc.courseSectionDatas?.length ?? 0,
        scrollDirection: Axis.horizontal,
        itemBuilder: (BuildContext context, int index) {
          CourseSectionEntity sectionData = bloc.courseSectionDatas![index];

          if (sectionData.courseType == SectionType.bouns.value) {

            //彩蛋
            return GestureDetector(
              onTap: () {
                if (!UserUtil.isLogined()) {
                  pushNamed(AppRouteName.login);
                  return;
                }
                if (sectionData.lock == true) {
                  showToast('当前课程暂未解锁');
                  return;
                }
  
                ///进入课堂
                bloc.add(RequestEnterClassEvent(
                    sectionData.id.toString(), sectionData.courseType));
              },
              child: SectionBoundsItem(
                imageUrl: sectionData.coverUrl,
              ),
            );
          } else {
            return GestureDetector(
              onTap: () {
                if (!UserUtil.isLogined()) {
                  pushNamed(AppRouteName.login);
                  return;
                }
                if (sectionData.lock == true) {
                  showToast('当前课程暂未解锁');
                  return;
                }
  
                ///进入课堂
                bloc.add(RequestEnterClassEvent(
                    sectionData.id.toString(), sectionData.courseType));
              },
              child: SectionVideoItem(
                unitEntity: bloc.courseUnitEntity,
                lessons: sectionData,
              ),
            );
          }
        });
  }