Haroon6138
/
mohemm-flutter-app
1
0
Fork 0
Code Issues Pull Requests 3 Packages Projects Releases Wiki Activity

shimmer

Browse Source
merge-requests/1/merge
devmirza121 4 years ago
parent 8cbc0a93ab
commit c2ced77bca
3 changed files with 64 additions and 147 deletions
Show Stats Download Patch File Download Diff File

187
lib/ui/landing/dashboard.dart
Unescape Escape View File

@ -8,7 +8,9 @@ import 'package:mohem_flutter_app/extensions/int_extensions.dart';
import 'package:mohem_flutter_app/extensions/string_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/extensions/widget_extensions.dart';
import 'package:mohem_flutter_app/generated/locale_keys.g.dart'; import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
import 'package:mohem_flutter_app/theme/colors.dart';
import 'package:mohem_flutter_app/widgets/circular_avatar.dart'; import 'package:mohem_flutter_app/widgets/circular_avatar.dart';
import 'package:shimmer/shimmer.dart';
class Dashboard extends StatefulWidget { class Dashboard extends StatefulWidget {
Dashboard({Key? key}) : super(key: key); Dashboard({Key? key}) : super(key: key);
@ -32,34 +34,14 @@ class _DashboardState extends State<Dashboard> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
List<String> names = [ List<String> names = [LocaleKeys.workList.tr(), LocaleKeys.missingSwipes.tr(), LocaleKeys.leaveBalance.tr(), LocaleKeys.ticketBalance.tr()];
LocaleKeys.workList.tr(),
LocaleKeys.missingSwipes.tr(),
LocaleKeys.leaveBalance.tr(),
LocaleKeys.ticketBalance.tr()
];
List<double> namesInt = [118, 02, 18.5, 03]; List<double> namesInt = [118, 02, 18.5, 03];
List<int> namesColor = [0xff125765, 0xff239D8F, 0xff2BB8A8, 0xff1D92AA]; List<int> namesColor = [0xff125765, 0xff239D8F, 0xff2BB8A8, 0xff1D92AA];
List<String> namesT = [ List<String> namesT = [LocaleKeys.monthlyAttendance.tr(), LocaleKeys.workFromHome.tr(), LocaleKeys.ticketRequest.tr(), LocaleKeys.monthlyAttendance.tr()];
LocaleKeys.monthlyAttendance.tr(), List<String> iconT = ["assets/images/monthly_attendance.svg", "assets/images/work_from_home.svg", "assets/images/ticket_request.svg", "assets/images/work_from_home.svg"];
LocaleKeys.workFromHome.tr(),
LocaleKeys.ticketRequest.tr(),
LocaleKeys.monthlyAttendance.tr()
];
List<String> iconT = [
"assets/images/monthly_attendance.svg",
"assets/images/work_from_home.svg",
"assets/images/ticket_request.svg",
"assets/images/work_from_home.svg"
];
List<String> namesD = [ List<String> namesD = ["Nostalgia Perfume Perfume", "Al Nafoura", "AlJadi", "Nostalgia Perfume"];
"Nostalgia Perfume Perfume",
"Al Nafoura",
"AlJadi",
"Nostalgia Perfume"
];
return Scaffold( return Scaffold(
body: Column( body: Column(
@ -72,8 +54,7 @@ class _DashboardState extends State<Dashboard> {
CircularAvatar( CircularAvatar(
width: 34, width: 34,
height: 34, height: 34,
url: url: "https://cdn4.iconfinder.com/data/icons/professions-2-2/151/89-512.png",
"https://cdn4.iconfinder.com/data/icons/professions-2-2/151/89-512.png",
), ),
8.width, 8.width,
SvgPicture.asset("assets/images/side_nav.svg"), SvgPicture.asset("assets/images/side_nav.svg"),
@ -103,9 +84,7 @@ class _DashboardState extends State<Dashboard> {
top: 0, top: 0,
child: Container( child: Container(
padding: const EdgeInsets.only(left: 5, right: 5), padding: const EdgeInsets.only(left: 5, right: 5),
decoration: BoxDecoration( decoration: BoxDecoration(color: MyColors.redColor, borderRadius: BorderRadius.circular(17)),
color: MyColors.redColor,
borderRadius: BorderRadius.circular(17)),
child: "3".toText12(color: Colors.white), child: "3".toText12(color: Colors.white),
), ),
) )
@ -121,9 +100,7 @@ class _DashboardState extends State<Dashboard> {
Column( Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
LocaleKeys.goodMorning LocaleKeys.goodMorning.tr().toText14(color: MyColors.grey77Color),
.tr()
.toText14(color: MyColors.grey77Color),
"Mahmoud Shrouf".toText24(isBold: true), "Mahmoud Shrouf".toText24(isBold: true),
16.height, 16.height,
Row( Row(
@ -134,11 +111,7 @@ class _DashboardState extends State<Dashboard> {
child: Container( child: Container(
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(15), borderRadius: BorderRadius.circular(15),
gradient: const LinearGradient( gradient: const LinearGradient(transform: GradientRotation(.46), begin: Alignment.topRight, end: Alignment.bottomRight, colors: [
transform: GradientRotation(.46),
begin: Alignment.topRight,
end: Alignment.bottomRight,
colors: [
MyColors.gradiantEndColor, MyColors.gradiantEndColor,
MyColors.gradiantStartColor, MyColors.gradiantStartColor,
]), ]),
@ -146,29 +119,19 @@ class _DashboardState extends State<Dashboard> {
child: Stack( child: Stack(
alignment: Alignment.center, alignment: Alignment.center,
children: [ children: [
SvgPicture.asset("assets/images/"), // SvgPicture.asset("assets/images/"),
Column( Column(
crossAxisAlignment: crossAxisAlignment: CrossAxisAlignment.start,
CrossAxisAlignment.start,
children: [ children: [
Expanded( Expanded(
child: Column( child: Column(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
crossAxisAlignment: crossAxisAlignment: CrossAxisAlignment.start,
CrossAxisAlignment.start,
children: [ children: [
LocaleKeys.markAttendance LocaleKeys.markAttendance.tr().toText14(color: Colors.white, isBold: true),
.tr()
.toText14(
color: Colors.white,
isBold: true),
9.height, 9.height,
"07:55:12".toText14( "07:55:12".toText14(color: Colors.white, isBold: true),
color: Colors.white, LocaleKeys.timeLeftToday.tr().toText12(color: Colors.white),
isBold: true),
LocaleKeys.timeLeftToday
.tr()
.toText12(color: Colors.white),
9.height, 9.height,
const ClipRRect( const ClipRRect(
borderRadius: BorderRadius.all( borderRadius: BorderRadius.all(
@ -177,50 +140,33 @@ class _DashboardState extends State<Dashboard> {
child: LinearProgressIndicator( child: LinearProgressIndicator(
value: 0.7, value: 0.7,
minHeight: 8, minHeight: 8,
valueColor: valueColor: const AlwaysStoppedAnimation<Color>(Colors.white),
const AlwaysStoppedAnimation< backgroundColor: const Color(0xff196D73),
Color>(Colors.white),
backgroundColor:
const Color(0xff196D73),
), ),
), ),
], ],
).paddingOnly( ).paddingOnly(top: 12, right: 15, left: 12),
top: 12, right: 15, left: 12),
), ),
Row( Row(
children: [ children: [
Expanded( Expanded(
child: Column( child: Column(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
crossAxisAlignment: crossAxisAlignment: CrossAxisAlignment.start,
CrossAxisAlignment.start, children: [LocaleKeys.checkIn.tr().toText12(color: Colors.white), "09:00".toText14(color: Colors.white, isBold: true), 4.height],
children: [
LocaleKeys.checkIn
.tr()
.toText12(
color: Colors.white),
"09:00".toText14(
color: Colors.white,
isBold: true),
4.height
],
).paddingOnly(left: 12), ).paddingOnly(left: 12),
), ),
Container( Container(
width: 45, width: 45,
height: 45, height: 45,
padding: const EdgeInsets.only( padding: const EdgeInsets.only(left: 14, right: 14),
left: 14, right: 14),
decoration: const BoxDecoration( decoration: const BoxDecoration(
color: Color(0xff259EA4), color: Color(0xff259EA4),
borderRadius: BorderRadius.only( borderRadius: BorderRadius.only(
bottomRight: bottomRight: Radius.circular(15),
Radius.circular(15),
), ),
), ),
child: SvgPicture.asset( child: SvgPicture.asset("assets/images/stop.svg"),
"assets/images/stop.svg"),
), ),
], ],
), ),
@ -229,8 +175,7 @@ class _DashboardState extends State<Dashboard> {
], ],
), ),
).onPress(() { ).onPress(() {
Navigator.pushNamed( Navigator.pushNamed(context, AppRoutes.todayAttendance);
context, AppRoutes.todayAttendance);
}), }),
), ),
), ),
@ -240,12 +185,7 @@ class _DashboardState extends State<Dashboard> {
shrinkWrap: true, shrinkWrap: true,
primary: false, primary: false,
physics: const NeverScrollableScrollPhysics(), physics: const NeverScrollableScrollPhysics(),
gridDelegate: gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2, childAspectRatio: 2 / 2, crossAxisSpacing: 9, mainAxisSpacing: 9),
const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
childAspectRatio: 2 / 2,
crossAxisSpacing: 9,
mainAxisSpacing: 9),
padding: EdgeInsets.zero, padding: EdgeInsets.zero,
itemCount: 4, itemCount: 4,
itemBuilder: (BuildContext context, int index) { itemBuilder: (BuildContext context, int index) {
@ -255,31 +195,22 @@ class _DashboardState extends State<Dashboard> {
borderRadius: BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
), ),
child: Column( child: Column(
mainAxisAlignment: mainAxisAlignment: MainAxisAlignment.spaceBetween,
MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
names[index].toText12(color: Colors.white), names[index].toText12(color: Colors.white),
Row( Row(
children: [ children: [
Expanded( Expanded(
child: namesInt[index] child: namesInt[index].toStringAsFixed(1).toText16(color: Colors.white, isBold: true),
.toStringAsFixed(1)
.toText16(
color: Colors.white,
isBold: true),
), ),
SvgPicture.asset( SvgPicture.asset("assets/images/arrow_next.svg", color: Colors.white)
"assets/images/arrow_next.svg",
color: Colors.white)
], ],
) )
], ],
).paddingOnly( ).paddingOnly(left: 10, right: 10, bottom: 6, top: 6),
left: 10, right: 10, bottom: 6, top: 6),
).onPress(() { ).onPress(() {
Navigator.pushNamed( Navigator.pushNamed(context, AppRoutes.workList);
context, AppRoutes.workList);
}); });
}, },
), ),
@ -300,9 +231,7 @@ class _DashboardState extends State<Dashboard> {
], ],
), ),
), ),
LocaleKeys.viewAllServices LocaleKeys.viewAllServices.tr().toText12(isUnderLine: true),
.tr()
.toText12(isUnderLine: true),
], ],
), ),
], ],
@ -312,8 +241,7 @@ class _DashboardState extends State<Dashboard> {
child: ListView.separated( child: ListView.separated(
shrinkWrap: true, shrinkWrap: true,
physics: const BouncingScrollPhysics(), physics: const BouncingScrollPhysics(),
padding: const EdgeInsets.only( padding: const EdgeInsets.only(left: 21, right: 21, top: 13, bottom: 13),
left: 21, right: 21, top: 13, bottom: 13),
scrollDirection: Axis.horizontal, scrollDirection: Axis.horizontal,
itemBuilder: (cxt, index) { itemBuilder: (cxt, index) {
return AspectRatio( return AspectRatio(
@ -324,8 +252,7 @@ class _DashboardState extends State<Dashboard> {
borderRadius: BorderRadius.circular(15), borderRadius: BorderRadius.circular(15),
boxShadow: [ boxShadow: [
BoxShadow( BoxShadow(
color: color: const Color(0xff000000).withOpacity(.05),
const Color(0xff000000).withOpacity(.05),
blurRadius: 26, blurRadius: 26,
offset: const Offset(0, -3), offset: const Offset(0, -3),
), ),
@ -340,17 +267,13 @@ class _DashboardState extends State<Dashboard> {
crossAxisAlignment: CrossAxisAlignment.end, crossAxisAlignment: CrossAxisAlignment.end,
children: [ children: [
Expanded( Expanded(
child: child: namesT[index].toText11(isBold: true),
namesT[index].toText11(isBold: true),
), ),
SvgPicture.asset( SvgPicture.asset("assets/images/arrow_next.svg").paddingOnly(bottom: 4)
"assets/images/arrow_next.svg")
.paddingOnly(bottom: 4)
], ],
) )
], ],
).paddingOnly( ).paddingOnly(left: 10, right: 10, bottom: 10, top: 12),
left: 10, right: 10, bottom: 10, top: 12),
), ),
); );
}, },
@ -363,11 +286,8 @@ class _DashboardState extends State<Dashboard> {
padding: EdgeInsets.only(top: 31), padding: EdgeInsets.only(top: 31),
decoration: BoxDecoration( decoration: BoxDecoration(
color: Colors.white, color: Colors.white,
borderRadius: BorderRadius.only( borderRadius: BorderRadius.only(topRight: Radius.circular(50), topLeft: Radius.circular(50)),
topRight: Radius.circular(50), border: Border.all(color: MyColors.lightGreyEDColor, width: 1),
topLeft: Radius.circular(50)),
border:
Border.all(color: MyColors.lightGreyEDColor, width: 1),
), ),
child: Column( child: Column(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
@ -383,29 +303,21 @@ class _DashboardState extends State<Dashboard> {
LocaleKeys.offers.tr().toText12(), LocaleKeys.offers.tr().toText12(),
Row( Row(
children: [ children: [
LocaleKeys.discounts LocaleKeys.discounts.tr().toText24(isBold: true),
.tr()
.toText24(isBold: true),
6.width, 6.width,
Container( Container(
padding: const EdgeInsets.only( padding: const EdgeInsets.only(left: 8, right: 8),
left: 8, right: 8),
decoration: BoxDecoration( decoration: BoxDecoration(
color: MyColors.yellowColor, color: MyColors.yellowColor,
borderRadius: borderRadius: BorderRadius.circular(10),
BorderRadius.circular(10),
), ),
child: LocaleKeys.newString child: LocaleKeys.newString.tr().toText10(isBold: true)),
.tr()
.toText10(isBold: true)),
], ],
), ),
], ],
), ),
), ),
LocaleKeys.viewAllOffers LocaleKeys.viewAllOffers.tr().toText12(isUnderLine: true),
.tr()
.toText12(isUnderLine: true),
], ],
).paddingOnly(left: 21, right: 21), ).paddingOnly(left: 21, right: 21),
SizedBox( SizedBox(
@ -413,8 +325,7 @@ class _DashboardState extends State<Dashboard> {
child: ListView.separated( child: ListView.separated(
shrinkWrap: true, shrinkWrap: true,
physics: const BouncingScrollPhysics(), physics: const BouncingScrollPhysics(),
padding: const EdgeInsets.only( padding: const EdgeInsets.only(left: 21, right: 21, top: 13),
left: 21, right: 21, top: 13),
scrollDirection: Axis.horizontal, scrollDirection: Axis.horizontal,
itemBuilder: (cxt, index) { itemBuilder: (cxt, index) {
return SizedBox( return SizedBox(
@ -429,9 +340,7 @@ class _DashboardState extends State<Dashboard> {
borderRadius: const BorderRadius.all( borderRadius: const BorderRadius.all(
Radius.circular(100), Radius.circular(100),
), ),
border: Border.all( border: Border.all(color: MyColors.lightGreyEDColor, width: 1),
color: MyColors.lightGreyEDColor,
width: 1),
), ),
child: ClipRRect( child: ClipRRect(
borderRadius: const BorderRadius.all( borderRadius: const BorderRadius.all(
@ -445,8 +354,8 @@ class _DashboardState extends State<Dashboard> {
), ),
4.height, 4.height,
Expanded( Expanded(
child: namesD[6 % (index + 1)].toText12( child: namesD[6 % (index + 1)].toText12(isCenter: true, maxLine: 2),
isCenter: true, maxLine: 2)), ),
], ],
), ),
); );

17
pubspec.lock
Unescape Escape View File

@ -14,7 +14,7 @@ packages:
name: async name: async
url: "https://pub.dartlang.org" url: "https://pub.dartlang.org"
source: hosted source: hosted
version: "2.8.1" version: "2.8.2"
boolean_selector: boolean_selector:
dependency: transitive dependency: transitive
description: description:
@ -28,7 +28,7 @@ packages:
name: characters name: characters
url: "https://pub.dartlang.org" url: "https://pub.dartlang.org"
source: hosted source: hosted
version: "1.1.0" version: "1.2.0"
charcode: charcode:
dependency: transitive dependency: transitive
description: description:
@ -202,7 +202,7 @@ packages:
name: matcher name: matcher
url: "https://pub.dartlang.org" url: "https://pub.dartlang.org"
source: hosted source: hosted
version: "0.12.10" version: "0.12.11"
meta: meta:
dependency: transitive dependency: transitive
description: description:
@ -392,6 +392,13 @@ packages:
url: "https://pub.dartlang.org" url: "https://pub.dartlang.org"
source: hosted source: hosted
version: "2.0.3" version: "2.0.3"
shimmer:
dependency: "direct main"
description:
name: shimmer
url: "https://pub.dartlang.org"
source: hosted
version: "2.0.0"
sizer: sizer:
dependency: "direct main" dependency: "direct main"
description: description:
@ -445,7 +452,7 @@ packages:
name: test_api name: test_api
url: "https://pub.dartlang.org" url: "https://pub.dartlang.org"
source: hosted source: hosted
version: "0.4.2" version: "0.4.3"
typed_data: typed_data:
dependency: transitive dependency: transitive
description: description:
@ -466,7 +473,7 @@ packages:
name: vector_math name: vector_math
url: "https://pub.dartlang.org" url: "https://pub.dartlang.org"
source: hosted source: hosted
version: "2.1.0" version: "2.1.1"
win32: win32:
dependency: transitive dependency: transitive
description: description:

1
pubspec.yaml
Unescape Escape View File

@ -44,6 +44,7 @@ dependencies:
sizer: ^2.0.15 sizer: ^2.0.15
local_auth: ^1.1.9 local_auth: ^1.1.9
fluttertoast: ^8.0.8 fluttertoast: ^8.0.8
shimmer: ^2.0.0
dev_dependencies: dev_dependencies:

Write Preview
Loading…
Cancel
Save