diff --git a/assets/fonts/dinokids.ttf b/assets/fonts/dinokids.ttf new file mode 100644 index 0000000..968f36d Binary files /dev/null and b/assets/fonts/dinokids.ttf differ diff --git a/assets/images/current_level.png b/assets/images/current_level.png new file mode 100644 index 0000000..ac3cbcd Binary files /dev/null and b/assets/images/current_level.png differ diff --git a/assets/images/done_rounded.svg b/assets/images/done_rounded.svg new file mode 100644 index 0000000..941246e --- /dev/null +++ b/assets/images/done_rounded.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/finished_level.png b/assets/images/finished_level.png new file mode 100644 index 0000000..89cb246 Binary files /dev/null and b/assets/images/finished_level.png differ diff --git a/assets/images/home_button.png b/assets/images/home_button.png new file mode 100644 index 0000000..6044958 Binary files /dev/null and b/assets/images/home_button.png differ diff --git a/assets/images/level.png b/assets/images/level.png new file mode 100644 index 0000000..f6a88ec Binary files /dev/null and b/assets/images/level.png differ diff --git a/assets/images/location.svg b/assets/images/location.svg new file mode 100644 index 0000000..09f09b4 --- /dev/null +++ b/assets/images/location.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/assets/images/map_background.png b/assets/images/map_background.png new file mode 100644 index 0000000..e033ac9 Binary files /dev/null and b/assets/images/map_background.png differ diff --git a/assets/images/play.svg b/assets/images/play.svg new file mode 100644 index 0000000..3b5b9da --- /dev/null +++ b/assets/images/play.svg @@ -0,0 +1,62 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/lib/common_ui/resources/my_assets.dart b/lib/common_ui/resources/my_assets.dart index aafeaa3..862e6a3 100644 --- a/lib/common_ui/resources/my_assets.dart +++ b/lib/common_ui/resources/my_assets.dart @@ -17,7 +17,7 @@ class MyAssets { static const String language = 'assets/images/language.svg'; static const String newHorizon = 'assets/images/new_horizon.svg'; static const String khadijeLogo = 'assets/images/khadije_logo.png'; - static const String home = 'assets/images/home.svg'; + static const String home = 'assets/images/level.svg'; static const String music = 'assets/images/music.svg'; static const String pattern = 'assets/images/pattern.png'; static const String persons = 'assets/images/persons.png'; @@ -28,4 +28,12 @@ class MyAssets { static const String correct = 'assets/images/correct.svg'; static const String wrong = 'assets/images/wrong.svg'; static const String handPoint = 'assets/images/hand_point.svg'; + static const String mapBackground = 'assets/images/map_background.png'; + static const String level = 'assets/images/level.png'; + static const String finishedLevel = 'assets/images/finished_level.png'; + static const String currentLevel = 'assets/images/current_level.png'; + static const String location = 'assets/images/location.svg'; + static const String play = 'assets/images/play.svg'; + static const String homeButton = 'assets/images/home_button.png'; + static const String doneRounded = 'assets/images/done_rounded.svg'; } \ No newline at end of file diff --git a/lib/common_ui/resources/my_text_style.dart b/lib/common_ui/resources/my_text_style.dart index 4ce69d5..34c9b7a 100644 --- a/lib/common_ui/resources/my_text_style.dart +++ b/lib/common_ui/resources/my_text_style.dart @@ -5,11 +5,18 @@ class MyTextStyle { const MyTextStyle._internal(); factory MyTextStyle() => _i; - static const String fontFamily = ''; + static const String fontFamily = 'dinokids'; - static const TextStyle lightXS = TextStyle( - fontFamily: fontFamily, - fontSize: 10, - fontWeight: FontWeight.w400, + static const TextStyle normal = TextStyle( + fontFamily: fontFamily, + fontSize: 26, + fontWeight: FontWeight.w400, + shadows: [ + Shadow( + color: Color(0XFF5B5B5B), + blurRadius: 2.86, + offset: Offset(0, 2), + ), + ] ); } diff --git a/lib/core/params/level_params.dart b/lib/core/params/level_params.dart new file mode 100644 index 0000000..1e885f8 --- /dev/null +++ b/lib/core/params/level_params.dart @@ -0,0 +1,13 @@ +class LevelParams { + int? id; + + LevelParams({this.id}); + + LevelParams copyWith({ + int? id, + }) { + return LevelParams( + id: id ?? this.id, + ); + } +} diff --git a/lib/core/routers/my_routes.dart b/lib/core/routers/my_routes.dart index 55f4ca7..b69981b 100644 --- a/lib/core/routers/my_routes.dart +++ b/lib/core/routers/my_routes.dart @@ -3,6 +3,8 @@ import 'package:go_router/go_router.dart'; import 'package:hadi_hoda_flutter/core/utils/context_provider.dart'; import 'package:hadi_hoda_flutter/features/intro/presentation/bloc/intro_bloc.dart'; import 'package:hadi_hoda_flutter/features/intro/presentation/ui/intro_page.dart'; +import 'package:hadi_hoda_flutter/features/level/presentation/bloc/level_bloc.dart'; +import 'package:hadi_hoda_flutter/features/level/presentation/ui/level_page.dart'; import 'package:hadi_hoda_flutter/features/question/presentation/bloc/question_bloc.dart'; import 'package:hadi_hoda_flutter/features/question/presentation/ui/question_page.dart'; import 'package:hadi_hoda_flutter/init_bindings.dart'; @@ -14,10 +16,11 @@ class Routes { static const String introPage = '/intro_page'; static const String questionPage = '/question_page'; + static const String levelPage = '/level_page'; } GoRouter get appPages => GoRouter( - initialLocation: Routes.introPage, + initialLocation: Routes.levelPage, navigatorKey: ContextProvider.navigatorKey, routes: [ GoRoute( @@ -28,6 +31,14 @@ GoRouter get appPages => GoRouter( child: const IntroPage(), ), ), + GoRoute( + name: Routes.levelPage, + path: Routes.levelPage, + builder: (context, state) => BlocProvider( + create: (context) => LevelBloc(locator()), + child: const LevelPage(), + ), + ), GoRoute( name: Routes.questionPage, path: Routes.questionPage, diff --git a/lib/core/widgets/answer_box/styles/text_box.dart b/lib/core/widgets/answer_box/styles/text_box.dart index c636cfa..85c7aa8 100644 --- a/lib/core/widgets/answer_box/styles/text_box.dart +++ b/lib/core/widgets/answer_box/styles/text_box.dart @@ -8,7 +8,7 @@ class AnswerTextBox extends StatelessWidget { @override Widget build(BuildContext context) { return ClipPath( - clipper: _WavyBannerClipper(), + clipper: WavyBannerClipper(), child: Container( padding: EdgeInsets.all(MySpaces.s10), decoration: BoxDecoration( @@ -35,7 +35,7 @@ class AnswerTextBox extends StatelessWidget { } } -class _WavyBannerClipper extends CustomClipper { +class WavyBannerClipper extends CustomClipper { @override Path getClip(Size size) { final sx = size.width / 480.0; diff --git a/lib/features/level/data/datasource/level_datasource.dart b/lib/features/level/data/datasource/level_datasource.dart new file mode 100644 index 0000000..ec1f645 --- /dev/null +++ b/lib/features/level/data/datasource/level_datasource.dart @@ -0,0 +1,28 @@ +import 'package:hadi_hoda_flutter/core/constants/my_api.dart'; +import 'package:hadi_hoda_flutter/core/network/http_request.dart'; +import 'package:hadi_hoda_flutter/core/params/level_params.dart'; +import 'package:hadi_hoda_flutter/core/response/base_response.dart'; +import 'package:hadi_hoda_flutter/features/level/data/model/level_model.dart'; +import 'package:hadi_hoda_flutter/features/level/domain/entity/level_entity.dart'; + +abstract class ILevelDatasource { + Future getData({required LevelParams params}); +} + +class LevelDatasourceImpl implements ILevelDatasource { + final IHttpRequest httpRequest; + + const LevelDatasourceImpl(this.httpRequest); + + @override + Future getData({required LevelParams params}) async { + final response = await httpRequest.get( + path: MyApi.baseUrl, + ); + + return BaseResponse.getData( + response?['data'], + (json) => LevelModel.fromJson(json), + ); + } +} diff --git a/lib/features/level/data/model/level_model.dart b/lib/features/level/data/model/level_model.dart new file mode 100644 index 0000000..1d3fb5f --- /dev/null +++ b/lib/features/level/data/model/level_model.dart @@ -0,0 +1,13 @@ +import 'package:hadi_hoda_flutter/features/level/domain/entity/level_entity.dart'; + +class LevelModel extends LevelEntity { + const LevelModel({ + super.id, + }); + + factory LevelModel.fromJson(Map json) { + return LevelModel( + id: json['id'], + ); + } +} diff --git a/lib/features/level/data/repository_impl/level_repository_impl.dart b/lib/features/level/data/repository_impl/level_repository_impl.dart new file mode 100644 index 0000000..6673644 --- /dev/null +++ b/lib/features/level/data/repository_impl/level_repository_impl.dart @@ -0,0 +1,29 @@ +import 'package:hadi_hoda_flutter/core/params/level_params.dart'; +import 'package:flutter/foundation.dart'; +import 'package:hadi_hoda_flutter/core/error_handler/my_exception.dart'; +import 'package:hadi_hoda_flutter/core/utils/data_state.dart'; +import 'package:hadi_hoda_flutter/features/level/data/datasource/level_datasource.dart'; +import 'package:hadi_hoda_flutter/features/level/domain/entity/level_entity.dart'; +import 'package:hadi_hoda_flutter/features/level/domain/repository/level_repository.dart'; + +class LevelRepositoryImpl implements ILevelRepository { + final ILevelDatasource datasource; + + const LevelRepositoryImpl(this.datasource); + + @override + Future> getData({required LevelParams params}) async { + try { + final LevelEntity response = await datasource.getData(params: params); + return DataState.success(response); + } on MyException catch (e) { + return DataState.error(e); + } catch (e) { + if (kDebugMode) { + rethrow; + } else { + return DataState.error(MyException(errorMessage: '$e')); + } + } + } +} diff --git a/lib/features/level/domain/entity/level_entity.dart b/lib/features/level/domain/entity/level_entity.dart new file mode 100644 index 0000000..4b4616b --- /dev/null +++ b/lib/features/level/domain/entity/level_entity.dart @@ -0,0 +1,14 @@ +import 'package:equatable/equatable.dart'; + +class LevelEntity extends Equatable { + final int? id; + + const LevelEntity({ + this.id, + }); + + @override + List get props => [ + id, + ]; +} diff --git a/lib/features/level/domain/entity/level_location.dart b/lib/features/level/domain/entity/level_location.dart new file mode 100644 index 0000000..330e984 --- /dev/null +++ b/lib/features/level/domain/entity/level_location.dart @@ -0,0 +1,15 @@ +class MissionLocation { + final int? index; + final double? top; + final double? bottom; + final double? right; + final double? left; + + const MissionLocation({ + this.index, + this.top, + this.bottom, + this.right, + this.left, + }); +} diff --git a/lib/features/level/domain/repository/level_repository.dart b/lib/features/level/domain/repository/level_repository.dart new file mode 100644 index 0000000..8d9b560 --- /dev/null +++ b/lib/features/level/domain/repository/level_repository.dart @@ -0,0 +1,8 @@ +import 'package:hadi_hoda_flutter/core/error_handler/my_exception.dart'; +import 'package:hadi_hoda_flutter/core/params/level_params.dart'; +import 'package:hadi_hoda_flutter/core/utils/data_state.dart'; +import 'package:hadi_hoda_flutter/features/level/domain/entity/level_entity.dart'; + +abstract class ILevelRepository { + Future> getData({required LevelParams params}); +} diff --git a/lib/features/level/domain/usecases/get_level_usecase.dart b/lib/features/level/domain/usecases/get_level_usecase.dart new file mode 100644 index 0000000..76e4caf --- /dev/null +++ b/lib/features/level/domain/usecases/get_level_usecase.dart @@ -0,0 +1,17 @@ +import 'package:hadi_hoda_flutter/core/error_handler/my_exception.dart'; +import 'package:hadi_hoda_flutter/core/params/level_params.dart'; +import 'package:hadi_hoda_flutter/core/usecase/usecase.dart'; +import 'package:hadi_hoda_flutter/core/utils/data_state.dart'; +import 'package:hadi_hoda_flutter/features/level/domain/entity/level_entity.dart'; +import 'package:hadi_hoda_flutter/features/level/domain/repository/level_repository.dart'; + +class GetLevelUseCase implements UseCase { + final ILevelRepository repository; + + const GetLevelUseCase(this.repository); + + @override + Future> call(LevelParams params) { + return repository.getData(params: params); + } +} diff --git a/lib/features/level/presentation/bloc/level_bloc.dart b/lib/features/level/presentation/bloc/level_bloc.dart new file mode 100644 index 0000000..b19ba7f --- /dev/null +++ b/lib/features/level/presentation/bloc/level_bloc.dart @@ -0,0 +1,67 @@ +import 'dart:async'; +import 'package:bloc/bloc.dart'; +import 'package:hadi_hoda_flutter/core/status/base_status.dart'; +import 'package:hadi_hoda_flutter/features/level/domain/entity/level_entity.dart'; +import 'package:hadi_hoda_flutter/features/level/domain/entity/level_location.dart'; +import 'package:hadi_hoda_flutter/features/level/domain/usecases/get_level_usecase.dart'; +import 'package:hadi_hoda_flutter/features/level/presentation/bloc/level_event.dart'; +import 'package:hadi_hoda_flutter/features/level/presentation/bloc/level_state.dart'; + +class LevelBloc extends Bloc { + /// ------------constructor------------ + LevelBloc( + this._getLevelUseCase, + ) : super(const LevelState()) { + on(_getLevelEvent); + } + + /// ------------UseCases------------ + final GetLevelUseCase _getLevelUseCase; + + /// ------------Variables------------ + final List bottomLocationList = [ + MissionLocation(bottom: -30, left: 30, index: 1), + MissionLocation(bottom: 50, left: 100, index: 2), + MissionLocation(bottom: 150, left: 60, index: 3), + MissionLocation(bottom: 210, left: 120, index: 4), + MissionLocation(bottom: 250, right: 60, index: 5), + MissionLocation(top: 170, right: 40, index: 6), + MissionLocation(top: 70, right: 70, index: 7), + MissionLocation(top: -20, right: 70, index: 8), + ]; + + final List topLocationList = [ + MissionLocation(bottom: 30, right: 80, index: 9), + MissionLocation(bottom: 70, left: 20, index: 10), + MissionLocation(bottom: 150, left: 50, index: 11), + MissionLocation(bottom: 180, left: 140, index: 12), + MissionLocation(bottom: 260, right: 20, index: 13), + MissionLocation(bottom: 370, right: 30, index: 14), + MissionLocation(bottom: 420, left: 40, index: 15), + MissionLocation(top: 410, left: 0, index: 16), + MissionLocation(top: 320, left: 60, index: 17), + MissionLocation(top: 220, left: 80, index: 18), + MissionLocation(top: 130, left: 20, index: 19), + MissionLocation(top: 50, left: 70, index: 20), + ]; + + /// ------------Controllers------------ + + /// ------------Functions------------ + + /// ------------Api Calls------------ + FutureOr _getLevelEvent(event, emit) async { + await _getLevelUseCase(event.levelParams).then( + (value) { + value.fold( + (data) { + emit(state.copyWith(getLevelStatus: BaseComplete(data))); + }, + (error) { + emit(state.copyWith(getLevelStatus: BaseError(error.errorMessage))); + }, + ); + }, + ); + } +} diff --git a/lib/features/level/presentation/bloc/level_event.dart b/lib/features/level/presentation/bloc/level_event.dart new file mode 100644 index 0000000..231b8ad --- /dev/null +++ b/lib/features/level/presentation/bloc/level_event.dart @@ -0,0 +1,5 @@ +sealed class LevelEvent { + const LevelEvent(); +} + +class GetLevelEvent extends LevelEvent {} diff --git a/lib/features/level/presentation/bloc/level_state.dart b/lib/features/level/presentation/bloc/level_state.dart new file mode 100644 index 0000000..4ecb07c --- /dev/null +++ b/lib/features/level/presentation/bloc/level_state.dart @@ -0,0 +1,15 @@ +import 'package:hadi_hoda_flutter/core/status/base_status.dart'; + +class LevelState { + final BaseStatus getLevelStatus; + + const LevelState({this.getLevelStatus = const BaseInit()}); + + LevelState copyWith({ + BaseStatus? getLevelStatus, + }) { + return LevelState( + getLevelStatus: getLevelStatus ?? this.getLevelStatus, + ); + } +} diff --git a/lib/features/level/presentation/ui/level_page.dart b/lib/features/level/presentation/ui/level_page.dart new file mode 100644 index 0000000..2c86672 --- /dev/null +++ b/lib/features/level/presentation/ui/level_page.dart @@ -0,0 +1,124 @@ +import 'package:flutter/material.dart'; +import 'package:flutter_bloc/flutter_bloc.dart'; +import 'package:hadi_hoda_flutter/common_ui/resources/my_assets.dart'; +import 'package:hadi_hoda_flutter/common_ui/resources/my_spaces.dart'; +import 'package:hadi_hoda_flutter/core/utils/my_image.dart'; +import 'package:hadi_hoda_flutter/core/utils/screen_size.dart'; +import 'package:hadi_hoda_flutter/features/level/presentation/bloc/level_bloc.dart'; +import 'package:hadi_hoda_flutter/features/level/presentation/ui/widgets/bottom_path.dart'; +import 'package:hadi_hoda_flutter/features/level/presentation/ui/widgets/hint_level_widget.dart'; +import 'package:hadi_hoda_flutter/features/level/presentation/ui/widgets/level_widget.dart'; +import 'package:hadi_hoda_flutter/features/level/presentation/ui/widgets/top_path.dart'; + +class LevelPage extends StatelessWidget { + const LevelPage({super.key}); + + @override + Widget build(BuildContext context) { + return Scaffold( + body: Stack( + children: [ + SingleChildScrollView( + child: Stack( + alignment: Alignment.center, + children: [ + _background(), + _topPath(context), + _bottomPath(context), + ], + ), + ), + _topButtons(context), + _hintMission(context) + ], + ), + ); + } + + Positioned _hintMission(BuildContext context) { + return Positioned( + bottom: MediaQuery.viewPaddingOf(context).bottom, + right: MySpaces.s16, + left: MySpaces.s16, + child: HintLevelWidget(), + ); + } + + Positioned _topButtons(BuildContext context) { + return Positioned( + left: MySpaces.s16, + right: MySpaces.s16, + top: MediaQuery.viewPaddingOf(context).top, + child: Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + MyImage( + image: MyAssets.homeButton, + ), + MyImage( + image: MyAssets.musicOn, + ), + ], + ), + ); + } + + MyImage _background() { + return MyImage(image: MyAssets.mapBackground, fit: BoxFit.cover); + } + + Positioned _topPath(BuildContext context) { + return Positioned( + top: context.heightScreen * 0.16, + left: context.widthScreen * 0.15, + child: Stack( + children: [ + TopPath( + height: 950, + width: context.widthScreen * 0.6, + ), + ...List.generate( + context.read().topLocationList.length, + (index) => Positioned( + top: context.read().topLocationList[index].top, + bottom: context.read().topLocationList[index].bottom, + right: context.read().topLocationList[index].right, + left: context.read().topLocationList[index].left, + child: LevelWidget( + index: context.read().topLocationList[index].index ?? 0, + ), + ), + ), + ], + ), + ); + } + + Positioned _bottomPath(BuildContext context) { + return Positioned( + bottom: context.heightScreen * 0.18, + left: context.widthScreen * 0.2, + child: Stack( + clipBehavior: Clip.none, + children: [ + BottomPath( + width: context.widthScreen * 0.75, + height: context.heightScreen * 0.6, + ), + ...List.generate( + context.read().bottomLocationList.length, + (index) => Positioned( + top: context.read().bottomLocationList[index].top, + bottom: context.read().bottomLocationList[index].bottom, + right: context.read().bottomLocationList[index].right, + left: context.read().bottomLocationList[index].left, + child: LevelWidget( + index: context.read().bottomLocationList[index].index ?? 0, + ), + ), + ), + ], + ), + ); + } +} diff --git a/lib/features/level/presentation/ui/widgets/bottom_path.dart b/lib/features/level/presentation/ui/widgets/bottom_path.dart new file mode 100644 index 0000000..cb2d5a5 --- /dev/null +++ b/lib/features/level/presentation/ui/widgets/bottom_path.dart @@ -0,0 +1,87 @@ +import 'package:flutter/material.dart'; +import 'package:path_drawing/path_drawing.dart'; + +class BottomPath extends StatelessWidget { + const BottomPath({ + super.key, + this.width = 500, + this.height = 1523, + this.color = Colors.white, + }); + + final double width; + final double height; + final Color color; + + @override + Widget build(BuildContext context) { + return CustomPaint( + painter: _Path(color), + size: Size( + width, + height, + ), // or Size.infinite inside a parent with constraints + ); + } +} + +class _Path extends CustomPainter { + _Path(this.color); + + final Color color; + + // SVG viewBox + static const double _vbW = 500; + static const double _vbH = 1523; + + // Your SVG path data (unchanged) + static const String _svgPath = + 'M1.95892 1520.75C1.95892 1520.75 199.206 1423.63 169.156 1328.9C143.058 1246.63 30.8103 1281.9 15.4421 1225.27C-11.9488 1124.33 48.5736 1164.01 42.795 1033.8C38.5466 938.07 154.913 925.725 219.623 855.048C286.233 782.296 385.022 821.209 446.532 744.097C516.262 656.681 493.917 461.712 493.917 461.712C493.917 461.712 440.122 333.473 428.04 246.36C414.846 151.222 436.901 0.572754 436.901 0.572754'; + + @override + void paint(Canvas canvas, Size size) { + // Scale SVG viewBox -> current canvas while preserving aspect + final scale = _scaleToFit( + srcW: _vbW, + srcH: _vbH, + dstW: size.width, + dstH: size.height, + ); + canvas.translate( + (size.width - _vbW * scale) / 2, + (size.height - _vbH * scale) / 2, + ); + canvas.scale(scale); + + // Parse and dash the path + final path = parseSvgPathData(_svgPath); + final dashed = dashPath( + path, + dashArray: CircularIntervalList(const [3.08, 13.1]), + ); + + // Stroke paint + final paint = Paint() + ..style = PaintingStyle.stroke + ..strokeWidth = 4.62295 + ..color = color + ..strokeCap = StrokeCap.butt + ..strokeJoin = StrokeJoin.miter; + + canvas.drawPath(dashed, paint); + } + + double _scaleToFit({ + required double srcW, + required double srcH, + required double dstW, + required double dstH, + }) { + final sx = dstW / srcW; + final sy = dstH / srcH; + return sx < sy ? sx : sy; // contain + } + + @override + bool shouldRepaint(covariant _Path oldDelegate) => oldDelegate.color != color; +} diff --git a/lib/features/level/presentation/ui/widgets/hint_level_widget.dart b/lib/features/level/presentation/ui/widgets/hint_level_widget.dart new file mode 100644 index 0000000..0ddb472 --- /dev/null +++ b/lib/features/level/presentation/ui/widgets/hint_level_widget.dart @@ -0,0 +1,62 @@ +import 'package:flutter/material.dart'; +import 'package:google_fonts/google_fonts.dart'; +import 'package:hadi_hoda_flutter/common_ui/resources/my_assets.dart'; +import 'package:hadi_hoda_flutter/common_ui/resources/my_spaces.dart'; +import 'package:hadi_hoda_flutter/core/utils/my_image.dart'; +import 'package:hadi_hoda_flutter/core/utils/screen_size.dart'; +import 'package:hadi_hoda_flutter/core/widgets/answer_box/styles/text_box.dart'; + +class HintLevelWidget extends StatelessWidget { + const HintLevelWidget({super.key}); + + @override + Widget build(BuildContext context) { + return ClipPath( + clipper: WavyBannerClipper(), + child: Container( + width: context.widthScreen, + padding: EdgeInsets.symmetric(horizontal: 14, vertical: 16), + decoration: BoxDecoration( + gradient: LinearGradient( + begin: Alignment.bottomCenter, + end: Alignment.topCenter, + colors: [Color(0XFFCADCFF), Color(0XFFFFFFFF)], + ), + ), + child: Row( + children: [ + Expanded( + child: Column( + mainAxisSize: MainAxisSize.min, + crossAxisAlignment: CrossAxisAlignment.start, + spacing: MySpaces.s8, + children: [ + Text( + 'Step 3', + style: GoogleFonts.marhey( + fontSize: 14, + fontWeight: FontWeight.w700, + color: Color(0xFFD8490B), + ), + ), + Text( + 'Toothbrushing etiquette every day', + maxLines: 3, + overflow: TextOverflow.ellipsis, + style: GoogleFonts.marhey( + fontSize: 18, + fontWeight: FontWeight.w600, + color: Color(0xFF322386), + height: 1, + ), + ), + ], + ), + ), + MyImage(image: MyAssets.play, size: 70), + ], + ), + ), + ); + } +} diff --git a/lib/features/level/presentation/ui/widgets/level_widget.dart b/lib/features/level/presentation/ui/widgets/level_widget.dart new file mode 100644 index 0000000..821bd75 --- /dev/null +++ b/lib/features/level/presentation/ui/widgets/level_widget.dart @@ -0,0 +1,72 @@ +import 'package:flutter/material.dart'; +import 'package:hadi_hoda_flutter/common_ui/resources/my_assets.dart'; +import 'package:hadi_hoda_flutter/common_ui/resources/my_text_style.dart'; +import 'package:hadi_hoda_flutter/common_ui/theme/my_theme.dart'; +import 'package:hadi_hoda_flutter/core/utils/my_image.dart'; + +enum LevelType { + unFinished, + finished, + current; + + static Map get image => { + LevelType.unFinished: MyAssets.level, + LevelType.finished: MyAssets.finishedLevel, + LevelType.current: MyAssets.currentLevel, + }; +} + +class LevelWidget extends StatelessWidget { + const LevelWidget({super.key, required this.index, this.type}); + + final int index; + final LevelType? type; + + @override + Widget build(BuildContext context) { + return Stack( + alignment: Alignment.topCenter, + clipBehavior: Clip.none, + children: [ + MyImage(image: LevelType.image[type] ?? MyAssets.level, size: 46), + Text( + '$index', + style: MyTextStyle.normal.copyWith(color: context.primaryColor), + ), + if(type == LevelType.current) + Positioned( + top: -20, + child: MyImage( + image: MyAssets.location, + size: 26, + ), + ), + if(type == LevelType.finished) + Positioned( + bottom: 0, + child: Container( + height: 17, + width: 17, + padding: EdgeInsets.all(3), + decoration: BoxDecoration( + shape: BoxShape.circle, + border: Border.all( + width: 1, + color: Color(0XFF3CFF3C), + ), + gradient: LinearGradient( + begin: Alignment.topCenter, + end: Alignment.bottomCenter, + colors: [ + Color(0XFF48D336), + Color(0XFF2D7C23), + ], + ), + ), + child: MyImage(image: MyAssets.doneRounded), + ), + ), + ], + ); + } +} diff --git a/lib/features/level/presentation/ui/widgets/top_path.dart b/lib/features/level/presentation/ui/widgets/top_path.dart new file mode 100644 index 0000000..c6a24bc --- /dev/null +++ b/lib/features/level/presentation/ui/widgets/top_path.dart @@ -0,0 +1,99 @@ +import 'package:flutter/material.dart'; +import 'package:path_drawing/path_drawing.dart'; + +class TopPath extends StatelessWidget { + const TopPath({ + super.key, + this.width = 604, + this.height = 2651, + this.color = Colors.white, + }); + + final double width; + final double height; + final Color color; + + @override + Widget build(BuildContext context) { + return CustomPaint( + size: Size(width, height), + painter: _Path(color: color), + isComplex: true, + willChange: false, + ); + } +} + +class _Path extends CustomPainter { + _Path({required this.color}); + + final Color color; + + // SVG viewBox + static const double _vbW = 604.0; + static const double _vbH = 2651.0; + + // SVG stroke styling + static const double _strokeWidth = 4.62295; + static const List _dashPattern = [3.08, 13.1]; + + // The original SVG "d" attribute: + static const String _d = ''' +M323.844 1.5163 +C323.844 1.5163 254.064 132.635 209.041 216.483 +C167.229 294.353 105.588 327.363 101.557 415.655 +C96.6703 522.7 235.238 655.278 235.238 655.278 +C235.238 655.278 284.393 748.372 277.229 810.918 +C270.331 871.151 205.959 948.836 205.959 948.836 +C205.959 948.836 31.3055 963.687 11.4099 1046.3 +C-1.94798 1101.77 54.9427 1185.76 54.9427 1185.76 +C54.9427 1185.76 -32.6228 1326.5 19.8853 1386.09 +C63.1414 1435.18 185.541 1411.13 185.541 1411.13 +C185.541 1411.13 427.654 1354.52 472.164 1458.9 +C492.877 1507.48 472.164 1594.12 472.164 1594.12 +C472.164 1594.12 454.029 1680.13 464.844 1733.58 +C476.306 1790.23 531.492 1865.72 531.492 1865.72 +C531.492 1865.72 515.799 1970.22 472.164 2015.58 +C437.994 2051.1 361.598 2076.45 361.598 2076.45 +C361.598 2076.45 304.217 2117.23 262.59 2133.08 +C221.475 2148.74 152.41 2156.58 152.41 2156.58 +C152.41 2156.58 60.2151 2199.32 47.623 2253.66 +C34.196 2311.61 108.877 2393.12 108.877 2393.12 +C108.877 2393.12 201.293 2437.1 262.59 2460.15 +C315.761 2480.15 400.893 2505.23 400.893 2505.23 +C400.893 2505.23 509.508 2505.09 553.451 2548.76 +C584.574 2579.7 601.221 2650.47 601.221 2650.47 +'''; + + @override + void paint(Canvas canvas, Size size) { + // Scale to widgets size + final sx = size.width / _vbW; + final sy = size.height / _vbH; + canvas.save(); + canvas.scale(sx, sy); + + // Parse SVG path data to a Path + final Path original = parseSvgPathData(_d); + + // Apply dash pattern + final Path dashed = dashPath( + original, + dashArray: CircularIntervalList(_dashPattern), + ); + + // Stroke paint + final paint = Paint() + ..style = PaintingStyle.stroke + ..strokeWidth = _strokeWidth + ..strokeCap = StrokeCap.butt + ..strokeJoin = StrokeJoin.miter + ..color = color; + + canvas.drawPath(dashed, paint); + canvas.restore(); + } + + @override + bool shouldRepaint(covariant CustomPainter oldDelegate) => false; +} diff --git a/lib/init_bindings.dart b/lib/init_bindings.dart index 8bb826b..325ee32 100644 --- a/lib/init_bindings.dart +++ b/lib/init_bindings.dart @@ -4,6 +4,10 @@ import 'package:hadi_hoda_flutter/features/intro/data/datasource/intro_datasourc import 'package:hadi_hoda_flutter/features/intro/data/repository_impl/intro_repository_impl.dart'; import 'package:hadi_hoda_flutter/features/intro/domain/repository/intro_repository.dart'; import 'package:hadi_hoda_flutter/features/intro/domain/usecases/get_intro_usecase.dart'; +import 'package:hadi_hoda_flutter/features/level/data/datasource/level_datasource.dart'; +import 'package:hadi_hoda_flutter/features/level/data/repository_impl/level_repository_impl.dart'; +import 'package:hadi_hoda_flutter/features/level/domain/repository/level_repository.dart'; +import 'package:hadi_hoda_flutter/features/level/domain/usecases/get_level_usecase.dart'; import 'package:hadi_hoda_flutter/features/question/data/datasource/question_datasource.dart'; import 'package:hadi_hoda_flutter/features/question/data/repository_impl/question_repository_impl.dart'; import 'package:hadi_hoda_flutter/features/question/domain/repository/question_repository.dart'; @@ -34,4 +38,9 @@ void initBindings() { locator.registerLazySingleton(() => QuestionDatasourceImpl(locator())); locator.registerLazySingleton(() => QuestionRepositoryImpl(locator())); locator.registerLazySingleton(() => GetQuestionUseCase(locator())); + + /// Level Feature + locator.registerLazySingleton(() => LevelDatasourceImpl(locator())); + locator.registerLazySingleton(() => LevelRepositoryImpl(locator())); + locator.registerLazySingleton(() => GetLevelUseCase(locator())); } diff --git a/pubspec.lock b/pubspec.lock index b9bc647..0a9a3de 100644 --- a/pubspec.lock +++ b/pubspec.lock @@ -29,10 +29,10 @@ packages: dependency: "direct main" description: name: bloc - sha256: "52c10575f4445c61dd9e0cafcc6356fdd827c4c64dd7945ef3c4105f6b6ac189" + sha256: e18b8e7825e9921d67a6d256dba0b6015ece8a577eb0a411845c46a352994d78 url: "https://pub.dev" source: hosted - version: "9.0.0" + version: "9.0.1" boolean_selector: dependency: transitive description: @@ -317,6 +317,14 @@ packages: url: "https://pub.dev" source: hosted version: "1.9.1" + path_drawing: + dependency: "direct main" + description: + name: path_drawing + sha256: bbb1934c0cbb03091af082a6389ca2080345291ef07a5fa6d6e078ba8682f977 + url: "https://pub.dev" + source: hosted + version: "1.0.1" path_parsing: dependency: transitive description: diff --git a/pubspec.yaml b/pubspec.yaml index 7b50df4..aaef526 100644 --- a/pubspec.yaml +++ b/pubspec.yaml @@ -21,6 +21,7 @@ dependencies: go_router: ^16.1.0 google_fonts: ^6.3.2 intl: ^0.20.2 + path_drawing: ^1.0.1 pretty_dio_logger: ^1.4.0 shared_preferences: ^2.5.3 showcaseview: ^4.0.1 @@ -36,3 +37,10 @@ flutter: assets: - assets/images/ + - assets/fonts/ + + + fonts: + - family: dinokids + fonts: + - asset: assets/fonts/dinokids.ttf \ No newline at end of file