sindhu/absensi_sas_flutter
1
0
Fork 0
Code Issues 6 Pull Requests Packages Projects Releases Wiki Activity

step 16 : add drawer di home screen, sukses msg custom dialog untuk presensi selfie

Browse Source
This commit is contained in:
sindhu
2024-01-27 11:12:03 +07:00
parent a38a983561
commit 79c0729979
8 changed files with 1757 additions and 813 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/presensi_selfie_sukses.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

30
lib/app/constant.dart
View File

@@ -79,6 +79,13 @@ class Constant {
fontFamily: 'Public Sans'); fontFamily: 'Public Sans');
} }
static TextStyle titleH2_400_14({required BuildContext context}) {
return TextStyle(
fontSize: Constant.getActualYPhone(context: context, y: 14),
fontWeight: FontWeight.w400,
fontFamily: 'Public Sans');
}
static TextStyle titleH1_500_18({required BuildContext context}) { static TextStyle titleH1_500_18({required BuildContext context}) {
return TextStyle( return TextStyle(
fontSize: Constant.getActualYPhone(context: context, y: 18), fontSize: Constant.getActualYPhone(context: context, y: 18),
@@ -86,6 +93,13 @@ class Constant {
fontFamily: 'Public Sans'); fontFamily: 'Public Sans');
} }
static TextStyle titleH1_700_18({required BuildContext context}) {
return TextStyle(
fontSize: Constant.getActualYPhone(context: context, y: 18),
fontWeight: FontWeight.w700,
fontFamily: 'Public Sans');
}
static TextStyle titleH2_700({required BuildContext context}) { static TextStyle titleH2_700({required BuildContext context}) {
return TextStyle( return TextStyle(
fontFamily: 'Quicksand', fontFamily: 'Quicksand',
@@ -94,6 +108,22 @@ class Constant {
); );
} }
static TextStyle titleH3_700({required BuildContext context}) {
return TextStyle(
fontFamily: 'Quicksand',
fontSize: Constant.getActualYPhone(context: context, y: 16),
fontWeight: FontWeight.w700,
);
}
static TextStyle titleH2_500({required BuildContext context}) {
return TextStyle(
fontFamily: 'Quicksand',
fontSize: Constant.getActualYPhone(context: context, y: 12),
fontWeight: FontWeight.w500,
);
}
static TextStyle titleH2_400({required BuildContext context}) { static TextStyle titleH2_400({required BuildContext context}) {
return TextStyle( return TextStyle(
fontFamily: 'Public Sans', fontFamily: 'Public Sans',

1328
lib/screen/home/home_screen.dart
View File

File diff suppressed because it is too large Load Diff

953
lib/screen/home/home_screen_v1.dart
View File

@@ -1,180 +1,859 @@
import 'dart:async'; import 'package:absensi_sas_flutter/app/constant.dart';
import 'package:absensi_sas_flutter/screen/login/logout_provider.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart'; import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:geocoding/geocoding.dart';
import 'package:geolocator/geolocator.dart';
import 'package:google_sign_in/google_sign_in.dart'; import 'package:google_sign_in/google_sign_in.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart'; import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:shared_preferences/shared_preferences.dart'; import 'package:permission_handler/permission_handler.dart';
import '../../app/constant.dart';
import '../../app/route.dart'; import '../../app/route.dart';
import '../../provider/current_check_distance_provider.dart';
import '../../provider/current_check_jam_presensi_provider.dart';
import '../../provider/current_menu_provider.dart';
import '../../provider/current_user_provider.dart'; import '../../provider/current_user_provider.dart';
import '../../provider/google_login_provider.dart'; import '../../provider/google_login_provider.dart';
import '../../widget/custom_drawer.dart';
import '../../widget/real_date.dart';
import '../../widget/real_time.dart';
import '../../widget/sankbar_widget.dart'; import '../../widget/sankbar_widget.dart';
import '../presensi/check_distance_provider.dart';
import '../presensi/check_presensi_jam_provider.dart';
class HomeScreenV1 extends HookConsumerWidget { class HomeScreenV1 extends HookConsumerWidget {
const HomeScreenV1({super.key}); const HomeScreenV1({super.key});
@override @override
Widget build(BuildContext context, WidgetRef ref) { Widget build(BuildContext context, WidgetRef ref) {
final isLoading = useState(false); final selectedUser = ref.read(currentUserProvider);
// final errorMessage = useState(""); final isLoadingProsesCheckDistance = useState<bool>(false);
final successMessage = useState(""); final varCurrentDistanceProvider = ref.watch(currentCheckDistanceProvider);
final varCurrentCheckJamProvider =
ref.watch(currentCheckJamPresensiProvider);
final positionLatitude = useState<String>("");
final positionLongitude = useState<String>("");
// GoogleSignInAccount? currentUserGoogle =
// ref.watch(currentUserGoogleProvider);
final googleSignIn = ref.watch(googleSignInProvider); final googleSignIn = ref.watch(googleSignInProvider);
// final currentUserGoogleAccount = ref.watch(currentUserGoogleProvider); useEffect(() {
WidgetsBinding.instance.addPostFrameCallback((timeStamp) async {
final staffID = ref.read(currentUserProvider)?.model.staffId ?? "0";
if (staffID == "0") {
//not login
Navigator.of(context)
.pushNamedAndRemoveUntil(loginRoute, (route) => true);
GoogleSignInAccount? currentUserGoogle = // Navigator.popAndPushNamed(context, loginRoute);
ref.watch(currentUserGoogleProvider); return;
}
});
return () {};
}, []);
final selectedUser = ref.read(currentUserProvider); useEffect(() {
WidgetsBinding.instance.addPostFrameCallback((timeStamp) async {
final staffID = ref.read(currentUserProvider)?.model.staffId ?? "0";
// GoogleSignInAccount? accountX; if (staffID != "0") {
// final accountX = useState<GoogleSignInAccount?>(null); // panggil check jam presensi provider
Map<String, dynamic> inpVariablesCheckPresensiJam = {
"M_StaffID": selectedUser?.model.staffId ?? "",
"M_CompanyID": selectedUser?.model.companyId ?? "",
"token": selectedUser?.token ?? "",
};
// useEffect(() { ref.read(checkPresensiJamProvider.notifier).checkPresensiJam(
// WidgetsBinding.instance.addPostFrameCallback((timeStamp) async { selectedUser?.model.staffId ?? "",
// final staffID = ref.read(currentUserProvider)?.model.staffId ?? "0"; selectedUser?.model.companyId ?? "",
// if (staffID == "0" && currentUserGoogle == null) { selectedUser?.token ?? "",
// //not login inpVariablesCheckPresensiJam,
// Navigator.of(context) );
// .pushNamedAndRemoveUntil(loginRoute, (route) => true); }
});
return () {};
}, []);
// // Navigator.popAndPushNamed(context, loginRoute); Future<void> getAddressFromLocation() async {
// return; try {
// } isLoadingProsesCheckDistance.value = true;
// }); // Mendapatkan posisi pengguna
// return () {}; LocationPermission permission = await Geolocator.requestPermission();
// }, []);
// useEffect(() { if (permission == LocationPermission.denied) {
// WidgetsBinding.instance.addPostFrameCallback((timeStamp) async { isLoadingProsesCheckDistance.value = false;
// final staffID = ref.read(currentUserProvider)?.model.staffId ?? "0"; SanckbarWidget(context, 'Izin lokasi ditolak', snackbarType.error);
// final accountGoogle = ref.read(currentUserGoogleProvider)?.id ?? "0"; // Handle jika pengguna menolak izin lokasi
print("Izin lokasi ditolak");
return;
}
// if (staffID == "0" && accountGoogle == "0") { Position position = await Geolocator.getCurrentPosition(
// //not login desiredAccuracy: LocationAccuracy.high);
// Navigator.of(context)
// .pushNamedAndRemoveUntil(loginRoute, (route) => true);
// // Navigator.popAndPushNamed(context, loginRoute); // Mendapatkan alamat dari posisi
// return; List<Placemark> placemarks = await placemarkFromCoordinates(
// } position.latitude, position.longitude);
// });
// return () {};
// }, []);
// LISTEN PROVIDER if (placemarks.isNotEmpty) {
ref.listen(logoutProvider, (prev, next) async { isLoadingProsesCheckDistance.value = false;
if (next is LogoutStateLoading) { Placemark placemark = placemarks.first;
isLoading.value = true; // String address =
} else if (next is LogoutStateError) { // "${placemark.thoroughfare}, ${placemark.locality}, ${placemark.administrativeArea}, ${placemark.country},";
isLoading.value = false;
// errorMessage.value = next.message;
// Timer(const Duration(seconds: 3), () {
// errorMessage.value = "";
// });
SanckbarWidget(context, next.message, snackbarType.warning);
} else if (next is LogoutStateDone) {
isLoading.value = false;
if (next.model.status == "OK") { String address =
final shared = await SharedPreferences.getInstance(); "${placemark.street}, ${placemark.subLocality}, ${placemark.subAdministrativeArea}, ${placemark.postalCode}";
final bearerString = shared.get(Constant.bearerName).toString(); print("Alamat: $address");
// print(bearerString);
if (bearerString.isNotEmpty) { positionLatitude.value = position.latitude.toString();
shared.remove(bearerString); positionLongitude.value = position.longitude.toString();
shared.clear();
// Navigator.popAndPushNamed(context, loginRoute); // panggil check distance provider
Navigator.of(context).pushNamedAndRemoveUntil( ref.read(checkDistanceProvider.notifier).checkDistance(
loginRoute, selectedUser?.model.staffId ?? "",
(route) => false, selectedUser?.model.companyId ?? "",
); positionLatitude.value,
} positionLongitude.value,
Timer(const Duration(seconds: 3), () async { );
successMessage.value = "";
});
} else { } else {
isLoadingProsesCheckDistance.value = false;
SanckbarWidget( SanckbarWidget(
context, context, 'Tidak dapat menemukan alamat.', snackbarType.error);
next.model.message.toString(), print("Tidak dapat menemukan alamat.");
snackbarType.warning, }
); } catch (e) {
print("Error: $e");
isLoadingProsesCheckDistance.value = false;
SanckbarWidget(context, 'Error : $e', snackbarType.error);
}
}
Future<void> requestLocationPermission() async {
var status = await Permission.location.request();
isLoadingProsesCheckDistance.value = true;
if (status.isGranted) {
// Izin diberikan, lanjutkan dengan mendapatkan lokasi
getAddressFromLocation();
} else {
isLoadingProsesCheckDistance.value = false;
// Izin ditolak, berikan pemberitahuan atau instruksi
// print('Izin lokasi ditolak');
SanckbarWidget(context, 'Izin Ditolak', snackbarType.error);
}
}
// check distance provider
ref.listen(checkDistanceProvider, (prev, next) {
if (next is CheckDistanceStateLoading) {
isLoadingProsesCheckDistance.value = true;
} else if (next is CheckDistanceStateError) {
isLoadingProsesCheckDistance.value = false;
SanckbarWidget(context, next.message, snackbarType.warning);
} else if (next is CheckDistanceStateDone) {
isLoadingProsesCheckDistance.value = false;
if (next.model.selfie == "TRUE") {
ref.read(currentPageProvider.notifier).update((state) => 99);
// Navigator.of(context).pop();
Navigator.of(context).restorablePushNamed(presensiSelfieRoute);
} else {
if (next.model.selfie == "FALSE") {
ref.read(currentPageProvider.notifier).update((state) => 99);
Navigator.of(context).restorablePushNamed(presensiRoute);
}
} }
} }
}); });
Future<void> handleLogout() async { // check jam presensi
final googleSignIn = GoogleSignIn(); ref.listen(checkPresensiJamProvider, (prev, next) {
if (next is CheckPresensiJamStateLoading) {
// googleSignIn.signOut(); isLoadingProsesCheckDistance.value = true;
await googleSignIn.disconnect(); } else if (next is CheckPresensiJamStateError) {
await googleSignIn.signOut(); isLoadingProsesCheckDistance.value = false;
print("Error : " + next.toString());
// ref.read(currentUserGoogleProvider.notifier).update((state) => null); SanckbarWidget(
// final shared = await SharedPreferences.getInstance(); context, "Error : " + next.toString(), snackbarType.warning);
// final bearerString = shared.get(Constant.bearerName).toString(); } else if (next is CheckPresensiJamStateDone) {
// if (bearerString.isNotEmpty) { isLoadingProsesCheckDistance.value = false;
// shared.remove(bearerString); }
// shared.clear(); });
// }
// if (googleSignIn.currentUser != null) {
// GoogleSignIn().signOut();
// }
// await GoogleSignIn().disconnect();
// Clear state dan kembali ke halaman login
// ref.read(currentUserGoogleProvider.notifier).update((state) => null);
// final shared = await SharedPreferences.getInstance();
// final bearerString = shared.get(Constant.bearerName).toString();
// if (bearerString.isNotEmpty) {
// shared.remove(bearerString);
// shared.clear();
// }
Navigator.of(context)
.pushNamedAndRemoveUntil(loginRoute, (route) => false);
}
return Scaffold( return Scaffold(
body: Padding( floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
padding: const EdgeInsets.all(20), floatingActionButton: Container(
child: Column( width: Constant.getActualXPhone(context: context, x: 100),
children: [ height: Constant.getActualYPhone(context: context, y: 100),
(currentUserGoogle == null) child: FittedBox(
? Center( child: (isLoadingProsesCheckDistance.value)
child: CircularProgressIndicator(), ? SizedBox(
) width: Constant.getActualXPhone(context: context, x: 50),
: Container( height: Constant.getActualYPhone(context: context, y: 50),
child: ListTile( child: Center(
leading: GoogleUserCircleAvatar( child: CircularProgressIndicator(
// identity: accountX.value!, color: Constant.textOrange,
// identity: selectedUser?.googleSignInAccount, ),
identity: currentUserGoogle, ),
), )
title: Text( : FloatingActionButton(
// accountX.value!.displayName ?? "" onPressed: () async {
// selectedUser?.model.name ?? "", await requestLocationPermission();
currentUserGoogle.displayName ?? "", },
), backgroundColor: Color(0xFFFFFFFF),
// currentUserGoogle?.displayName ?? ""), shape: CircleBorder(),
subtitle: Text( child: Container(
// currentUserGoogle?.email ?? "", width: Constant.getActualXPhone(context: context, x: 50),
selectedUser?.model.email ?? "", height: Constant.getActualYPhone(context: context, y: 50),
// accountX.value!.email decoration: BoxDecoration(
), image: DecorationImage(
trailing: IconButton( image: AssetImage(
icon: Icon(Icons.logout_outlined), 'images/finger_tap_orange_botnav.png'), // Ganti dengan path gambar Anda
onPressed: () async {
handleLogout();
},
), ),
), ),
), ),
),
),
),
bottomNavigationBar: Container(
width: Constant.getActualXPhone(context: context, x: 390),
height: Constant.getActualYPhone(context: context, y: 84),
decoration: BoxDecoration(
color: Color(0xFFFFFFFF),
boxShadow: [
BoxShadow(
offset: Offset(0, -1),
blurRadius: 8,
spreadRadius: -8,
color: Color.fromRGBO(0, 0, 0, 0.10),
),
], ],
), ),
child: Row(
children: <Widget>[
Expanded(
child: Container(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Image(
image: AssetImage('images/home_orange.png'),
),
Text(
'Beranda',
style: Constant.subtitle_500_12(context: context).copyWith(
color: Constant.textOrange,
),
)
],
),
)),
Expanded(
child: Container(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Image(
image: AssetImage('images/person_grey.png'),
),
Text(
'Profile',
style: Constant.subtitle_500_12(context: context).copyWith(
color: Constant.textLightGrey,
),
)
],
),
)),
],
),
),
body: SafeArea(
child: SingleChildScrollView(
child: Container(
width: Constant.getActualXPhone(context: context, x: 390),
// height: Constant.getActualYPhone(context: context, y: 844),
child: RefreshIndicator(
onRefresh: () async {},
child: Column(
children: [
Padding(
padding: EdgeInsets.only(
top: Constant.getActualYPhone(context: context, y: 58),
left: Constant.getActualXPhone(context: context, x: 33),
right: Constant.getActualXPhone(context: context, x: 27),
),
child: Container(
child: (googleSignIn.currentUser == null)
? Center(
child: CircularProgressIndicator(),
)
: ListTile(
// leading: Container(
// width: Constant.getActualXPhone(
// context: context, x: 36),
// height: Constant.getActualYPhone(
// context: context, y: 36),
// child: Image(
// image: AssetImage('images/avatar_c.png'),
// ),
// ),
leading: GoogleUserCircleAvatar(
identity: googleSignIn.currentUser!,
),
title: Text(
// "Stephen Kusumo",
// selectedUser?.model.name ?? "",
// currentUserGoogle.displayName ?? "",
googleSignIn.currentUser?.displayName ?? "",
overflow: TextOverflow.ellipsis,
style: Constant.titleH1_700(context: context)
..copyWith(
color: Constant.textBlack,
),
),
subtitle: Text(
// "Step@example.com",
// currentUserGoogle?.email ?? "",
// selectedUser?.model.email ?? "",
googleSignIn.currentUser?.email ?? "",
style:
Constant.subtitle_500_12(context: context)
.copyWith(
color: Constant.textLightGrey,
),
),
trailing: Container(
width: Constant.getActualXPhone(
context: context, x: 36),
height: Constant.getActualYPhone(
context: context, y: 36),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12.0),
color: Colors.white,
shape: BoxShape.rectangle,
boxShadow: [
BoxShadow(
offset: Offset(0, 12),
blurRadius: 24,
color:
Color.fromRGBO(145, 158, 171, 0.12),
),
],
),
child: IconButton(
onPressed: () {},
icon: Container(
width: Constant.getActualXPhone(
context: context, x: 20),
height: Constant.getActualYPhone(
context: context, y: 20),
child: Image(
image:
AssetImage('images/alert_badge.png'),
),
),
),
),
),
),
),
SizedBox(
height: Constant.getActualYPhone(context: context, y: 44),
),
//Card Time
Padding(
padding: EdgeInsets.only(
left: Constant.getActualXPhone(context: context, x: 33),
right: Constant.getActualXPhone(context: context, x: 27),
),
child: Container(
width: Constant.getActualXPhone(context: context, x: 330),
height:
Constant.getActualYPhone(context: context, y: 200),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(40),
image: DecorationImage(
image: AssetImage(
'images/card_bg_1.png'), // Ganti dengan path gambar Anda
fit: BoxFit.fill, // Sesuaikan cara gambar ditampilkan
),
),
child: Padding(
padding: EdgeInsets.only(
top:
Constant.getActualYPhone(context: context, y: 16),
left:
Constant.getActualXPhone(context: context, x: 25),
right:
Constant.getActualXPhone(context: context, x: 25),
),
child: Container(
width: Constant.getActualXPhone(
context: context, x: 280),
height: Constant.getActualYPhone(
context: context, y: 150),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
// Date
RealTimeFormattedDate(),
SizedBox(
height: Constant.getActualYPhone(
context: context, y: 8),
),
//Time
RealTimeClock(), // Menampilkan waktu real-time menggunakan RealTimeClock
SizedBox(
height: Constant.getActualYPhone(
context: context, y: 20),
),
Row(
mainAxisAlignment: MainAxisAlignment
.center, // Menengahkan secara horizontal
children: [
Spacer(), // Spasi di sebelah kiri "Check In"
Column(
children: [
Image.asset(
'images/finger_tap.png', // Path gambar untuk "Check In"
width: Constant.getActualXPhone(
context: context, x: 22),
height: Constant.getActualYPhone(
context: context, y: 22),
),
SizedBox(
height: Constant.getActualYPhone(
context: context, y: 8),
),
(varCurrentCheckJamProvider
?.isAbsenClockIn ==
"TRUE")
? Text(
// '--:--',
varCurrentCheckJamProvider
?.jamClockIn ??
"NULL",
)
: Text(
'--:--',
style: TextStyle(
// Atur gaya teks '--:--' sesuai kebutuhan
),
),
Text(
'Clock In',
style: Constant.titleH2_700(
context: context)
.copyWith(
color: Constant.textLightGrey,
),
),
],
),
SizedBox(
width: Constant.getActualXPhone(
context: context, x: 96),
), // Jarak antara "Check In" dan "Check Out"
Column(
children: [
Image.asset(
'images/finger_tap.png', // Path gambar untuk "Check Out"
width: Constant.getActualXPhone(
context: context, x: 22),
height: Constant.getActualYPhone(
context: context, y: 22),
),
SizedBox(
height: Constant.getActualYPhone(
context: context, y: 8),
),
(varCurrentCheckJamProvider
?.isAbsenClockOut ==
"TRUE")
? Text(
// '--:--',
varCurrentCheckJamProvider
?.jamClockOut ??
"NULL",
)
: Text(
'--:--',
style: TextStyle(
// Atur gaya teks '--:--' sesuai kebutuhan
),
),
Text(
'Clock Out',
style: Constant.titleH2_700(
context: context)
.copyWith(
color: Constant.textLightGrey,
),
),
],
),
Spacer(), // Spasi di sebelah kanan "Check Out"
],
),
SizedBox(
height: Constant.getActualYPhone(
context: context, y: 16),
),
],
),
),
),
),
),
SizedBox(
height: Constant.getActualYPhone(context: context, y: 56),
),
//Menu Cuti Lembur
Padding(
padding: EdgeInsets.only(
left: Constant.getActualXPhone(context: context, x: 33),
right: Constant.getActualXPhone(context: context, x: 27),
),
child: Container(
width: Constant.getActualXPhone(context: context, x: 330),
child: Row(
children: [
//Menu Cuti
Container(
width: Constant.getActualXPhone(
context: context, x: 98),
// color: Colors.amber,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(16),
boxShadow: [
BoxShadow(
color: Color.fromRGBO(145, 158, 171, 0.20),
),
],
),
child: Padding(
padding: EdgeInsets.only(
left: Constant.getActualXPhone(
context: context, x: 12),
right: Constant.getActualXPhone(
context: context, x: 12),
top: Constant.getActualYPhone(
context: context, y: 8),
bottom: Constant.getActualYPhone(
context: context, y: 8),
),
child: InkWell(
onTap: () {},
child: Column(
children: [
Container(
child: Image(
width: Constant.getActualXPhone(
context: context, x: 50),
height: Constant.getActualYPhone(
context: context, y: 50),
image: AssetImage('images/person.png'),
),
),
SizedBox(
height: Constant.getActualYPhone(
context: context, y: 8),
),
Text(
'Cuti',
style: Constant.titleH2_600_14(
context: context)
.copyWith(
color: Constant.textDarkGrey,
),
),
],
),
),
),
),
SizedBox(
width: Constant.getActualXPhone(
context: context, x: 18),
),
//Menu Lembur
Container(
width: Constant.getActualXPhone(
context: context, x: 98),
// color: Colors.amber,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(16),
boxShadow: [
BoxShadow(
color: Color.fromRGBO(145, 158, 171, 0.20),
),
],
),
child: Padding(
padding: EdgeInsets.only(
left: Constant.getActualXPhone(
context: context, x: 12),
right: Constant.getActualXPhone(
context: context, x: 12),
top: Constant.getActualYPhone(
context: context, y: 8),
bottom: Constant.getActualYPhone(
context: context, y: 8),
),
child: InkWell(
onTap: () {},
child: Column(
children: [
Container(
child: Image(
width: Constant.getActualXPhone(
context: context, x: 50),
height: Constant.getActualYPhone(
context: context, y: 50),
image: AssetImage('images/task.png'),
),
),
SizedBox(
height: Constant.getActualYPhone(
context: context, y: 8),
),
Text(
'Lembur',
style: Constant.titleH2_600_14(
context: context)
.copyWith(
color: Constant.textDarkGrey,
),
),
],
),
),
),
),
],
),
),
),
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),
bottom:
Constant.getActualYPhone(context: context, y: 40)),
child: Container(
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,
),
),
],
),
),
],
),
),
],
),
),
),
],
),
),
),
],
),
),
),
),
), ),
); );
} }

6
lib/screen/presensi/presensi_screen.dart
View File

@@ -353,6 +353,7 @@ class PresensiScreen extends HookConsumerWidget {
top: Constant.getActualYPhone(context: context, y: 30), top: Constant.getActualYPhone(context: context, y: 30),
), ),
child: Scaffold( child: Scaffold(
backgroundColor: Constant.textWhite,
appBar: AppBar( appBar: AppBar(
title: Text( title: Text(
// 'Home Screen', // 'Home Screen',
@@ -369,7 +370,7 @@ class PresensiScreen extends HookConsumerWidget {
// elevation: 1.0, // elevation: 1.0,
elevation: 0.5, elevation: 0.5,
), ),
drawer: CustomDrawer(), drawer: CustomDrawer(),
body: SafeArea( body: SafeArea(
child: Padding( child: Padding(
padding: EdgeInsets.only( padding: EdgeInsets.only(
@@ -507,7 +508,8 @@ class PresensiScreen extends HookConsumerWidget {
// tombol aksi absen masuk & pulang // tombol aksi absen masuk & pulang
if (varCurrentCheckJamProvider?.isAbsenClockIn == "TRUE" && if (varCurrentCheckJamProvider?.isAbsenClockIn == "TRUE" &&
varCurrentCheckJamProvider?.isAbsenClockOut == "TRUE") ...[ varCurrentCheckJamProvider?.isAbsenClockOut ==
"TRUE") ...[
SizedBox.shrink() SizedBox.shrink()
] else ...[ ] else ...[
if (varCurrentCheckJamProvider?.isAbsenClockIn == "FALSE" && if (varCurrentCheckJamProvider?.isAbsenClockIn == "FALSE" &&

48
lib/screen/presensi/presensi_selfie_screen.dart
View File

@@ -19,6 +19,7 @@ import '../../app/route.dart';
import '../../provider/current_check_distance_provider.dart'; import '../../provider/current_check_distance_provider.dart';
import '../../provider/current_check_jam_presensi_provider.dart'; import '../../provider/current_check_jam_presensi_provider.dart';
import '../../provider/current_user_provider.dart'; import '../../provider/current_user_provider.dart';
import '../../widget/custom_dialog_presensi_selfie_sukses.dart';
import '../../widget/real_date.dart'; import '../../widget/real_date.dart';
import '../../widget/real_time.dart'; import '../../widget/real_time.dart';
import '../../widget/sankbar_widget.dart'; import '../../widget/sankbar_widget.dart';
@@ -284,7 +285,17 @@ class PresensiSelfieScreen extends HookConsumerWidget {
} else if (next is PresensiClockInStateDone) { } else if (next is PresensiClockInStateDone) {
isLoadingProsesCheckDistance.value = false; isLoadingProsesCheckDistance.value = false;
if (next.model == "OK") { if (next.model == "OK") {
SanckbarWidget(context, "Berhasil Absen Masuk", snackbarType.success); // SanckbarWidget(context, "Berhasil Absen Masuk", snackbarType.success);
showDialog(
context: context,
builder: (BuildContext context) {
return CustomDialogPresensiSukses(
isiPesan:
'Pengajuan presensi telah diajukan, mohon menunggu approval team leader! ',
messageStatus: 'Clock In Berhasil',
);
},
);
requestLocationPermission(); requestLocationPermission();
} }
// else{ // else{
@@ -295,7 +306,7 @@ class PresensiSelfieScreen extends HookConsumerWidget {
} }
}); });
// proses presensi clock in // proses presensi clock out
ref.listen(presensiClockOutProvider, (prev, next) { ref.listen(presensiClockOutProvider, (prev, next) {
if (next is PresensiClockOutStateLoading) { if (next is PresensiClockOutStateLoading) {
isLoadingProsesCheckDistance.value = true; isLoadingProsesCheckDistance.value = true;
@@ -306,8 +317,18 @@ class PresensiSelfieScreen extends HookConsumerWidget {
} else if (next is PresensiClockOutStateDone) { } else if (next is PresensiClockOutStateDone) {
isLoadingProsesCheckDistance.value = false; isLoadingProsesCheckDistance.value = false;
if (next.model == "OK") { if (next.model == "OK") {
SanckbarWidget( // SanckbarWidget(
context, "Berhasil Absen Pulang", snackbarType.success); // context, "Berhasil Absen Pulang", snackbarType.success);
showDialog(
context: context,
builder: (BuildContext context) {
return CustomDialogPresensiSukses(
isiPesan:
'Pengajuan presensi telah diajukan, mohon menunggu approval team leader! ',
messageStatus: 'Clock Out Berhasil',
);
},
);
requestLocationPermission(); requestLocationPermission();
} }
// else{ // else{
@@ -481,6 +502,7 @@ class PresensiSelfieScreen extends HookConsumerWidget {
top: Constant.getActualYPhone(context: context, y: 30), top: Constant.getActualYPhone(context: context, y: 30),
), ),
child: Scaffold( child: Scaffold(
backgroundColor: Constant.textWhite,
appBar: AppBar( appBar: AppBar(
title: Text( title: Text(
// 'Home Screen', // 'Home Screen',
@@ -512,6 +534,20 @@ class PresensiSelfieScreen extends HookConsumerWidget {
child: Column( child: Column(
children: [ children: [
// Text(ref.watch(currentCheckDistanceProvider)?.currentDistance ?? "NULL"), // Text(ref.watch(currentCheckDistanceProvider)?.currentDistance ?? "NULL"),
// ElevatedButton(
// onPressed: () {
// showDialog(
// context: context,
// builder: (BuildContext context) {
// return CustomDialogPresensiSukses(
// isiPesan: 'sasasa',
// messageStatus: 'Clock In Berhasil',
// );
// },
// );
// },
// child: Text('ok')),
// Spacer(), // Spacer(),
// tanggal sekarang // tanggal sekarang
RealTimeFormattedDate(), RealTimeFormattedDate(),
@@ -869,8 +905,8 @@ class PresensiSelfieScreen extends HookConsumerWidget {
context: context, x: 20), context: context, x: 20),
top: Constant.getActualYPhone( top: Constant.getActualYPhone(
context: context, y: 24), context: context, y: 24),
// bottom: Constant.getActualYPhone( bottom: Constant.getActualYPhone(
// context: context, y: 24), context: context, y: 24),
), ),
child: SizedBox( child: SizedBox(
width: Constant.getActualXPhone( width: Constant.getActualXPhone(

111
lib/widget/custom_dialog_presensi_selfie_sukses.dart Normal file
View File

@@ -0,0 +1,111 @@
import 'package:flutter/material.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import '../app/constant.dart';
class CustomDialogPresensiSukses extends HookConsumerWidget {
final String messageStatus;
final String isiPesan;
CustomDialogPresensiSukses({
required this.messageStatus,
required this.isiPesan,
});
@override
Widget build(BuildContext context, WidgetRef ref) {
return Dialog(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.0),
),
elevation: 0,
backgroundColor: Colors.white,
child: contentBox(context),
);
}
Widget contentBox(BuildContext context) {
return Stack(
alignment: Alignment.center,
children: <Widget>[
Container(
padding: EdgeInsets.all(16),
decoration: BoxDecoration(
shape: BoxShape.rectangle,
color: Colors.white,
borderRadius: BorderRadius.circular(8),
),
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Padding(
padding: EdgeInsets.only(
top: Constant.getActualYPhone(context: context, y: 24),
),
child: Container(
width: Constant.getActualXPhone(context: context, x: 100),
height: Constant.getActualYPhone(context: context, y: 100),
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage(
'images/presensi_selfie_sukses.png'), // Ganti dengan path gambar Anda
),
),
),
),
SizedBox(
height: Constant.getActualYPhone(context: context, y: 36),
),
Text(
messageStatus,
style: Constant.titleH1_700_18(context: context).copyWith(
color: Constant.textOrange,
),
textAlign: TextAlign.center,
),
SizedBox(
height: Constant.getActualYPhone(context: context, y: 12),
),
Text(
// 'Pengajuan presensi telah berhasil diajukan, mohon menunggu approval team leader!',
isiPesan,
style: Constant.titleH2_400_14(context: context).copyWith(
color: Constant.textTrueBlack,
),
textAlign: TextAlign.center,
),
SizedBox(
height: Constant.getActualYPhone(context: context, y: 36),
),
ElevatedButton(
onPressed: () {
Navigator.of(context).pop(); // Close the dialog
},
style: ButtonStyle(
backgroundColor: MaterialStateColor.resolveWith(
(st) => Constant.textOrange),
shape: MaterialStateProperty.all<RoundedRectangleBorder>(
RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8),
side: BorderSide(
color: Constant.textOrange,
),
),
),
shadowColor: MaterialStateProperty.all(Color(0xffff48423d)),
elevation: MaterialStateProperty.all(4.0),
),
child: Text(
'OK',
style: Constant.titleH2_400_14(context: context).copyWith(
color: Constant.textWhite,
),
),
),
],
),
),
],
);
}
}

94
lib/widget/custom_drawer.dart
View File

@@ -77,22 +77,34 @@ class CustomDrawer extends HookConsumerWidget {
child: Drawer( child: Drawer(
elevation: 0, elevation: 0,
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(0))), borderRadius: BorderRadius.all(
Radius.circular(0),
),
),
child: Column( child: Column(
children: [ children: [
Expanded( Expanded(
child: ListView( child: ListView(
children: [ children: [
// Container( Padding(
// child: Image( padding: EdgeInsets.only(
// image: top: Constant.getActualYPhone(context: context, y: 50),
// AssetImage('images/logo_sismedika_landscape.png')), bottom: Constant.getActualYPhone(context: context, y: 10),
// ), right: Constant.getActualXPhone(context: context, x: 24),
left: Constant.getActualXPhone(context: context, x: 24),
),
child: Container(
child: Image(
fit: BoxFit.cover,
image: AssetImage(
'images/logo_sismedika_landscape.png',
),
),
),
),
SizedBox( SizedBox(
height: Constant.getActualYPhone(context: context, y: 8), height: Constant.getActualYPhone(context: context, y: 8),
), ),
Padding( Padding(
padding: EdgeInsets.only( padding: EdgeInsets.only(
top: Constant.getActualYPhone(context: context, y: 10), top: Constant.getActualYPhone(context: context, y: 10),
@@ -104,17 +116,16 @@ class CustomDrawer extends HookConsumerWidget {
width: Constant.getActualXPhone(context: context, x: 300), width: Constant.getActualXPhone(context: context, x: 300),
), ),
), ),
Chip( // Chip(
backgroundColor: Constant.textLightGrey.withOpacity(0.16), // backgroundColor: Constant.textLightGrey.withOpacity(0.16),
label: Text( // label: Text(
M_CompanyName.value, // M_CompanyName.value,
overflow: TextOverflow.ellipsis, // overflow: TextOverflow.ellipsis,
style: TextStyle( // style: TextStyle(
color: Constant.textLightGrey, // color: Constant.textLightGrey,
), // ),
), // ),
), // ),
ListTile( ListTile(
leading: Icon( leading: Icon(
Icons.home, Icons.home,
@@ -137,26 +148,47 @@ class CustomDrawer extends HookConsumerWidget {
Navigator.of(context).popAndPushNamed(homeRoute); Navigator.of(context).popAndPushNamed(homeRoute);
}, },
), ),
ListTile( ListTile(
leading: Icon( leading: Icon(
Icons.logout, Icons.person,
color: Constant.textLightGrey, color: (currentMenu == 5)
? Constant.textOrange
: Constant.textLightGrey,
), ),
title: Text( title: Text(
'Logout', 'Profil',
style: TextStyle(color: Constant.textLightGrey), style: TextStyle(
color: (currentMenu == 5)
? Constant.textOrange
: Constant.textLightGrey,
),
), ),
onTap: () { onTap: () {
// di set ke 0 lagi // Handle navigation to Home screen
ref.read(currentPageProvider.state).update((state) => 0); Navigator.pop(context);
// ref.read(logoutProvider.notifier).logout( ref.read(currentPageProvider.state).update((state) => 5);
// M_UserID: selectedUser?.model.M_UserID ?? "", // Navigator.of(context).popAndPushNamed(homeRoute);
// M_UserUsername:
// selectedUser?.model.M_UserUsername ?? "",
// );
}, },
), ),
// ListTile(
// leading: Icon(
// Icons.logout,
// color: Constant.textLightGrey,
// ),
// title: Text(
// 'Logout',
// style: TextStyle(color: Constant.textLightGrey),
// ),
// onTap: () {
// // di set ke 0 lagi
// ref.read(currentPageProvider.state).update((state) => 0);
// // ref.read(logoutProvider.notifier).logout(
// // M_UserID: selectedUser?.model.M_UserID ?? "",
// // M_UserUsername:
// // selectedUser?.model.M_UserUsername ?? "",
// // );
// },
// ),
], ],
), ),
), ),