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