Code Reformatting and Added Logics
Faiz Hashmi
3 years ago
parent
2f825151a0
commit
49b57cae08
Binary file not shown.
|
After Width: | Height: | Size: 3.3 MiB |
@ -0,0 +1,82 @@
|
|||||||
|
|
||||||
|
import 'package:easy_localization/easy_localization.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:mohem_flutter_app/app_state/app_state.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/decorations_helper.dart';
|
||||||
|
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
|
||||||
|
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
|
||||||
|
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/marathon/marathon_provider.dart';
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
class MarathonDetailsCard extends StatelessWidget {
|
||||||
|
final MarathonProvider provider;
|
||||||
|
|
||||||
|
const MarathonDetailsCard({Key? key, required this.provider}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Container(
|
||||||
|
width: double.infinity,
|
||||||
|
decoration: MyDecorations.shadowDecoration,
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 18, horizontal: 14),
|
||||||
|
child: Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: <Widget>[
|
||||||
|
Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: <Widget>[
|
||||||
|
LocaleKeys.contestTopicAbout.tr().toText16(color: MyColors.grey77Color),
|
||||||
|
"${AppState().isArabic(context) ? provider.marathonDetailModel.titleAr : provider.marathonDetailModel.titleEn}".toText20(color: MyColors.textMixColor, isBold: true),
|
||||||
|
Row(
|
||||||
|
children: <Widget>[
|
||||||
|
Flexible(
|
||||||
|
child: "${AppState().isArabic(context) ? provider.marathonDetailModel.descAr : provider.marathonDetailModel.descEn}".toText14(color: MyColors.grey77Color),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
if (provider.itsMarathonTime && provider.marathonDetailModel.sponsors != null) ...<Widget>[
|
||||||
|
5.height,
|
||||||
|
provider.marathonDetailModel.sponsors?.first.sponsorPrizes != null
|
||||||
|
? Row(
|
||||||
|
children: <Widget>[
|
||||||
|
"${LocaleKeys.prize.tr()} ".toText16(color: MyColors.grey77Color, isBold: true),
|
||||||
|
"${AppState().isArabic(context) ? provider.marathonDetailModel.sponsors?.first.sponsorPrizes?.first.marathonPrizeAr : provider.marathonDetailModel.sponsors?.first.sponsorPrizes?.first.marathonPrizeAr}"
|
||||||
|
.toText16(color: MyColors.greenColor, isBold: true),
|
||||||
|
],
|
||||||
|
)
|
||||||
|
: const SizedBox(),
|
||||||
|
Row(
|
||||||
|
children: <Widget>[
|
||||||
|
"${LocaleKeys.sponsoredBy.tr()} ".toText16(color: MyColors.grey77Color),
|
||||||
|
"${AppState().isArabic(context) ? provider.marathonDetailModel.sponsors?.first.nameAr : provider.marathonDetailModel.sponsors?.first.nameEn}"
|
||||||
|
.toText16(color: MyColors.darkTextColor, isBold: true),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
10.height,
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: <Widget>[
|
||||||
|
Image.network(
|
||||||
|
provider.marathonDetailModel.sponsors!.first.image!,
|
||||||
|
height: 40,
|
||||||
|
width: 150,
|
||||||
|
fit: BoxFit.fill,
|
||||||
|
errorBuilder: (BuildContext context, Object exception, StackTrace? stackTrace) {
|
||||||
|
return const Center();
|
||||||
|
},
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
]
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@ -0,0 +1,66 @@
|
|||||||
|
import 'package:easy_localization/easy_localization.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||||
|
import 'package:mohem_flutter_app/extensions/widget_extensions.dart';
|
||||||
|
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/marathon/marathon_provider.dart';
|
||||||
|
import 'package:mohem_flutter_app/widgets/button/default_button.dart';
|
||||||
|
|
||||||
|
class MarathonFooter extends StatelessWidget {
|
||||||
|
final MarathonProvider provider;
|
||||||
|
|
||||||
|
const MarathonFooter({
|
||||||
|
Key? key,
|
||||||
|
required this.provider,
|
||||||
|
}) : super(key: key);
|
||||||
|
|
||||||
|
Widget buildNoteForDemo() {
|
||||||
|
return RichText(
|
||||||
|
text: TextSpan(
|
||||||
|
children: <InlineSpan>[
|
||||||
|
TextSpan(
|
||||||
|
text: LocaleKeys.note.tr(),
|
||||||
|
style: const TextStyle(color: MyColors.darkTextColor, fontSize: 17, letterSpacing: -0.64, fontWeight: FontWeight.bold),
|
||||||
|
),
|
||||||
|
TextSpan(
|
||||||
|
text: " " + LocaleKeys.demoMarathonNoteP1.tr(),
|
||||||
|
style: const TextStyle(color: MyColors.grey77Color, fontSize: 17, letterSpacing: -0.64, fontWeight: FontWeight.w500),
|
||||||
|
),
|
||||||
|
TextSpan(
|
||||||
|
text: " " + LocaleKeys.demoMarathonNoteP2.tr(),
|
||||||
|
style: const TextStyle(color: MyColors.darkTextColor, fontSize: 17, fontWeight: FontWeight.bold),
|
||||||
|
),
|
||||||
|
TextSpan(
|
||||||
|
text: " " + LocaleKeys.demoMarathonNoteP3.tr(),
|
||||||
|
style: const TextStyle(color: MyColors.grey77Color, fontSize: 17, letterSpacing: -0.64, fontWeight: FontWeight.w500),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
).paddingOnly(right: 21, left: 21, top: 11, bottom: 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return DefaultButton(
|
||||||
|
LocaleKeys.joinMarathon.tr(),
|
||||||
|
!provider.itsMarathonTime ? () => provider.onJoinMarathonPressed(context) : null,
|
||||||
|
).insideContainer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//Container(
|
||||||
|
// color: Colors.white,
|
||||||
|
// child: Column(
|
||||||
|
// mainAxisSize: MainAxisSize.min,
|
||||||
|
// children: <Widget>[
|
||||||
|
// buildNoteForDemo(),
|
||||||
|
// DefaultButton(
|
||||||
|
// LocaleKeys.joinDemoMarathon.tr(),
|
||||||
|
// () {
|
||||||
|
// provider.connectSignalrAndJoinMarathon(context);
|
||||||
|
// },
|
||||||
|
// color: MyColors.yellowColorII,
|
||||||
|
// ).insideContainer,
|
||||||
|
// ],
|
||||||
|
// ),
|
||||||
|
// );
|
||||||
@ -0,0 +1,98 @@
|
|||||||
|
import 'package:easy_localization/easy_localization.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/decorations_helper.dart';
|
||||||
|
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
|
||||||
|
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
|
||||||
|
import 'package:mohem_flutter_app/extensions/widget_extensions.dart';
|
||||||
|
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
|
||||||
|
import 'package:mohem_flutter_app/models/marathon/question_model.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/marathon/marathon_provider.dart';
|
||||||
|
|
||||||
|
class MarathonProgressContainer extends StatefulWidget {
|
||||||
|
final MarathonProvider provider;
|
||||||
|
|
||||||
|
const MarathonProgressContainer({Key? key, required this.provider}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<MarathonProgressContainer> createState() => _MarathonProgressContainerState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _MarathonProgressContainerState extends State<MarathonProgressContainer> {
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
widget.provider.startTimerForQuestion(context);
|
||||||
|
super.initState();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Container(
|
||||||
|
width: double.infinity,
|
||||||
|
decoration: MyDecorations.shadowDecoration,
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 18, horizontal: 13),
|
||||||
|
child: Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: <Widget>[
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
children: <Widget>[
|
||||||
|
Container(
|
||||||
|
decoration: BoxDecoration(color: MyColors.greenColor, borderRadius: BorderRadius.circular(5)),
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 5, horizontal: 8),
|
||||||
|
child: "${widget.provider.currentQuestionNumber.toString()} / ${widget.provider.marathonDetailModel.totalQuestions.toString()} ${LocaleKeys.question.tr()}"
|
||||||
|
.toText12(color: MyColors.white),
|
||||||
|
),
|
||||||
|
"${widget.provider.totalMarathoners} ${LocaleKeys.marathoners.tr()}".toText14(),
|
||||||
|
"00:${widget.provider.currentQuestionTime < 10 ? "0${widget.provider.currentQuestionTime}" : widget.provider.currentQuestionTime}"
|
||||||
|
.toText18(color: widget.provider.currentQuestionTime < 5 ? MyColors.redColor : MyColors.black),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
12.height,
|
||||||
|
stepper(widget.provider.currentQuestionNumber, widget.provider.questionCardStatus),
|
||||||
|
8.height,
|
||||||
|
Row(
|
||||||
|
children: <Widget>[
|
||||||
|
"${((widget.provider.currentQuestionNumber / widget.provider.marathonDetailModel.totalQuestions!) * 100).toInt()}% ${LocaleKeys.completed.tr()}".toText14(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget stepper(int value, QuestionCardStatus status) {
|
||||||
|
print("Here Status: $status");
|
||||||
|
return SizedBox(
|
||||||
|
width: double.infinity,
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
children: [
|
||||||
|
for (int i = 0; i < 10; i++)
|
||||||
|
if (value <= i) roundContainer(MyColors.lightGreyDeColor, i != 0) else roundContainer(status == QuestionCardStatus.correctAnswer ? MyColors.greenColor : MyColors.redColor, i != 0)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget roundContainer(Color color, bool isNeedLeftBorder) {
|
||||||
|
if (isNeedLeftBorder) {
|
||||||
|
return Row(
|
||||||
|
children: [
|
||||||
|
Divider(thickness: 6, color: color).expanded,
|
||||||
|
Container(
|
||||||
|
width: 10,
|
||||||
|
height: 10,
|
||||||
|
decoration: BoxDecoration(shape: BoxShape.circle, color: color),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
).expanded;
|
||||||
|
}
|
||||||
|
|
||||||
|
return Container(
|
||||||
|
width: 10,
|
||||||
|
height: 10,
|
||||||
|
decoration: BoxDecoration(shape: BoxShape.circle, color: color),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,47 @@
|
|||||||
|
import 'dart:async';
|
||||||
|
|
||||||
|
import 'package:easy_localization/easy_localization.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/decorations_helper.dart';
|
||||||
|
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
|
||||||
|
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
|
||||||
|
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/marathon/marathon_provider.dart';
|
||||||
|
import 'package:provider/provider.dart';
|
||||||
|
|
||||||
|
class QualifiersContainer extends StatelessWidget {
|
||||||
|
|
||||||
|
const QualifiersContainer({Key? key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
MarathonProvider provider = context.watch<MarathonProvider>();
|
||||||
|
return Container(
|
||||||
|
width: double.infinity,
|
||||||
|
decoration: MyDecorations.shadowDecoration,
|
||||||
|
padding: const EdgeInsets.only(top: 14, left: 18, right: 14, bottom: 18),
|
||||||
|
child: Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: <Widget>[
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
children: <Widget>[
|
||||||
|
LocaleKeys.winnerSelection.tr().toText21(color: MyColors.grey3AColor),
|
||||||
|
"00:${provider.totalSecondsToWaitForWinner < 10 ? "0${provider.totalSecondsToWaitForWinner}" : provider.totalSecondsToWaitForWinner}"
|
||||||
|
.toText18(color: MyColors.redColor),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
10.height,
|
||||||
|
Row(
|
||||||
|
children: <Widget>[
|
||||||
|
provider.totalQualifiers.toString().toText30(color: MyColors.greenColor, isBold: true),
|
||||||
|
2.width,
|
||||||
|
LocaleKeys.qualifiers.tr().toText16(color: MyColors.greenColor),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,51 @@
|
|||||||
|
import 'package:easy_localization/easy_localization.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:lottie/lottie.dart';
|
||||||
|
import 'package:mohem_flutter_app/app_state/app_state.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/date_uitl.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/decorations_helper.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/lottie_consts.dart';
|
||||||
|
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
|
||||||
|
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/marathon/marathon_provider.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/marathon/widgets/countdown_timer.dart';
|
||||||
|
|
||||||
|
|
||||||
|
class MarathonTimerCard extends StatelessWidget {
|
||||||
|
final int timeToMarathon;
|
||||||
|
final MarathonProvider provider;
|
||||||
|
|
||||||
|
const MarathonTimerCard({
|
||||||
|
Key? key,
|
||||||
|
required this.provider,
|
||||||
|
required this.timeToMarathon,
|
||||||
|
}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Container(
|
||||||
|
width: double.infinity,
|
||||||
|
decoration: MyDecorations.shadowDecoration,
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 18, horizontal: 14),
|
||||||
|
child: Column(
|
||||||
|
children: <Widget>[
|
||||||
|
Row(
|
||||||
|
children: <Widget>[
|
||||||
|
"${LocaleKeys.gameDate.tr()} ".toText16(color: MyColors.grey77Color),
|
||||||
|
DateUtil.getMonthDayYearDateFormatted(DateTime.parse(provider.marathonDetailModel.startTime!)).toText16(color: MyColors.darkTextColor, isBold: true),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Row(
|
||||||
|
children: <Widget>[
|
||||||
|
"${LocaleKeys.gameTime.tr()} ".toText16(color: MyColors.grey77Color),
|
||||||
|
DateUtil.formatDateToTimeLang(DateTime.parse(provider.marathonDetailModel.startTime!), AppState().isArabic(context)).toText16(color: MyColors.darkTextColor, isBold: true),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Lottie.asset(MyLottieConsts.hourGlassLottie, height: 200),
|
||||||
|
BuildCountdownTimer(timeToMarathon: timeToMarathon, provider: provider, screenFlag: 1),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue