[Homepage] 7. add Rekap Presensi

This commit is contained in:
Stephen
2024-01-11 17:45:52 +07:00
parent 50cacf159f
commit 0daef445a2
6 changed files with 213 additions and 4 deletions

View File

@@ -169,12 +169,12 @@ class HomepageScreen extends StatelessWidget {
height:Constant.getActualYPhone(context: context, y: 50),
decoration: BoxDecoration(
// color: Colors.green,
image: DecorationImage(
image: DecorationImage(
// fit: BoxFit.contain,
image: AssetImage('images/person.png'),
image: AssetImage('images/person.png'),
),
),
),
),
SizedBox(
height: Constant.getActualYPhone(context: context, y: 8),
@@ -248,11 +248,194 @@ class HomepageScreen extends StatelessWidget {
),
)
),
],
),
),
),
SizedBox(
height: Constant.getActualYPhone(context: context, y: 56),
),
//Menu Rekap Presensi
Padding(
padding: EdgeInsets.only(
right:Constant.getActualXPhone(context: context, x: 27),
left: Constant.getActualXPhone(context: context, x: 33),
),
child: SizedBox(
width: Constant.getActualXPhone(context: context, x: 330),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Rekap Presensi Bulan Ini',
style: Constant.titleH1_500_18(context: context).copyWith(
color: Constant.textTrueBlack,
),
),
SizedBox(
height: Constant.getActualYPhone(context: context, y: 20),
),
Container(
decoration: BoxDecoration(
shape: BoxShape.rectangle,
borderRadius: BorderRadius.circular(16),
color: Colors.white, // Set background color to #FFF
boxShadow: [
BoxShadow(
color: Color.fromRGBO(145, 158, 171, 0.20),
blurRadius: 2,
),
],
),
child: Padding(
padding: EdgeInsets.only(
top: Constant.getActualYPhone(context: context, y: 12),
bottom: Constant.getActualYPhone(context: context, y: 12),
left: Constant.getActualXPhone(context: context, x: 24),
right:Constant.getActualXPhone(context: context, x: 24),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Container(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'24 hari',
style: Constant.subtitle_600_14(context: context).copyWith(
color: Constant.textOrange,
),
),
SizedBox(
height: Constant.getActualYPhone(context: context, y: 4),
),
SizedBox(
child: Row(
children: [
Image(
image:AssetImage('images/person_available_grey.png'),
),
SizedBox(
width: Constant.getActualXPhone(context: context, x: 4),
),
Text(
'Kehadiran',
style: Constant.subtitle_500_12(context: context).copyWith(
color: Constant.textDarkGrey,
),
),
],
),
)
],
),
),
Image(
image:AssetImage('images/divider.png'),
),
//Tidak Hadir
Container(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'2 hari',
style: Constant.subtitle_600_14(context: context).copyWith(
color: Constant.textOrange,
),
),
SizedBox(
height: Constant.getActualYPhone(context: context, y: 4),
),
SizedBox(
child: Row(
children: [
Image(
image:AssetImage('images/person_delete_grey.png'),
),
SizedBox(
width: Constant.getActualXPhone(context: context, x: 4),
),
Text(
'Tidak Hadir',
style: Constant.subtitle_500_12(context: context).copyWith(
color: Constant.textDarkGrey,
),
),
],
),
)
],
),
),
Image(
image:AssetImage('images/divider.png'),
),
//Tidak Hadir
Container(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'5 hari',
style: Constant.subtitle_600_14(context: context).copyWith(
color: Constant.textOrange,
),
),
SizedBox(
height: Constant.getActualYPhone(context: context, y: 4),
),
SizedBox(
child: Row(
children: [
Image(
image:AssetImage('images/task_pending_grey.png'),
),
SizedBox(
width: Constant.getActualXPhone(context: context, x: 4),
),
Text(
'Lembur',
style: Constant.subtitle_500_12(context: context).copyWith(
color: Constant.textDarkGrey,
),
),
],
),
)
],
),
),
],
),
),
)
],
),
),
)
],
),
),