Compare commits
18 Commits
739b2ffcfe
...
4f96629467
| Author | SHA1 | Date |
|---|---|---|
 haroon amjad
|
4f96629467 | 9 months ago |
|
haroon amjad
|
db6b0ad1b0 | 9 months ago |
|
haroon amjad
|
92a16381aa | 9 months ago |
|
haroon amjad
|
5adc2bc64f | 9 months ago |
sultan khan
|
6e15336cc4 | 9 months ago |
|
sultan khan
|
29334a9ef0 | 9 months ago |
|
sultan khan
|
822a99a291 | 9 months ago |
|
sultan khan
|
75ba1283d3 | 9 months ago |
Sikander Saleem
|
6e3fc55fde | 9 months ago |
|
Sikander Saleem
|
a33da491f9 | 9 months ago |
|
Sikander Saleem
|
c35074576a | 9 months ago |
|
Sikander Saleem
|
9362859013 | 10 months ago |
|
haroon amjad
|
4e9725477a | 10 months ago |
|
haroon amjad
|
77de3ed4cf | 10 months ago |
|
haroon amjad
|
48f2264848 | 10 months ago |
|
haroon amjad
|
e20d6eca3f | 10 months ago |
|
Sikander Saleem
|
3e19508c5e | 10 months ago |
|
haroon amjad
|
9f89f7530d | 10 months ago |
Binary file not shown.
|
Before Width: | Height: | Size: 5.8 KiB After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.1 KiB After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 7.0 KiB |
@ -0,0 +1,84 @@
|
||||
class EventActivityList {
|
||||
EventActivityList({
|
||||
required this.id,
|
||||
required this.titleEn,
|
||||
required this.titleAr,
|
||||
required this.shortDescEn,
|
||||
required this.shortDescAr,
|
||||
required this.longDescEn,
|
||||
required this.longDescAr,
|
||||
required this.url,
|
||||
required this.startOn,
|
||||
required this.endOn,
|
||||
required this.channel,
|
||||
required this.isActive,
|
||||
required this.createdBy,
|
||||
required this.createdOn,
|
||||
required this.modifiedBy,
|
||||
required this.modifiedOn,
|
||||
required this.shortImageURL,
|
||||
required this.detailImageURL
|
||||
});
|
||||
|
||||
final int? id;
|
||||
final String? titleEn;
|
||||
final String? titleAr;
|
||||
final String? shortDescEn;
|
||||
final String? shortDescAr;
|
||||
final String? longDescEn;
|
||||
final String? longDescAr;
|
||||
final String? url;
|
||||
final String? startOn;
|
||||
final String? endOn;
|
||||
final int? channel;
|
||||
final bool? isActive;
|
||||
final int? createdBy;
|
||||
final String? createdOn;
|
||||
final String? modifiedBy;
|
||||
final String? modifiedOn;
|
||||
final String? shortImageURL;
|
||||
final String? detailImageURL;
|
||||
factory EventActivityList.fromJson(Map<String, dynamic> json) {
|
||||
return EventActivityList(
|
||||
id: json["ID"],
|
||||
titleEn: json["TitleEn"],
|
||||
titleAr: json["TitleAr"],
|
||||
shortDescEn: json["ShortDescEn"],
|
||||
shortDescAr: json["ShortDescAr"],
|
||||
longDescEn: json["LongDescEn"],
|
||||
longDescAr: json["LongDescAr"],
|
||||
url: json["URL"],
|
||||
startOn: json["StartOn"],
|
||||
endOn: json["EndOn"],
|
||||
channel: json["Channel"],
|
||||
isActive: json["IsActive"],
|
||||
createdBy: json["CreatedBy"],
|
||||
createdOn: json["CreatedOn"],
|
||||
modifiedBy: json["ModifiedBy"],
|
||||
modifiedOn: json["ModifiedOn"],
|
||||
shortImageURL: json["ShortImageURL"],
|
||||
detailImageURL: json["DetailImageURL"]
|
||||
);
|
||||
}
|
||||
|
||||
Map<String, dynamic> toJson() => {
|
||||
"ID": id,
|
||||
"TitleEn": titleEn,
|
||||
"TitleAr": titleAr,
|
||||
"ShortDescEn": shortDescEn,
|
||||
"ShortDescAr": shortDescAr,
|
||||
"LongDescEn": longDescEn,
|
||||
"LongDescAr": longDescAr,
|
||||
"URL": url,
|
||||
"StartOn": startOn,
|
||||
"EndOn": endOn,
|
||||
"Channel": channel,
|
||||
"IsActive": isActive,
|
||||
"CreatedBy": createdBy,
|
||||
"CreatedOn": createdOn,
|
||||
"ModifiedBy": modifiedBy,
|
||||
"ModifiedOn": modifiedOn,
|
||||
"DetailImageURL": detailImageURL,
|
||||
"ShortImageURL" : shortImageURL
|
||||
};
|
||||
}
|
||||
@ -0,0 +1,367 @@
|
||||
import 'dart:math' as math;
|
||||
|
||||
import 'package:easy_localization/easy_localization.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_svg/flutter_svg.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/config/routes.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/main.dart';
|
||||
import 'package:mohem_flutter_app/provider/dashboard_provider_model.dart';
|
||||
import 'package:mohem_flutter_app/ui/marathon/marathon_provider.dart';
|
||||
import 'package:mohem_flutter_app/ui/marathon/widgets/countdown_timer_main_screen.dart';
|
||||
import 'package:mohem_flutter_app/widgets/glowy_borders/glowy_borders.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
int dummyTime = DateTime.now().millisecondsSinceEpoch + 8690;
|
||||
|
||||
class EventActivityBanner extends StatelessWidget {
|
||||
const EventActivityBanner({Key? key}) : super(key: key);
|
||||
|
||||
Widget getNoUpcomingMarathonWidget(BuildContext context) {
|
||||
;
|
||||
return Container(
|
||||
decoration: MyDecorations.shadowDecoration,
|
||||
height: isTablet ? MediaQuery.of(context).size.height * 0.17 : MediaQuery.of(context).size.height * 0.11,
|
||||
clipBehavior: Clip.antiAlias,
|
||||
child: Stack(
|
||||
children: <Widget>[
|
||||
Transform(
|
||||
alignment: Alignment.center,
|
||||
transform: Matrix4.rotationY(
|
||||
AppState().isArabic(context) ? math.pi : 0,
|
||||
),
|
||||
child: SvgPicture.asset(
|
||||
"assets/images/marathon_banner_bg.svg",
|
||||
fit: BoxFit.fill,
|
||||
width: double.infinity,
|
||||
),
|
||||
),
|
||||
AppState().isArabic(context)
|
||||
? Positioned(
|
||||
right: -15,
|
||||
top: -10,
|
||||
child: Transform.rotate(
|
||||
angle: 10,
|
||||
child: Container(
|
||||
width: isTablet ? 70 : 65,
|
||||
height: isTablet ? 40 : 32,
|
||||
color: MyColors.darkDigitColor,
|
||||
),
|
||||
),
|
||||
)
|
||||
: Positioned(
|
||||
left: -20,
|
||||
top: -10,
|
||||
child: Transform.rotate(
|
||||
angle: 15,
|
||||
child: Container(
|
||||
width: isTablet ? 70 : 65,
|
||||
height: isTablet ? 40 : 32,
|
||||
color: MyColors.darkDigitColor,
|
||||
),
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
width: double.infinity,
|
||||
height: double.infinity,
|
||||
child: Row(
|
||||
children: <Widget>[
|
||||
const Expanded(
|
||||
flex: 3,
|
||||
child: SizedBox(
|
||||
width: double.infinity,
|
||||
height: double.infinity,
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
flex: AppState().isArabic(context) ? 4 : 5,
|
||||
child: SizedBox(
|
||||
width: double.infinity,
|
||||
height: double.infinity,
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
children: <Widget>[
|
||||
Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: <Widget>[
|
||||
AppState().isArabic(context) ? 0.height : 5.height,
|
||||
Text(
|
||||
LocaleKeys.noUpcoming.tr(),
|
||||
style: TextStyle(
|
||||
fontSize: isTablet ? 20 : 11,
|
||||
fontStyle: FontStyle.italic,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: MyColors.white.withOpacity(0.83),
|
||||
letterSpacing: -0.4,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
LocaleKeys.brainMarathon.tr(),
|
||||
style: TextStyle(
|
||||
fontStyle: FontStyle.italic,
|
||||
fontSize: isTablet ? 30 : 19,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: MyColors.white.withOpacity(0.83),
|
||||
height: 32 / 22,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
LocaleKeys.youCanPlayDemo.tr(),
|
||||
style: TextStyle(
|
||||
fontSize: isTablet ? 20 : 11,
|
||||
fontStyle: FontStyle.italic,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: MyColors.white.withOpacity(0.83),
|
||||
letterSpacing: -0.4,
|
||||
),
|
||||
),
|
||||
],
|
||||
).paddingOnly(
|
||||
left: AppState().isArabic(context) ? 12 : 3,
|
||||
right: AppState().isArabic(context) ? 3 : 12,
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
AppState().isArabic(context)
|
||||
? Align(
|
||||
alignment: Alignment.topRight,
|
||||
child: SizedBox(
|
||||
height: isTablet ? 30 : 20,
|
||||
width: isTablet ? 45 : 35,
|
||||
child: Transform.rotate(
|
||||
angle: math.pi / 4.5,
|
||||
child: Text(
|
||||
LocaleKeys.brainMarathon.tr(),
|
||||
textAlign: TextAlign.center,
|
||||
maxLines: 2,
|
||||
style: TextStyle(
|
||||
color: MyColors.white,
|
||||
fontWeight: FontWeight.bold,
|
||||
fontSize: isTablet ? 8 : 6,
|
||||
height: 1.2,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
).paddingOnly(top: 5)
|
||||
: Align(
|
||||
alignment: Alignment.topLeft,
|
||||
child: SizedBox(
|
||||
height: isTablet ? 30 : 20,
|
||||
width: isTablet ? 45 : 35,
|
||||
child: Transform.rotate(
|
||||
angle: -math.pi / 4.5,
|
||||
child: Text(
|
||||
LocaleKeys.brainMarathon.tr(),
|
||||
textAlign: TextAlign.center,
|
||||
maxLines: 2,
|
||||
style: TextStyle(
|
||||
color: MyColors.kWhiteColor,
|
||||
fontWeight: FontWeight.bold,
|
||||
fontSize: isTablet ? 8 : 6,
|
||||
height: 1.2,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
).paddingOnly(top: 5),
|
||||
],
|
||||
),
|
||||
).onPress(() {
|
||||
Navigator.pushNamed(context, AppRoutes.marathonIntroScreen);
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
DashboardProviderModel dashboardProvider = context.read<DashboardProviderModel>();
|
||||
|
||||
return SizedBox(
|
||||
// decoration: BoxDecoration(
|
||||
// color: MyColors.kWhiteColor,
|
||||
// borderRadius: BorderRadius.circular(8),
|
||||
// boxShadow: [
|
||||
// BoxShadow(
|
||||
// color: const Color(0xff000000).withOpacity(.05),
|
||||
// blurRadius: 26,
|
||||
// offset: const Offset(0, -3),
|
||||
// ),
|
||||
// ],
|
||||
// ),
|
||||
height: isTablet ? MediaQuery.of(context).size.height * 0.17 : MediaQuery.of(context).size.height * 0.11,
|
||||
child: AnimatedGradientBorder(
|
||||
borderSize: 3,
|
||||
stretchAlongAxis: true,
|
||||
animationTime: 2,
|
||||
stretchAxis: Axis.vertical,
|
||||
gradientColors: const [
|
||||
Color(0xff0E5A64),
|
||||
Color(0xff0E5A64),
|
||||
Color(0xff0E5A64),
|
||||
Color(0xff91C481),
|
||||
],
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
color: const Color(0xff0E5A64),
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
// height: isTablet ? MediaQuery.of(context).size.height * 0.17 : MediaQuery.of(context).size.height * 0.11,
|
||||
|
||||
child: Stack(
|
||||
children: <Widget>[
|
||||
// Transform(
|
||||
// alignment: Alignment.center,
|
||||
// // transform: Matrix4.rotationY(
|
||||
// // AppState().isArabic(context) ? math.pi : 0,
|
||||
// // ),
|
||||
// child:
|
||||
//
|
||||
|
||||
AppState().isArabic(context)
|
||||
? Positioned(
|
||||
left: -15,
|
||||
top: -10,
|
||||
child: Transform.rotate(
|
||||
angle: 10,
|
||||
child: SizedBox(
|
||||
child: SvgPicture.asset(
|
||||
"assets/images/light_bulb.svg"),
|
||||
),
|
||||
),
|
||||
)
|
||||
: Positioned(
|
||||
right: 0,
|
||||
top: 10,
|
||||
child: Opacity(
|
||||
opacity: .5,
|
||||
child: SvgPicture.asset(
|
||||
"assets/images/light_bulb.svg",
|
||||
),
|
||||
)),
|
||||
|
||||
SizedBox(
|
||||
width: double.infinity,
|
||||
height: double.infinity,
|
||||
child: Row(
|
||||
children: <Widget>[
|
||||
|
||||
Expanded(
|
||||
flex: 3,
|
||||
child: Image.network(
|
||||
dashboardProvider.eventActivity?.shortImageURL ??
|
||||
"",
|
||||
fit: BoxFit.cover,
|
||||
key: UniqueKey()
|
||||
).paddingAll(5)),
|
||||
Expanded(
|
||||
flex: AppState().isArabic(context) ? 4 : 5,
|
||||
child: SizedBox(
|
||||
width: double.infinity,
|
||||
height: double.infinity,
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
children: <Widget>[
|
||||
Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: <Widget>[
|
||||
AppState().isArabic(context) ? 0.height : 5.height,
|
||||
|
||||
Flexible(
|
||||
child: Text(
|
||||
displayLocalizedContent(
|
||||
isPhoneLangArabic: AppState().isArabic(context),
|
||||
selectedLanguage: 3,
|
||||
englishContent: dashboardProvider.eventActivity?.titleEn ?? "",
|
||||
arabicContent: dashboardProvider.eventActivity?.titleAr ?? "",
|
||||
),
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: TextStyle(
|
||||
fontStyle: FontStyle.italic,
|
||||
fontSize: isTablet ? 25 : 16,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: MyColors.white,
|
||||
height: 32 / 24,
|
||||
),
|
||||
),
|
||||
), Text(
|
||||
displayLocalizedContent(
|
||||
isPhoneLangArabic: AppState().isArabic(context),
|
||||
selectedLanguage: 3,
|
||||
englishContent: dashboardProvider.eventActivity?.shortDescEn ?? "",
|
||||
arabicContent: dashboardProvider.eventActivity?.shortDescAr ?? "",
|
||||
),
|
||||
style: TextStyle(
|
||||
fontSize: isTablet ? 20 : 11,
|
||||
fontStyle: FontStyle.italic,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: MyColors.white,
|
||||
letterSpacing: -0.5,
|
||||
),
|
||||
),
|
||||
|
||||
isTablet ? 15.height : 10.height,
|
||||
CountdownTimerForMainScreen(
|
||||
timeToMarathon: DateUtil.convertStringToDateMarathon(dashboardProvider.eventActivity!.startOn!).millisecondsSinceEpoch,
|
||||
provider: context.read<MarathonProvider>(),
|
||||
isEvent: true,
|
||||
),
|
||||
],
|
||||
).paddingOnly(
|
||||
left: AppState().isArabic(context) ? 12 : 3,
|
||||
right: AppState().isArabic(context) ? 3 : 12,
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
!AppState().isArabic(context)
|
||||
? Positioned(
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
child: RotatedBox(
|
||||
quarterTurns: 4,
|
||||
child: SvgPicture.asset("assets/images/arrow_next.svg", color: MyColors.whiteColor),
|
||||
).paddingAll(isTablet ? 20 : 15),
|
||||
)
|
||||
: Positioned(
|
||||
bottom: 0,
|
||||
left: 0,
|
||||
child: RotatedBox(
|
||||
quarterTurns: 2,
|
||||
child: SvgPicture.asset("assets/images/arrow_next.svg", color: MyColors.whiteColor),
|
||||
).paddingAll(isTablet ? 20 : 15),
|
||||
),
|
||||
],
|
||||
).onPress(() async {
|
||||
// int remainingTimeInMinutes = DateUtil.convertStringToDateMarathon(dashboardProvider.eventActivity!.startOn!).difference(DateTime.now()).inMinutes;
|
||||
// if (remainingTimeInMinutes < 0) {
|
||||
Navigator.pushNamed(context, AppRoutes.activityScreen);
|
||||
|
||||
//}
|
||||
// provider.updateLanguageAsPerMarathon(context, provider.isUpComingMarathon ? provider.marathonDetailModel : provider.demoMarathonDetailModel);
|
||||
})),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,58 @@
|
||||
import 'package:easy_localization/easy_localization.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mohem_flutter_app/api/profile_api_client.dart';
|
||||
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||
import 'package:mohem_flutter_app/config/routes.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/dashboard/menu_entries.dart';
|
||||
import 'package:mohem_flutter_app/models/get_employee_contacts.model.dart';
|
||||
import 'package:mohem_flutter_app/ui/my_attendance/dynamic_screens/dynamic_listview_screen.dart';
|
||||
import 'package:mohem_flutter_app/widgets/app_bar_widget.dart';
|
||||
|
||||
class ChildEducationAssistance extends StatelessWidget {
|
||||
ChildEducationAssistance({Key? key}) : super(key: key);
|
||||
|
||||
GetMenuEntriesList? menuEntry;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
menuEntry ??= ModalRoute.of(context)!.settings.arguments as GetMenuEntriesList;
|
||||
return Scaffold(
|
||||
backgroundColor: Colors.white,
|
||||
appBar: AppBarWidget(context, title: menuEntry!.prompt!),
|
||||
body: FutureBuilder(
|
||||
future: ProfileApiClient().getEmployeeContacts(),
|
||||
builder: (BuildContext cxt, AsyncSnapshot<List<GetEmployeeContactsList>> snapshot) {
|
||||
if (snapshot.connectionState == ConnectionState.waiting) {
|
||||
return const Center(child: CircularProgressIndicator());
|
||||
} else if (snapshot.hasData) {
|
||||
List<GetEmployeeContactsList> empContactList = snapshot.data!;
|
||||
return ListView.separated(
|
||||
padding: const EdgeInsets.all(21),
|
||||
separatorBuilder: (BuildContext cxt, int index) => 12.height,
|
||||
itemCount: empContactList.length,
|
||||
itemBuilder: (BuildContext context, int index) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
"${empContactList[index].cONTACTNAME}".toText16(color: MyColors.grey3AColor),
|
||||
"${LocaleKeys.dateOfBirth.tr()}: ${empContactList[index].dATEOFBIRTH?.split(" ").first ?? ""}".toText14(color: MyColors.grey3AColor, weight: FontWeight.w400),
|
||||
"${empContactList[index].rELATIONSHIP}".toText11(color: MyColors.textMixColor),
|
||||
],
|
||||
).objectContainerView(disablePadding: false, center: false).onPress(() {
|
||||
Navigator.pushNamed(context, AppRoutes.dynamicScreen,
|
||||
arguments: DynamicListViewParams(empContactList[index].cONTACTNAME!, menuEntry!.functionName!, pContactRelationshipId: empContactList[index].cONTACTRELATIONSHIPID));
|
||||
});
|
||||
});
|
||||
} else {
|
||||
return LocaleKeys.noDataAvailable.tr().toText16().center;
|
||||
}
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,115 @@
|
||||
import 'package:cached_network_image/cached_network_image.dart';
|
||||
import 'package:easy_localization/easy_localization.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_svg/flutter_svg.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/consts.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/main.dart';
|
||||
import 'package:mohem_flutter_app/models/marathon/marathon_model.dart';
|
||||
import 'package:mohem_flutter_app/provider/dashboard_provider_model.dart';
|
||||
import 'package:mohem_flutter_app/ui/marathon/marathon_provider.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:shimmer/shimmer.dart';
|
||||
|
||||
class ActivityEventDetailsCard extends StatelessWidget {
|
||||
final DashboardProviderModel model;
|
||||
|
||||
const ActivityEventDetailsCard({Key? key, required this.model}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Container(
|
||||
width: double.infinity,
|
||||
decoration: MyDecorations.shadowDecoration,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: <Widget>[
|
||||
CachedNetworkImage(
|
||||
imageUrl: model.eventActivity!.detailImageURL!,
|
||||
height: 200,
|
||||
placeholder: (BuildContext context, String url) => const LinearProgressIndicator(
|
||||
value: 0.7,
|
||||
minHeight: 200,
|
||||
|
||||
valueColor: AlwaysStoppedAnimation<Color>(Colors.white),
|
||||
backgroundColor: Color(0xff196D73),
|
||||
).toShimmer(),
|
||||
fit: BoxFit.contain,width: double.infinity ,
|
||||
cacheKey: UniqueKey().toString(),
|
||||
),
|
||||
|
||||
],
|
||||
),
|
||||
),
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
const SizedBox(height: 20,),
|
||||
Text(
|
||||
displayLocalizedContent(
|
||||
isPhoneLangArabic: AppState().isArabic(context),
|
||||
selectedLanguage: 3,
|
||||
englishContent: model.eventActivity?.titleEn ?? "",
|
||||
arabicContent: model.eventActivity?.titleAr ?? "",
|
||||
),
|
||||
style: TextStyle(
|
||||
fontStyle: FontStyle.italic,
|
||||
fontSize: isTablet ? 30 : 20,
|
||||
fontWeight: FontWeight.bold,
|
||||
color:const Color(0xff3C3838),
|
||||
// height: 42 / 30,
|
||||
),
|
||||
|
||||
).paddingOnly(left: 10, right: 10, bottom: 2),
|
||||
|
||||
Row(children:[
|
||||
SvgPicture.asset("assets/images/highlight.svg"),
|
||||
Text(
|
||||
displayLocalizedContent(
|
||||
isPhoneLangArabic: AppState().isArabic(context),
|
||||
selectedLanguage: 3,
|
||||
englishContent: model.eventActivity?.shortDescEn ?? "",
|
||||
arabicContent: model.eventActivity?.shortDescAr ?? "",
|
||||
),
|
||||
style: TextStyle(
|
||||
fontStyle: FontStyle.italic,
|
||||
fontSize: isTablet ? 20 : 14,
|
||||
fontWeight: FontWeight.bold,
|
||||
color:const Color(0xff2BB8A8),
|
||||
// height: 32 / 24,
|
||||
),
|
||||
|
||||
).paddingOnly(left: 10, right: 10)
|
||||
]).paddingOnly(bottom: 25),
|
||||
|
||||
LocaleKeys.about.tr().toText16(color: const Color(0xff3C3838)).paddingOnly(bottom: 5),
|
||||
Text(
|
||||
displayLocalizedContent(
|
||||
isPhoneLangArabic: AppState().isArabic(context),
|
||||
selectedLanguage: 3,
|
||||
englishContent: model.eventActivity?.longDescEn ?? "",
|
||||
arabicContent: model.eventActivity?.longDescAr ?? "",
|
||||
),
|
||||
style: TextStyle(
|
||||
fontStyle: FontStyle.italic,
|
||||
fontSize: isTablet ? 18 : 12,
|
||||
fontWeight: FontWeight.bold,
|
||||
color:const Color(0xff3C3838),
|
||||
// height: 32 / 24,
|
||||
),
|
||||
|
||||
).paddingOnly(bottom: 10)
|
||||
],
|
||||
)
|
||||
]);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,94 @@
|
||||
// ignore_for_file: always_specify_types
|
||||
|
||||
import 'package:easy_localization/easy_localization.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_countdown_timer/flutter_countdown_timer.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/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/main.dart';
|
||||
import 'package:mohem_flutter_app/provider/dashboard_provider_model.dart';
|
||||
import 'package:mohem_flutter_app/ui/marathon/marathon_provider.dart';
|
||||
import 'package:mohem_flutter_app/ui/marathon/widgets/countdown_timer_main_screen.dart';
|
||||
import 'package:mohem_flutter_app/widgets/button/default_button.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:url_launcher/url_launcher.dart';
|
||||
|
||||
class ActivityEventFooter extends StatelessWidget {
|
||||
final DashboardProviderModel provider;
|
||||
|
||||
const ActivityEventFooter({
|
||||
Key? key,
|
||||
required this.provider,
|
||||
}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
|
||||
int remainingTime = DateTime.now().millisecondsSinceEpoch + DateUtil.convertStringToDateMarathon(provider.eventActivity!.startOn!).difference(DateTime.now()).inMilliseconds;
|
||||
|
||||
return Column(children: [
|
||||
CountdownTimer(
|
||||
endTime: remainingTime,
|
||||
widgetBuilder: (context, time) {
|
||||
if (time == null) {
|
||||
return DefaultButton(
|
||||
LocaleKeys.start.tr(),
|
||||
() => launchUrl(Uri.parse(provider.eventActivity!.url!)),
|
||||
color: MyColors.greenColor,
|
||||
).insideContainer;
|
||||
}
|
||||
return Container(
|
||||
height: 58,
|
||||
padding: const EdgeInsets.only(
|
||||
top: 15, bottom: 15, right: 30, left: 30),
|
||||
margin: const EdgeInsets.only(top: 5, bottom: 5),
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(6.0),
|
||||
gradient:
|
||||
const LinearGradient(
|
||||
transform: GradientRotation(.83),
|
||||
begin: Alignment.topRight,
|
||||
end: Alignment.bottomLeft,
|
||||
colors: <Color>[
|
||||
MyColors.gradiantEndColor,
|
||||
MyColors.gradiantStartColor
|
||||
],
|
||||
),
|
||||
),
|
||||
child: CountdownTimerForMainScreen(
|
||||
timeToMarathon: DateUtil
|
||||
.convertStringToDateMarathon(provider.eventActivity!.startOn!)
|
||||
.millisecondsSinceEpoch,
|
||||
provider: context.read<MarathonProvider>(),
|
||||
isEvent: true,
|
||||
));
|
||||
|
||||
},
|
||||
onEnd: (){
|
||||
|
||||
},
|
||||
endWidget: DefaultButton(
|
||||
LocaleKeys.start.tr(),
|
||||
() => launchUrl(Uri.parse(provider.eventActivity!.url!)),
|
||||
color: MyColors.greenColor,
|
||||
).insideContainer,
|
||||
|
||||
)
|
||||
// if (remainingTimeInMinutes < 0)
|
||||
//
|
||||
// else
|
||||
//
|
||||
//
|
||||
// ,
|
||||
|
||||
]);
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
@ -0,0 +1,49 @@
|
||||
import 'package:easy_localization/easy_localization.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mohem_flutter_app/extensions/int_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/provider/dashboard_provider_model.dart';
|
||||
import 'package:mohem_flutter_app/ui/marathon/marathon_provider.dart';
|
||||
import 'package:mohem_flutter_app/ui/marathon/widgets/marathon_details_card.dart';
|
||||
import 'package:mohem_flutter_app/ui/marathon/widgets/marathon_footer.dart';
|
||||
import 'package:mohem_flutter_app/ui/marathon/widgets/marathon_timer_card.dart';
|
||||
import 'package:mohem_flutter_app/ui/screens/event_activity/activity_event_card.dart';
|
||||
import 'package:mohem_flutter_app/ui/screens/event_activity/activity_footer.dart';
|
||||
import 'package:mohem_flutter_app/widgets/app_bar_widget.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
class EventActivityScreen extends StatelessWidget {
|
||||
const EventActivityScreen({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
DashboardProviderModel provider = context.read<DashboardProviderModel>();
|
||||
return Scaffold(
|
||||
appBar: AppBarWidget(
|
||||
context,
|
||||
title: LocaleKeys.details.tr(),
|
||||
onHomeTapped: () {
|
||||
Navigator.pop(context);
|
||||
|
||||
},
|
||||
onBackTapped: () {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
),
|
||||
body: Column(
|
||||
children: <Widget>[
|
||||
ListView(
|
||||
padding: const EdgeInsets.all(21),
|
||||
children: <Widget>[
|
||||
ActivityEventDetailsCard(model: provider),
|
||||
20.height,
|
||||
],
|
||||
).expanded,
|
||||
1.divider,
|
||||
ActivityEventFooter(provider: provider),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,150 @@
|
||||
library glowy_borderspertino.dart;
|
||||
|
||||
import 'dart:math' as math;
|
||||
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||
|
||||
class AnimatedGradientBorder extends StatefulWidget {
|
||||
const AnimatedGradientBorder(
|
||||
{Key? key,
|
||||
required this.child,
|
||||
required this.gradientColors,
|
||||
required this.borderRadius,
|
||||
this.animationTime,
|
||||
this.borderSize,
|
||||
this.animationProgress,
|
||||
this.stretchAlongAxis = false,
|
||||
this.stretchAxis = Axis.horizontal});
|
||||
|
||||
final Widget child;
|
||||
final double? borderSize;
|
||||
final List<Color> gradientColors;
|
||||
final BorderRadiusGeometry borderRadius;
|
||||
final int? animationTime;
|
||||
final double? animationProgress;
|
||||
final bool stretchAlongAxis;
|
||||
final Axis stretchAxis;
|
||||
|
||||
@override
|
||||
State<StatefulWidget> createState() => AnimatedGradientState();
|
||||
}
|
||||
|
||||
class AnimatedGradientState extends State<AnimatedGradientBorder> with SingleTickerProviderStateMixin {
|
||||
late AnimationController _controller;
|
||||
late Animation _angleAnimation;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_controller = AnimationController(vsync: this, duration: Duration(seconds: widget.animationTime ?? 2));
|
||||
_controller.addListener(() => setState(() {}));
|
||||
_angleAnimation = Tween<double>(begin: 0.1, end: 2 * math.pi).animate(_controller);
|
||||
if (widget.animationProgress != null) {
|
||||
_controller.forward();
|
||||
} else {
|
||||
_controller.repeat();
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_controller.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
void didUpdateWidget(covariant AnimatedGradientBorder oldWidget) {
|
||||
super.didUpdateWidget(oldWidget);
|
||||
double? animateTo = widget.animationProgress;
|
||||
if (animateTo != null) {
|
||||
_controller.animateTo(animateTo);
|
||||
} else {
|
||||
_controller.repeat();
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
double? negativeMargin = -1.0 * (widget.borderSize ?? 0);
|
||||
return Container(
|
||||
padding: EdgeInsets.all(widget.borderSize ?? 0),
|
||||
clipBehavior: Clip.hardEdge,
|
||||
decoration: BoxDecoration(
|
||||
color: MyColors.kWhiteColor,
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: const Color(0xff000000).withOpacity(.05),
|
||||
blurRadius: 26,
|
||||
offset: const Offset(0, -3),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: Stack(alignment: Alignment.center, clipBehavior: Clip.none, children: [
|
||||
Positioned(
|
||||
top: negativeMargin,
|
||||
left: negativeMargin,
|
||||
right: negativeMargin,
|
||||
bottom: negativeMargin,
|
||||
child: AnimatedGradientContainer(
|
||||
gradientColors: widget.gradientColors,
|
||||
borderRadius: widget.borderRadius,
|
||||
gradientAngle: _angleAnimation.value,
|
||||
)),
|
||||
widget.child,
|
||||
// BackdropFilter(
|
||||
// filter: ImageFilter.blur(sigmaX: widget.glowSize ?? 0, sigmaY: widget.glowSize ?? 0),
|
||||
// child: Stack(
|
||||
// alignment: Alignment.center,
|
||||
// clipBehavior: Clip.none,
|
||||
// children: [
|
||||
// Positioned(
|
||||
// top: negativeMargin,
|
||||
// right: negativeMargin,
|
||||
// left: negativeMargin,
|
||||
// bottom: negativeMargin,
|
||||
// child: AnimatedGradientContainer(
|
||||
// gradientColors: widget.gradientColors,
|
||||
// borderRadius: widget.borderRadius,
|
||||
// gradientAngle: _angleAnimation.value,
|
||||
// )),
|
||||
// if (widget.stretchAlongAxis)
|
||||
// SizedBox(
|
||||
// width: widget.stretchAxis == Axis.horizontal ? double.infinity : null,
|
||||
// height: widget.stretchAxis == Axis.vertical ? double.infinity : null,
|
||||
// child: widget.child,
|
||||
// )
|
||||
// else
|
||||
// widget.child,
|
||||
// ],
|
||||
// ),
|
||||
// ),
|
||||
]),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class AnimatedGradientContainer extends StatelessWidget {
|
||||
const AnimatedGradientContainer({Key? key, required this.gradientColors, required this.gradientAngle, required this.borderRadius});
|
||||
|
||||
final List<Color> gradientColors;
|
||||
final double gradientAngle;
|
||||
final BorderRadiusGeometry borderRadius;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: borderRadius,
|
||||
gradient: SweepGradient(
|
||||
colors: [...gradientColors, ...gradientColors.reversed], stops: _generateColorStops([...gradientColors, ...gradientColors.reversed]), transform: GradientRotation(gradientAngle))));
|
||||
}
|
||||
|
||||
List<double> _generateColorStops(List<dynamic> colors) {
|
||||
return colors.asMap().entries.map((entry) {
|
||||
double percentageStop = entry.key / colors.length;
|
||||
return percentageStop;
|
||||
}).toList();
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue