|
|
|
|
@ -152,7 +152,7 @@ class _DashboardScreenState extends State<DashboardScreen> with WidgetsBindingOb
|
|
|
|
|
data.fetchLeaveTicketBalance(context, DateTime.now());
|
|
|
|
|
data.fetchMenuEntries();
|
|
|
|
|
data.fetchEventActivity();
|
|
|
|
|
data.getCategoryOffersListAPI(context);
|
|
|
|
|
// data.getCategoryOffersListAPI(context);
|
|
|
|
|
marathonProvider.getMarathonDetailsFromApi();
|
|
|
|
|
marathonProvider.getMarathonTutorial();
|
|
|
|
|
if (isFromInit) {
|
|
|
|
|
@ -237,558 +237,457 @@ class _DashboardScreenState extends State<DashboardScreen> with WidgetsBindingOb
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
|
return Scaffold(
|
|
|
|
|
key: _scaffoldState,
|
|
|
|
|
body: Column(
|
|
|
|
|
children: [
|
|
|
|
|
Row(
|
|
|
|
|
children: [
|
|
|
|
|
Builder(
|
|
|
|
|
builder: (BuildContext context) {
|
|
|
|
|
return Row(
|
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
|
|
|
|
children: [
|
|
|
|
|
Image.memory(
|
|
|
|
|
Utils.dataFromBase64String(AppState().memberInformationList!.eMPLOYEEIMAGE ?? ""),
|
|
|
|
|
errorBuilder: (BuildContext context, Object error, StackTrace? stackTrace) {
|
|
|
|
|
return SvgPicture.asset("assets/images/user.svg", height: 34, width: 34);
|
|
|
|
|
},
|
|
|
|
|
width: 34,
|
|
|
|
|
height: 34,
|
|
|
|
|
fit: BoxFit.cover,
|
|
|
|
|
).circle(50),
|
|
|
|
|
// CircularAvatar(
|
|
|
|
|
// width: 34,
|
|
|
|
|
// height: 34,
|
|
|
|
|
// url: "https://cdn4.iconfinder.com/data/icons/professions-2-2/151/89-512.png",
|
|
|
|
|
// ),
|
|
|
|
|
8.width,
|
|
|
|
|
SvgPicture.asset("assets/images/side_nav.svg"),
|
|
|
|
|
],
|
|
|
|
|
).onPress(() {
|
|
|
|
|
_scaffoldState.currentState!.openDrawer();
|
|
|
|
|
});
|
|
|
|
|
return SafeArea(
|
|
|
|
|
bottom: Platform.isAndroid ? true : false,
|
|
|
|
|
top: false,
|
|
|
|
|
child: Scaffold(
|
|
|
|
|
key: _scaffoldState,
|
|
|
|
|
body: Column(
|
|
|
|
|
children: [
|
|
|
|
|
Row(
|
|
|
|
|
children: [
|
|
|
|
|
Builder(
|
|
|
|
|
builder: (BuildContext context) {
|
|
|
|
|
return Row(
|
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
|
|
|
|
children: [
|
|
|
|
|
Image.memory(
|
|
|
|
|
Utils.dataFromBase64String(AppState().memberInformationList!.eMPLOYEEIMAGE ?? ""),
|
|
|
|
|
errorBuilder: (BuildContext context, Object error, StackTrace? stackTrace) {
|
|
|
|
|
return SvgPicture.asset("assets/images/user.svg", height: 34, width: 34);
|
|
|
|
|
},
|
|
|
|
|
width: 34,
|
|
|
|
|
height: 34,
|
|
|
|
|
fit: BoxFit.cover,
|
|
|
|
|
).circle(50),
|
|
|
|
|
// CircularAvatar(
|
|
|
|
|
// width: 34,
|
|
|
|
|
// height: 34,
|
|
|
|
|
// url: "https://cdn4.iconfinder.com/data/icons/professions-2-2/151/89-512.png",
|
|
|
|
|
// ),
|
|
|
|
|
8.width,
|
|
|
|
|
SvgPicture.asset("assets/images/side_nav.svg"),
|
|
|
|
|
],
|
|
|
|
|
).onPress(() {
|
|
|
|
|
_scaffoldState.currentState!.openDrawer();
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
Image.asset("assets/images/logos/main_mohemm_logo.png", width: 134, height: 28).expanded,
|
|
|
|
|
SvgPicture.asset("assets/images/announcements.svg", matchTextDirection: true).onPress(() async {
|
|
|
|
|
await Navigator.pushNamed(context, AppRoutes.announcements);
|
|
|
|
|
}),
|
|
|
|
|
],
|
|
|
|
|
).paddingOnly(left: 21, right: 21, top: 48, bottom: 7),
|
|
|
|
|
Expanded(
|
|
|
|
|
child: SmartRefresher(
|
|
|
|
|
enablePullDown: true,
|
|
|
|
|
enablePullUp: false,
|
|
|
|
|
header: const MaterialClassicHeader(color: MyColors.gradiantEndColor),
|
|
|
|
|
controller: _refreshController,
|
|
|
|
|
onRefresh: () {
|
|
|
|
|
_onRefresh(false);
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
Image.asset("assets/images/logos/main_mohemm_logo.png", width: 134, height: 28).expanded,
|
|
|
|
|
SvgPicture.asset("assets/images/announcements.svg", matchTextDirection: true).onPress(() async {
|
|
|
|
|
await Navigator.pushNamed(context, AppRoutes.announcements);
|
|
|
|
|
}),
|
|
|
|
|
],
|
|
|
|
|
).paddingOnly(left: 21, right: 21, top: 48, bottom: 7),
|
|
|
|
|
Expanded(
|
|
|
|
|
child: SmartRefresher(
|
|
|
|
|
enablePullDown: true,
|
|
|
|
|
enablePullUp: false,
|
|
|
|
|
header: const MaterialClassicHeader(color: MyColors.gradiantEndColor),
|
|
|
|
|
controller: _refreshController,
|
|
|
|
|
onRefresh: () {
|
|
|
|
|
_onRefresh(false);
|
|
|
|
|
},
|
|
|
|
|
child: SingleChildScrollView(
|
|
|
|
|
child: Column(
|
|
|
|
|
children: [
|
|
|
|
|
Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
LocaleKeys.welcomeBack.tr().toText14(color: MyColors.grey77Color),
|
|
|
|
|
(AppState().memberInformationList!.eMPLOYEENAME ?? "").toText24(isBold: true),
|
|
|
|
|
16.height,
|
|
|
|
|
Row(
|
|
|
|
|
children: [
|
|
|
|
|
Expanded(
|
|
|
|
|
child: AspectRatio(
|
|
|
|
|
aspectRatio: 159 / 159,
|
|
|
|
|
child: Consumer<DashboardProviderModel>(
|
|
|
|
|
builder: (BuildContext context, DashboardProviderModel model, Widget? child) {
|
|
|
|
|
return (model.isAttendanceTrackingLoading
|
|
|
|
|
? GetAttendanceTrackingShimmer()
|
|
|
|
|
: Container(
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
borderRadius: BorderRadius.circular(15),
|
|
|
|
|
gradient: const LinearGradient(
|
|
|
|
|
transform: GradientRotation(.46),
|
|
|
|
|
begin: Alignment.topRight,
|
|
|
|
|
end: Alignment.bottomLeft,
|
|
|
|
|
colors: [MyColors.gradiantEndColor, MyColors.gradiantStartColor],
|
|
|
|
|
child: SingleChildScrollView(
|
|
|
|
|
child: Column(
|
|
|
|
|
children: [
|
|
|
|
|
Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
LocaleKeys.welcomeBack.tr().toText14(color: MyColors.grey77Color),
|
|
|
|
|
(AppState().memberInformationList!.eMPLOYEENAME ?? "").toText24(isBold: true),
|
|
|
|
|
16.height,
|
|
|
|
|
Row(
|
|
|
|
|
children: [
|
|
|
|
|
Expanded(
|
|
|
|
|
child: AspectRatio(
|
|
|
|
|
aspectRatio: 159 / 159,
|
|
|
|
|
child: Consumer<DashboardProviderModel>(
|
|
|
|
|
builder: (BuildContext context, DashboardProviderModel model, Widget? child) {
|
|
|
|
|
return (model.isAttendanceTrackingLoading
|
|
|
|
|
? GetAttendanceTrackingShimmer()
|
|
|
|
|
: Container(
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
borderRadius: BorderRadius.circular(15),
|
|
|
|
|
gradient: const LinearGradient(
|
|
|
|
|
transform: GradientRotation(.46),
|
|
|
|
|
begin: Alignment.topRight,
|
|
|
|
|
end: Alignment.bottomLeft,
|
|
|
|
|
colors: [MyColors.gradiantEndColor, MyColors.gradiantStartColor],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
child: Stack(
|
|
|
|
|
alignment: Alignment.center,
|
|
|
|
|
children: [
|
|
|
|
|
if (model.isTimeRemainingInSeconds == 0) SvgPicture.asset("assets/images/thumb.svg"),
|
|
|
|
|
Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
Expanded(
|
|
|
|
|
child: Column(
|
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
child: Stack(
|
|
|
|
|
alignment: Alignment.center,
|
|
|
|
|
children: [
|
|
|
|
|
if (model.isTimeRemainingInSeconds == 0) SvgPicture.asset("assets/images/thumb.svg"),
|
|
|
|
|
Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
Expanded(
|
|
|
|
|
child: Column(
|
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
LocaleKeys.markAttendance.tr().toText14(color: Colors.white, isBold: true),
|
|
|
|
|
if (model.isTimeRemainingInSeconds == 0) DateTime.now().toString().split(" ")[0].toText12(color: Colors.white),
|
|
|
|
|
if (model.isTimeRemainingInSeconds != 0)
|
|
|
|
|
Column(
|
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
9.height,
|
|
|
|
|
Directionality(
|
|
|
|
|
textDirection: ui.TextDirection.ltr,
|
|
|
|
|
child: CountdownTimer(
|
|
|
|
|
endTime: model.endTime,
|
|
|
|
|
onEnd: null,
|
|
|
|
|
endWidget: "00:00:00".toText14(color: Colors.white, isBold: true),
|
|
|
|
|
textStyle: const TextStyle(color: Colors.white, fontSize: 14, letterSpacing: -0.48, fontWeight: FontWeight.bold),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
LocaleKeys.timeLeftToday.tr().toText12(color: Colors.white),
|
|
|
|
|
9.height,
|
|
|
|
|
ClipRRect(
|
|
|
|
|
borderRadius: const BorderRadius.all(Radius.circular(20)),
|
|
|
|
|
child: LinearProgressIndicator(
|
|
|
|
|
value: model.progress,
|
|
|
|
|
minHeight: 8,
|
|
|
|
|
valueColor: const AlwaysStoppedAnimation<Color>(Colors.white),
|
|
|
|
|
backgroundColor: const Color(0xff196D73),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
).paddingOnly(top: 12, right: 15, left: 12),
|
|
|
|
|
),
|
|
|
|
|
Row(
|
|
|
|
|
children: [
|
|
|
|
|
LocaleKeys.markAttendance.tr().toText14(color: Colors.white, isBold: true),
|
|
|
|
|
if (model.isTimeRemainingInSeconds == 0) DateTime.now().toString().split(" ")[0].toText12(color: Colors.white),
|
|
|
|
|
if (model.isTimeRemainingInSeconds != 0)
|
|
|
|
|
Column(
|
|
|
|
|
Expanded(
|
|
|
|
|
child: Column(
|
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
9.height,
|
|
|
|
|
Directionality(
|
|
|
|
|
textDirection: ui.TextDirection.ltr,
|
|
|
|
|
child: CountdownTimer(
|
|
|
|
|
endTime: model.endTime,
|
|
|
|
|
onEnd: null,
|
|
|
|
|
endWidget: "00:00:00".toText14(color: Colors.white, isBold: true),
|
|
|
|
|
textStyle: const TextStyle(color: Colors.white, fontSize: 14, letterSpacing: -0.48, fontWeight: FontWeight.bold),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
LocaleKeys.timeLeftToday.tr().toText12(color: Colors.white),
|
|
|
|
|
9.height,
|
|
|
|
|
ClipRRect(
|
|
|
|
|
borderRadius: const BorderRadius.all(Radius.circular(20)),
|
|
|
|
|
child: LinearProgressIndicator(
|
|
|
|
|
value: model.progress,
|
|
|
|
|
minHeight: 8,
|
|
|
|
|
valueColor: const AlwaysStoppedAnimation<Color>(Colors.white),
|
|
|
|
|
backgroundColor: const Color(0xff196D73),
|
|
|
|
|
),
|
|
|
|
|
LocaleKeys.checkIn.tr().toText12(color: Colors.white),
|
|
|
|
|
(model.attendanceTracking!.pSwipeIn == null ? "--:--" : model.attendanceTracking!.pSwipeIn).toString().toText14(
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
isBold: true,
|
|
|
|
|
),
|
|
|
|
|
4.height,
|
|
|
|
|
],
|
|
|
|
|
).paddingOnly(left: 12, right: 12),
|
|
|
|
|
),
|
|
|
|
|
Container(
|
|
|
|
|
margin: EdgeInsets.only(top: AppState().isArabic(context) ? 6 : 0),
|
|
|
|
|
width: 45,
|
|
|
|
|
height: 45,
|
|
|
|
|
padding: const EdgeInsets.only(left: 10, right: 10),
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
color: const Color(0xff259EA4),
|
|
|
|
|
borderRadius: BorderRadius.only(
|
|
|
|
|
bottomRight: AppState().isArabic(context) ? const Radius.circular(0) : const Radius.circular(15),
|
|
|
|
|
bottomLeft: AppState().isArabic(context) ? const Radius.circular(15) : const Radius.circular(0),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
child: SvgPicture.asset(model.isTimeRemainingInSeconds == 0 ? "assets/images/biometrics.svg" : "assets/images/biometrics.svg"),
|
|
|
|
|
).onPress(() {
|
|
|
|
|
showMyBottomSheet(context, callBackFunc: () {}, child: MarkAttendanceWidget(model, isFromDashboard: true));
|
|
|
|
|
}),
|
|
|
|
|
],
|
|
|
|
|
).paddingOnly(top: 12, right: 15, left: 12),
|
|
|
|
|
),
|
|
|
|
|
Row(
|
|
|
|
|
children: [
|
|
|
|
|
Expanded(
|
|
|
|
|
child: Column(
|
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
).onPress(() {
|
|
|
|
|
Navigator.pushNamed(context, AppRoutes.todayAttendance);
|
|
|
|
|
}))
|
|
|
|
|
.animatedSwither();
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
9.width,
|
|
|
|
|
Expanded(child: MenusWidget()),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
).paddingOnly(left: 21, right: 21, top: 7, bottom: 21),
|
|
|
|
|
eventActivityWidget(context),
|
|
|
|
|
Column(
|
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
Directionality(
|
|
|
|
|
textDirection: AppState().isArabic(context) ? ui.TextDirection.rtl : ui.TextDirection.ltr,
|
|
|
|
|
child: Container(
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
borderRadius: BorderRadius.circular(20),
|
|
|
|
|
gradient: const LinearGradient(colors: [Color(0xFF91C481), Color(0xFF7CCED7)], begin: Alignment.centerLeft, end: Alignment.centerRight),
|
|
|
|
|
),
|
|
|
|
|
child: Padding(
|
|
|
|
|
padding: const EdgeInsets.all(3.0), // This creates the border width
|
|
|
|
|
child: Container(
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
borderRadius: BorderRadius.circular(17), // Slightly less than outer radius
|
|
|
|
|
),
|
|
|
|
|
child: Row(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
Expanded(
|
|
|
|
|
flex: 4,
|
|
|
|
|
child: Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
Row(
|
|
|
|
|
children: [
|
|
|
|
|
Expanded(
|
|
|
|
|
flex: 2,
|
|
|
|
|
child: RichText(
|
|
|
|
|
text:
|
|
|
|
|
AppState().isArabic(context)
|
|
|
|
|
? TextSpan(
|
|
|
|
|
children: [
|
|
|
|
|
LocaleKeys.checkIn.tr().toText12(color: Colors.white),
|
|
|
|
|
(model.attendanceTracking!.pSwipeIn == null ? "--:--" : model.attendanceTracking!.pSwipeIn).toString().toText14(
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
isBold: true,
|
|
|
|
|
TextSpan(
|
|
|
|
|
text: 'اطلع على مميزات',
|
|
|
|
|
style: TextStyle(fontSize: 16, letterSpacing: -0.2, fontFamily: AppState().isArabic(context) ? 'Cairo' : 'Poppins', fontWeight: FontWeight.w700, height: 24 / 16, color: Color(0xFF5D5E5E)),
|
|
|
|
|
),
|
|
|
|
|
TextSpan(
|
|
|
|
|
text: ' مزايا',
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
fontSize: 16,
|
|
|
|
|
fontFamily: AppState().isArabic(context) ? 'Cairo' : 'Poppins',
|
|
|
|
|
fontWeight: FontWeight.w700,
|
|
|
|
|
letterSpacing: -0.2,
|
|
|
|
|
height: 24 / 16,
|
|
|
|
|
color: MyColors.mazayaRedColor, // Use your MAZAYA red color here if defined, e.g. MyColors.mazayaRed
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
)
|
|
|
|
|
: TextSpan(
|
|
|
|
|
children: [
|
|
|
|
|
TextSpan(
|
|
|
|
|
text: LocaleKeys.explore.tr() + ' ',
|
|
|
|
|
style: const TextStyle(fontSize: 16, letterSpacing: -0.2, fontFamily: 'Poppins', fontWeight: FontWeight.w700, height: 24 / 16, color: Color(0xFF5D5E5E)),
|
|
|
|
|
),
|
|
|
|
|
TextSpan(
|
|
|
|
|
text: LocaleKeys.mazaya.tr(),
|
|
|
|
|
style: const TextStyle(
|
|
|
|
|
fontSize: 16,
|
|
|
|
|
fontWeight: FontWeight.w700,
|
|
|
|
|
fontFamily: 'Poppins',
|
|
|
|
|
letterSpacing: -0.2,
|
|
|
|
|
height: 24 / 16,
|
|
|
|
|
color: MyColors.mazayaRedColor, // Use your MAZAYA red color here if defined, e.g. MyColors.mazayaRed
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
TextSpan(
|
|
|
|
|
text: ' ' + LocaleKeys.benefits.tr(),
|
|
|
|
|
style: const TextStyle(fontSize: 16, letterSpacing: -0.2,
|
|
|
|
|
fontFamily: 'Poppins',fontWeight: FontWeight.w700, height: 24 / 16, color: Color(0xFF5D5E5E)),
|
|
|
|
|
),
|
|
|
|
|
4.height,
|
|
|
|
|
],
|
|
|
|
|
).paddingOnly(left: 12, right: 12),
|
|
|
|
|
),
|
|
|
|
|
Container(
|
|
|
|
|
margin: EdgeInsets.only(top: AppState().isArabic(context) ? 6 : 0),
|
|
|
|
|
width: 45,
|
|
|
|
|
height: 45,
|
|
|
|
|
padding: const EdgeInsets.only(left: 10, right: 10),
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
color: const Color(0xff259EA4),
|
|
|
|
|
borderRadius: BorderRadius.only(
|
|
|
|
|
bottomRight: AppState().isArabic(context) ? const Radius.circular(0) : const Radius.circular(15),
|
|
|
|
|
bottomLeft: AppState().isArabic(context) ? const Radius.circular(15) : const Radius.circular(0),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
child: SvgPicture.asset(model.isTimeRemainingInSeconds == 0 ? "assets/images/biometrics.svg" : "assets/images/biometrics.svg"),
|
|
|
|
|
).onPress(() {
|
|
|
|
|
showMyBottomSheet(context, callBackFunc: () {}, child: MarkAttendanceWidget(model, isFromDashboard: true));
|
|
|
|
|
}),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
).onPress(() {
|
|
|
|
|
Navigator.pushNamed(context, AppRoutes.todayAttendance);
|
|
|
|
|
}))
|
|
|
|
|
.animatedSwither();
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
const Expanded(flex: 1, child: SizedBox()),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
const SizedBox(height: 8),
|
|
|
|
|
LocaleKeys.mazayaDesc.tr().toText11(color: const Color(0xFF5D5E5E)),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
Expanded(
|
|
|
|
|
flex: 2,
|
|
|
|
|
child: Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
|
|
|
children: [
|
|
|
|
|
SvgPicture.asset("assets/icons/mazaya_brand.svg", width: 90, height: 47),
|
|
|
|
|
const SizedBox(height: 28),
|
|
|
|
|
LocaleKeys.viewallofferMazaya.tr().toText12(isUnderLine: true, color: const Color(0xFF3B3D4A)).onPress(() {
|
|
|
|
|
Navigator.pushNamed(context, AppRoutes.offersAndDiscounts);
|
|
|
|
|
}),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
).paddingOnly(left: 21, right: 21, top: 14, bottom: 14),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
9.width,
|
|
|
|
|
Expanded(child: MenusWidget()),
|
|
|
|
|
).paddingOnly(left: 21, right: 21, top: 0, bottom: 21),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
Container(
|
|
|
|
|
width: double.infinity,
|
|
|
|
|
padding: const EdgeInsets.only(top: 31),
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
borderRadius: const BorderRadius.only(topRight: Radius.circular(50), topLeft: Radius.circular(50)),
|
|
|
|
|
border: Border.all(color: MyColors.lightGreyEDColor, width: 1),
|
|
|
|
|
),
|
|
|
|
|
child: Column(
|
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
|
|
|
|
children: [
|
|
|
|
|
ServicesWidget(),
|
|
|
|
|
context.watch<MarathonProvider>().isLoading ? const MarathonBannerShimmer().paddingAll(20) : const MarathonBanner().paddingOnly(left: 21, right: 21, bottom: 8, top: 8),
|
|
|
|
|
// context.watch<MarathonProvider>().isTutorialLoading
|
|
|
|
|
// ? const MarathonBannerShimmer().paddingAll(20)
|
|
|
|
|
// : Container(
|
|
|
|
|
// padding: EdgeInsets.only(bottom: 12, top: 12),
|
|
|
|
|
// margin: EdgeInsets.only(left: 21, right: 21, bottom: 21, top: 8),
|
|
|
|
|
// width: double.infinity,
|
|
|
|
|
// alignment: Alignment.center,
|
|
|
|
|
// decoration: BoxDecoration(
|
|
|
|
|
// color: MyColors.backgroundBlackColor,
|
|
|
|
|
// borderRadius: BorderRadius.circular(20),
|
|
|
|
|
// border: Border.all(color: MyColors.lightGreyEDColor, width: 1),
|
|
|
|
|
// ),
|
|
|
|
|
// child: Column(
|
|
|
|
|
// crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
// mainAxisSize: MainAxisSize.min,
|
|
|
|
|
// children: [
|
|
|
|
|
// Text(
|
|
|
|
|
// "Tutorial:",
|
|
|
|
|
// style: TextStyle(
|
|
|
|
|
// fontSize: 11,
|
|
|
|
|
// fontStyle: FontStyle.italic,
|
|
|
|
|
// fontWeight: FontWeight.w600,
|
|
|
|
|
// color: MyColors.white.withOpacity(0.83),
|
|
|
|
|
// letterSpacing: -0.4,
|
|
|
|
|
// ),
|
|
|
|
|
// ),
|
|
|
|
|
// Text(
|
|
|
|
|
// context.read<MarathonProvider>().tutorial?.tutorialName ?? "",
|
|
|
|
|
// overflow: TextOverflow.ellipsis,
|
|
|
|
|
// style: TextStyle(
|
|
|
|
|
// fontStyle: FontStyle.italic,
|
|
|
|
|
// fontSize: 19,
|
|
|
|
|
// fontWeight: FontWeight.bold,
|
|
|
|
|
// color: MyColors.white,
|
|
|
|
|
// height: 32 / 22,
|
|
|
|
|
// ),
|
|
|
|
|
// ),
|
|
|
|
|
// ],
|
|
|
|
|
// ),
|
|
|
|
|
// ).onPress(() {
|
|
|
|
|
// checkERMChannel();
|
|
|
|
|
// // Navigator.pushNamed(context, AppRoutes.marathonTutorialScreen);
|
|
|
|
|
// }),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
).paddingOnly(left: 21, right: 21, top: 7, bottom: 21),
|
|
|
|
|
eventActivityWidget(context),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
drawer: AppDrawer(onLanguageChange: _onRefresh),
|
|
|
|
|
bottomNavigationBar: SizedBox(
|
|
|
|
|
height: Platform.isAndroid ? 70 : 100,
|
|
|
|
|
child: BottomNavigationBar(
|
|
|
|
|
items: <BottomNavigationBarItem>[
|
|
|
|
|
BottomNavigationBarItem(icon: SvgPicture.asset("assets/icons/home.svg", color: currentIndex == 0 ? MyColors.grey3AColor : MyColors.grey98Color).paddingAll(4), label: LocaleKeys.home.tr()),
|
|
|
|
|
BottomNavigationBarItem(
|
|
|
|
|
icon: SvgPicture.asset("assets/icons/create_req.svg", color: currentIndex == 1 ? MyColors.grey3AColor : MyColors.grey98Color).paddingAll(4),
|
|
|
|
|
label: LocaleKeys.mowadhafhiRequest.tr(),
|
|
|
|
|
),
|
|
|
|
|
BottomNavigationBarItem(
|
|
|
|
|
icon: Stack(
|
|
|
|
|
alignment: Alignment.centerLeft,
|
|
|
|
|
children: [
|
|
|
|
|
SvgPicture.asset("assets/icons/work_list.svg", color: currentIndex == 2 ? MyColors.grey3AColor : MyColors.grey98Color).paddingAll(4),
|
|
|
|
|
Consumer<DashboardProviderModel>(
|
|
|
|
|
builder: (BuildContext context, DashboardProviderModel model, Widget? child) {
|
|
|
|
|
if (!model.isOffersLoading && model.getOffersList.isEmpty) {
|
|
|
|
|
builder: (BuildContext cxt, DashboardProviderModel data, Widget? child) {
|
|
|
|
|
if (data.workListCounter == 0) {
|
|
|
|
|
return const SizedBox();
|
|
|
|
|
}
|
|
|
|
|
return Column(
|
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
Directionality(
|
|
|
|
|
textDirection: AppState().isArabic(context) ? ui.TextDirection.rtl : ui.TextDirection.ltr,
|
|
|
|
|
child: Container(
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
borderRadius: BorderRadius.circular(20),
|
|
|
|
|
gradient: const LinearGradient(colors: [Color(0xFF91C481), Color(0xFF7CCED7)], begin: Alignment.centerLeft, end: Alignment.centerRight),
|
|
|
|
|
),
|
|
|
|
|
child: Padding(
|
|
|
|
|
padding: const EdgeInsets.all(3.0), // This creates the border width
|
|
|
|
|
child: Container(
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
borderRadius: BorderRadius.circular(17), // Slightly less than outer radius
|
|
|
|
|
),
|
|
|
|
|
child: Row(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
Expanded(
|
|
|
|
|
flex: 4,
|
|
|
|
|
child: Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
Row(
|
|
|
|
|
children: [
|
|
|
|
|
Expanded(
|
|
|
|
|
flex: 2,
|
|
|
|
|
child: RichText(
|
|
|
|
|
text:
|
|
|
|
|
AppState().isArabic(context)
|
|
|
|
|
? const TextSpan(
|
|
|
|
|
children: [
|
|
|
|
|
TextSpan(
|
|
|
|
|
text: 'اطلع على مميزات',
|
|
|
|
|
style: TextStyle(fontSize: 16, letterSpacing: -0.2, fontWeight: FontWeight.w700, height: 24 / 16, color: Color(0xFF5D5E5E)),
|
|
|
|
|
),
|
|
|
|
|
TextSpan(
|
|
|
|
|
text: ' مزايا',
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
fontSize: 16,
|
|
|
|
|
fontWeight: FontWeight.w700,
|
|
|
|
|
letterSpacing: -0.2,
|
|
|
|
|
height: 24 / 16,
|
|
|
|
|
color: Color(0xFFED1C2B), // Use your MAZAYA red color here if defined, e.g. MyColors.mazayaRed
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
)
|
|
|
|
|
: TextSpan(
|
|
|
|
|
children: [
|
|
|
|
|
TextSpan(
|
|
|
|
|
text: LocaleKeys.explore.tr() + ' ',
|
|
|
|
|
style: const TextStyle(fontSize: 16, letterSpacing: -0.2, fontWeight: FontWeight.w700, height: 24 / 16, color: Color(0xFF5D5E5E)),
|
|
|
|
|
),
|
|
|
|
|
TextSpan(
|
|
|
|
|
text: LocaleKeys.mazaya.tr(),
|
|
|
|
|
style: const TextStyle(
|
|
|
|
|
fontSize: 16,
|
|
|
|
|
fontWeight: FontWeight.w700,
|
|
|
|
|
letterSpacing: -0.2,
|
|
|
|
|
height: 24 / 16,
|
|
|
|
|
color: Color(0xFFED1C2B), // Use your MAZAYA red color here if defined, e.g. MyColors.mazayaRed
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
TextSpan(
|
|
|
|
|
text: ' ' + LocaleKeys.benefits.tr(),
|
|
|
|
|
style: const TextStyle(fontSize: 16, letterSpacing: -0.2, fontWeight: FontWeight.w700, height: 24 / 16, color: Color(0xFF5D5E5E)),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
const Expanded(flex: 1, child: SizedBox()),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
const SizedBox(height: 8),
|
|
|
|
|
LocaleKeys.mazayaDesc.tr().toText11(color: const Color(0xFF5D5E5E)),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
Expanded(
|
|
|
|
|
flex: 2,
|
|
|
|
|
child: Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
|
|
|
children: [
|
|
|
|
|
SvgPicture.asset("assets/icons/mazaya_brand.svg", width: 90, height: 47),
|
|
|
|
|
const SizedBox(height: 28),
|
|
|
|
|
LocaleKeys.viewAllOffers.tr().toText12(isUnderLine: true, color: const Color(0xFF3B3D4A)).onPress(() {
|
|
|
|
|
Navigator.pushNamed(context, AppRoutes.offersAndDiscounts);
|
|
|
|
|
}),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
).paddingOnly(left: 21, right: 21, top: 14, bottom: 14),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
).paddingOnly(left: 21, right: 21, top: 0, bottom: 21),
|
|
|
|
|
),
|
|
|
|
|
|
|
|
|
|
// Container(
|
|
|
|
|
// height: 121,
|
|
|
|
|
// decoration: BoxDecoration(
|
|
|
|
|
// borderRadius: BorderRadius.circular(12),
|
|
|
|
|
// border: Border.all(width: 3, color: Colors.red),
|
|
|
|
|
// ),
|
|
|
|
|
// child: Padding(padding: const EdgeInsets.all(4.0), child: Container(decoration: BoxDecoration(borderRadius: BorderRadius.circular(12), color: Colors.white))),
|
|
|
|
|
// ).paddingOnly(left: 21, right: 21, bottom: 21),
|
|
|
|
|
|
|
|
|
|
// Row(
|
|
|
|
|
// crossAxisAlignment: CrossAxisAlignment.center,
|
|
|
|
|
// children: [
|
|
|
|
|
// Expanded(
|
|
|
|
|
// child: Column(
|
|
|
|
|
// crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
// mainAxisSize: MainAxisSize.min,
|
|
|
|
|
// children: [
|
|
|
|
|
// LocaleKeys.offers.tr().toText12(),
|
|
|
|
|
// Row(
|
|
|
|
|
// children: [
|
|
|
|
|
// LocaleKeys.discounts.tr().toText24(isBold: true),
|
|
|
|
|
// 6.width,
|
|
|
|
|
// Container(
|
|
|
|
|
// padding: const EdgeInsets.only(left: 8, right: 8),
|
|
|
|
|
// decoration: BoxDecoration(
|
|
|
|
|
// color: MyColors.yellowColor,
|
|
|
|
|
// borderRadius: BorderRadius.circular(10),
|
|
|
|
|
// ),
|
|
|
|
|
// child: LocaleKeys.newString.tr().toText10(isBold: true)),
|
|
|
|
|
// ],
|
|
|
|
|
// ),
|
|
|
|
|
// ],
|
|
|
|
|
// ),
|
|
|
|
|
// ),
|
|
|
|
|
// LocaleKeys.viewAllOffers.tr().toText12(isUnderLine: true).onPress(() {
|
|
|
|
|
// Navigator.pushNamed(context, AppRoutes.offersAndDiscounts);
|
|
|
|
|
// })
|
|
|
|
|
// ],
|
|
|
|
|
// ).paddingOnly(left: 21, right: 21),
|
|
|
|
|
// Consumer<DashboardProviderModel>(
|
|
|
|
|
// builder: (BuildContext context, DashboardProviderModel model, Widget? child) {
|
|
|
|
|
// return SizedBox(
|
|
|
|
|
// height: 103 + 33,
|
|
|
|
|
// child: ListView.separated(
|
|
|
|
|
// shrinkWrap: true,
|
|
|
|
|
// physics: const BouncingScrollPhysics(),
|
|
|
|
|
// padding: const EdgeInsets.only(left: 21, right: 21, top: 13),
|
|
|
|
|
// scrollDirection: Axis.horizontal,
|
|
|
|
|
// itemBuilder: (BuildContext cxt, int index) {
|
|
|
|
|
// return model.isOffersLoading
|
|
|
|
|
// ? const OffersShimmerWidget()
|
|
|
|
|
// : InkWell(
|
|
|
|
|
// onTap: () {
|
|
|
|
|
// navigateToDetails(data.getOffersList[index]);
|
|
|
|
|
// },
|
|
|
|
|
// child: SizedBox(
|
|
|
|
|
// width: 73,
|
|
|
|
|
// child: Column(
|
|
|
|
|
// crossAxisAlignment: CrossAxisAlignment.center,
|
|
|
|
|
// children: [
|
|
|
|
|
// Container(
|
|
|
|
|
// width: 73,
|
|
|
|
|
// height: 73,
|
|
|
|
|
// decoration: BoxDecoration(
|
|
|
|
|
// color: Colors.white,
|
|
|
|
|
// borderRadius: const BorderRadius.all(
|
|
|
|
|
// Radius.circular(100),
|
|
|
|
|
// ),
|
|
|
|
|
// border: Border.all(color: MyColors.lightGreyE3Color, width: 1),
|
|
|
|
|
// ),
|
|
|
|
|
// child: ClipRRect(
|
|
|
|
|
// borderRadius: const BorderRadius.all(
|
|
|
|
|
// Radius.circular(50),
|
|
|
|
|
// ),
|
|
|
|
|
// child: Hero(
|
|
|
|
|
// tag: "ItemImage" + data.getOffersList[index].offersDiscountId.toString()!,
|
|
|
|
|
// transitionOnUserGestures: true,
|
|
|
|
|
// child: Image.network(
|
|
|
|
|
// data.getOffersList[index].logo ?? "",
|
|
|
|
|
// fit: BoxFit.contain,
|
|
|
|
|
// ),
|
|
|
|
|
// ),
|
|
|
|
|
// ),
|
|
|
|
|
// ),
|
|
|
|
|
// 4.height,
|
|
|
|
|
// Expanded(
|
|
|
|
|
// child: AppState().isArabic(context)
|
|
|
|
|
// ? data.getOffersList[index].titleAr!.toText12(isCenter: true, maxLine: 1)
|
|
|
|
|
// : data.getOffersList[index].titleEn!.toText12(isCenter: true, maxLine: 1),
|
|
|
|
|
// ),
|
|
|
|
|
// ],
|
|
|
|
|
// ),
|
|
|
|
|
// ),
|
|
|
|
|
// );
|
|
|
|
|
// },
|
|
|
|
|
// separatorBuilder: (BuildContext cxt, int index) => 8.width,
|
|
|
|
|
// itemCount: 9),
|
|
|
|
|
// );
|
|
|
|
|
// },
|
|
|
|
|
// ),
|
|
|
|
|
],
|
|
|
|
|
return Positioned(
|
|
|
|
|
right: 0,
|
|
|
|
|
top: 0,
|
|
|
|
|
child: Container(
|
|
|
|
|
padding: const EdgeInsets.only(left: 4, right: 4),
|
|
|
|
|
alignment: Alignment.center,
|
|
|
|
|
decoration: BoxDecoration(color: MyColors.redColor, borderRadius: BorderRadius.circular(17)),
|
|
|
|
|
child: data.workListCounter.toString().toText10(color: Colors.white),
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
Container(
|
|
|
|
|
width: double.infinity,
|
|
|
|
|
padding: const EdgeInsets.only(top: 31),
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
borderRadius: const BorderRadius.only(topRight: Radius.circular(50), topLeft: Radius.circular(50)),
|
|
|
|
|
border: Border.all(color: MyColors.lightGreyEDColor, width: 1),
|
|
|
|
|
),
|
|
|
|
|
child: Column(
|
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
|
|
|
|
children: [
|
|
|
|
|
ServicesWidget(),
|
|
|
|
|
context.watch<MarathonProvider>().isLoading ? const MarathonBannerShimmer().paddingAll(20) : const MarathonBanner().paddingOnly(left: 21, right: 21, bottom: 8, top: 8),
|
|
|
|
|
// context.watch<MarathonProvider>().isTutorialLoading
|
|
|
|
|
// ? const MarathonBannerShimmer().paddingAll(20)
|
|
|
|
|
// : Container(
|
|
|
|
|
// padding: EdgeInsets.only(bottom: 12, top: 12),
|
|
|
|
|
// margin: EdgeInsets.only(left: 21, right: 21, bottom: 21, top: 8),
|
|
|
|
|
// width: double.infinity,
|
|
|
|
|
// alignment: Alignment.center,
|
|
|
|
|
// decoration: BoxDecoration(
|
|
|
|
|
// color: MyColors.backgroundBlackColor,
|
|
|
|
|
// borderRadius: BorderRadius.circular(20),
|
|
|
|
|
// border: Border.all(color: MyColors.lightGreyEDColor, width: 1),
|
|
|
|
|
// ),
|
|
|
|
|
// child: Column(
|
|
|
|
|
// crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
// mainAxisSize: MainAxisSize.min,
|
|
|
|
|
// children: [
|
|
|
|
|
// Text(
|
|
|
|
|
// "Tutorial:",
|
|
|
|
|
// style: TextStyle(
|
|
|
|
|
// fontSize: 11,
|
|
|
|
|
// fontStyle: FontStyle.italic,
|
|
|
|
|
// fontWeight: FontWeight.w600,
|
|
|
|
|
// color: MyColors.white.withOpacity(0.83),
|
|
|
|
|
// letterSpacing: -0.4,
|
|
|
|
|
// ),
|
|
|
|
|
// ),
|
|
|
|
|
// Text(
|
|
|
|
|
// context.read<MarathonProvider>().tutorial?.tutorialName ?? "",
|
|
|
|
|
// overflow: TextOverflow.ellipsis,
|
|
|
|
|
// style: TextStyle(
|
|
|
|
|
// fontStyle: FontStyle.italic,
|
|
|
|
|
// fontSize: 19,
|
|
|
|
|
// fontWeight: FontWeight.bold,
|
|
|
|
|
// color: MyColors.white,
|
|
|
|
|
// height: 32 / 22,
|
|
|
|
|
// ),
|
|
|
|
|
// ),
|
|
|
|
|
// ],
|
|
|
|
|
// ),
|
|
|
|
|
// ).onPress(() {
|
|
|
|
|
// checkERMChannel();
|
|
|
|
|
// // Navigator.pushNamed(context, AppRoutes.marathonTutorialScreen);
|
|
|
|
|
// }),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
label: LocaleKeys.workList.tr(),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
drawer: SafeArea(child: AppDrawer(onLanguageChange: _onRefresh)),
|
|
|
|
|
bottomNavigationBar: SizedBox(
|
|
|
|
|
height: Platform.isAndroid ? 70 : 100,
|
|
|
|
|
child: BottomNavigationBar(
|
|
|
|
|
items: <BottomNavigationBarItem>[
|
|
|
|
|
BottomNavigationBarItem(icon: SvgPicture.asset("assets/icons/home.svg", color: currentIndex == 0 ? MyColors.grey3AColor : MyColors.grey98Color).paddingAll(4), label: LocaleKeys.home.tr()),
|
|
|
|
|
BottomNavigationBarItem(
|
|
|
|
|
icon: SvgPicture.asset("assets/icons/create_req.svg", color: currentIndex == 1 ? MyColors.grey3AColor : MyColors.grey98Color).paddingAll(4),
|
|
|
|
|
label: LocaleKeys.mowadhafhiRequest.tr(),
|
|
|
|
|
),
|
|
|
|
|
BottomNavigationBarItem(
|
|
|
|
|
icon: Stack(
|
|
|
|
|
alignment: Alignment.centerLeft,
|
|
|
|
|
children: [
|
|
|
|
|
SvgPicture.asset("assets/icons/work_list.svg", color: currentIndex == 2 ? MyColors.grey3AColor : MyColors.grey98Color).paddingAll(4),
|
|
|
|
|
Consumer<DashboardProviderModel>(
|
|
|
|
|
builder: (BuildContext cxt, DashboardProviderModel data, Widget? child) {
|
|
|
|
|
if (data.workListCounter == 0) {
|
|
|
|
|
return const SizedBox();
|
|
|
|
|
}
|
|
|
|
|
return Positioned(
|
|
|
|
|
right: 0,
|
|
|
|
|
top: 0,
|
|
|
|
|
child: Container(
|
|
|
|
|
padding: const EdgeInsets.only(left: 4, right: 4),
|
|
|
|
|
alignment: Alignment.center,
|
|
|
|
|
decoration: BoxDecoration(color: MyColors.redColor, borderRadius: BorderRadius.circular(17)),
|
|
|
|
|
child: data.workListCounter.toString().toText10(color: Colors.white),
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
BottomNavigationBarItem(
|
|
|
|
|
icon: SvgPicture.asset("assets/icons/item_for_sale.svg", color: currentIndex == 3 ? MyColors.grey3AColor : MyColors.grey98Color).paddingAll(4),
|
|
|
|
|
label: LocaleKeys.itemsForSale.tr(),
|
|
|
|
|
),
|
|
|
|
|
label: LocaleKeys.workList.tr(),
|
|
|
|
|
),
|
|
|
|
|
BottomNavigationBarItem(
|
|
|
|
|
icon: SvgPicture.asset("assets/icons/item_for_sale.svg", color: currentIndex == 3 ? MyColors.grey3AColor : MyColors.grey98Color).paddingAll(4),
|
|
|
|
|
label: LocaleKeys.itemsForSale.tr(),
|
|
|
|
|
),
|
|
|
|
|
BottomNavigationBarItem(
|
|
|
|
|
icon: Stack(
|
|
|
|
|
alignment: Alignment.centerLeft,
|
|
|
|
|
children: [
|
|
|
|
|
SvgPicture.asset(
|
|
|
|
|
"assets/icons/chat/chat.svg",
|
|
|
|
|
color:
|
|
|
|
|
!checkIfPrivilegedForChat()
|
|
|
|
|
? MyColors.lightGreyE3Color
|
|
|
|
|
: currentIndex == 4
|
|
|
|
|
? MyColors.grey3AColor
|
|
|
|
|
: cProvider.disbaleChatForThisUser
|
|
|
|
|
? MyColors.lightGreyE3Color
|
|
|
|
|
: MyColors.grey98Color,
|
|
|
|
|
).paddingAll(4),
|
|
|
|
|
Consumer<ChatProviderModel>(
|
|
|
|
|
builder: (BuildContext cxt, ChatProviderModel data, Widget? child) {
|
|
|
|
|
return !checkIfPrivilegedForChat()
|
|
|
|
|
? const SizedBox()
|
|
|
|
|
: Positioned(
|
|
|
|
|
right: 0,
|
|
|
|
|
top: 0,
|
|
|
|
|
child: Container(
|
|
|
|
|
padding: const EdgeInsets.only(left: 4, right: 4),
|
|
|
|
|
alignment: Alignment.center,
|
|
|
|
|
decoration: BoxDecoration(color: cProvider.disbaleChatForThisUser ? MyColors.pinkDarkColor : MyColors.redColor, borderRadius: BorderRadius.circular(17)),
|
|
|
|
|
child: data.chatUConvCounter.toString().toText10(color: Colors.white),
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
BottomNavigationBarItem(
|
|
|
|
|
icon: Stack(
|
|
|
|
|
alignment: Alignment.centerLeft,
|
|
|
|
|
children: [
|
|
|
|
|
SvgPicture.asset(
|
|
|
|
|
"assets/icons/chat/chat.svg",
|
|
|
|
|
color:
|
|
|
|
|
!checkIfPrivilegedForChat()
|
|
|
|
|
? MyColors.lightGreyE3Color
|
|
|
|
|
: currentIndex == 4
|
|
|
|
|
? MyColors.grey3AColor
|
|
|
|
|
: cProvider.disbaleChatForThisUser
|
|
|
|
|
? MyColors.lightGreyE3Color
|
|
|
|
|
: MyColors.grey98Color,
|
|
|
|
|
).paddingAll(4),
|
|
|
|
|
Consumer<ChatProviderModel>(
|
|
|
|
|
builder: (BuildContext cxt, ChatProviderModel data, Widget? child) {
|
|
|
|
|
return !checkIfPrivilegedForChat()
|
|
|
|
|
? const SizedBox()
|
|
|
|
|
: Positioned(
|
|
|
|
|
right: 0,
|
|
|
|
|
top: 0,
|
|
|
|
|
child: Container(
|
|
|
|
|
padding: const EdgeInsets.only(left: 4, right: 4),
|
|
|
|
|
alignment: Alignment.center,
|
|
|
|
|
decoration: BoxDecoration(color: cProvider.disbaleChatForThisUser ? MyColors.pinkDarkColor : MyColors.redColor, borderRadius: BorderRadius.circular(17)),
|
|
|
|
|
child: data.chatUConvCounter.toString().toText10(color: Colors.white),
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
label: LocaleKeys.chat.tr(),
|
|
|
|
|
),
|
|
|
|
|
label: LocaleKeys.chat.tr(),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
currentIndex: currentIndex,
|
|
|
|
|
selectedLabelStyle: const TextStyle(fontSize: 10, color: MyColors.grey3AColor, fontWeight: FontWeight.w600),
|
|
|
|
|
unselectedLabelStyle: const TextStyle(fontSize: 10, color: MyColors.grey98Color, fontWeight: FontWeight.w600),
|
|
|
|
|
type: BottomNavigationBarType.fixed,
|
|
|
|
|
selectedItemColor: MyColors.grey3AColor,
|
|
|
|
|
backgroundColor: MyColors.backgroundColor,
|
|
|
|
|
selectedIconTheme: const IconThemeData(color: MyColors.grey3AColor, size: 28),
|
|
|
|
|
unselectedIconTheme: const IconThemeData(color: MyColors.grey98Color, size: 28),
|
|
|
|
|
onTap: (int index) {
|
|
|
|
|
if (index == 1) {
|
|
|
|
|
Navigator.pushNamed(context, AppRoutes.mowadhafhi);
|
|
|
|
|
} else if (index == 2) {
|
|
|
|
|
Navigator.pushNamed(context, AppRoutes.workList);
|
|
|
|
|
} else if (index == 3) {
|
|
|
|
|
Navigator.pushNamed(context, AppRoutes.itemsForSale);
|
|
|
|
|
} else if (index == 4) {
|
|
|
|
|
if (!cProvider.disbaleChatForThisUser && checkIfPrivilegedForChat()) {
|
|
|
|
|
Navigator.pushNamed(context, AppRoutes.chat);
|
|
|
|
|
],
|
|
|
|
|
currentIndex: currentIndex,
|
|
|
|
|
selectedLabelStyle: const TextStyle(fontSize: 10, color: MyColors.grey3AColor, fontWeight: FontWeight.w600),
|
|
|
|
|
unselectedLabelStyle: const TextStyle(fontSize: 10, color: MyColors.grey98Color, fontWeight: FontWeight.w600),
|
|
|
|
|
type: BottomNavigationBarType.fixed,
|
|
|
|
|
selectedItemColor: MyColors.grey3AColor,
|
|
|
|
|
backgroundColor: MyColors.backgroundColor,
|
|
|
|
|
selectedIconTheme: const IconThemeData(color: MyColors.grey3AColor, size: 28),
|
|
|
|
|
unselectedIconTheme: const IconThemeData(color: MyColors.grey98Color, size: 28),
|
|
|
|
|
onTap: (int index) {
|
|
|
|
|
if (index == 1) {
|
|
|
|
|
Navigator.pushNamed(context, AppRoutes.mowadhafhi);
|
|
|
|
|
} else if (index == 2) {
|
|
|
|
|
Navigator.pushNamed(context, AppRoutes.workList);
|
|
|
|
|
} else if (index == 3) {
|
|
|
|
|
Navigator.pushNamed(context, AppRoutes.itemsForSale);
|
|
|
|
|
} else if (index == 4) {
|
|
|
|
|
if (!cProvider.disbaleChatForThisUser && checkIfPrivilegedForChat()) {
|
|
|
|
|
Navigator.pushNamed(context, AppRoutes.chat);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
|
