import 'package:easy_localization/src/public_ext.dart'; import 'package:flutter/material.dart'; import 'package:flutter_countdown_timer/flutter_countdown_timer.dart'; import 'package:flutter_svg/flutter_svg.dart'; import 'package:google_maps_flutter/google_maps_flutter.dart'; import 'package:mohem_flutter_app/api/dashboard_api_client.dart'; import 'package:mohem_flutter_app/app_state/app_state.dart'; import 'package:mohem_flutter_app/classes/colors.dart'; import 'package:mohem_flutter_app/classes/date_uitl.dart'; import 'package:mohem_flutter_app/classes/utils.dart'; import 'package:mohem_flutter_app/extensions/int_extensions.dart'; import 'package:mohem_flutter_app/extensions/string_extensions.dart'; import 'package:mohem_flutter_app/extensions/widget_extensions.dart'; import 'package:mohem_flutter_app/generated/locale_keys.g.dart'; import 'package:mohem_flutter_app/models/generic_response_model.dart'; import 'package:mohem_flutter_app/widgets/circular_step_progress_bar.dart'; import 'package:mohem_flutter_app/widgets/nfc/nfc_reader_sheet.dart'; import 'package:nfc_manager/nfc_manager.dart'; import 'package:provider/provider.dart'; import '../../provider/dashboard_provider_model.dart'; import '../../widgets/location/Location.dart'; class TodayAttendanceScreen extends StatefulWidget { TodayAttendanceScreen({Key? key}) : super(key: key); @override _TodayAttendanceScreenState createState() { return _TodayAttendanceScreenState(); } } class _TodayAttendanceScreenState extends State { ValueNotifier result = ValueNotifier(null); late DashboardProviderModel data; bool isNfcEnabled = false, isNfcLocationEnabled = false, isQrEnabled = false, isQrLocationEnabled = false, isWifiEnabled = false, isWifiLocationEnabled = false; @override void initState() { super.initState(); checkAttendanceAvailablity(); data = Provider.of(context, listen: false); } checkAttendanceAvailablity() async { bool isAvailable = await NfcManager.instance.isAvailable(); setState(() { AppState().privilegeListModel!.forEach((element) { // Check availability if (isAvailable) if (element.serviceName == "enableNFC") { // if (element.previlege ?? false) isNfcEnabled = true; } else if (element.serviceName == "enableQR") { if (element.previlege ?? false) isQrEnabled = true; } else if (element.serviceName == "enableWIFI") { if (element.previlege ?? false) isWifiEnabled = true; } else if (element.serviceName == "enableLocatoinNFC") { if (element.previlege ?? false) isNfcLocationEnabled = true; } else if (element.serviceName == "enableLocationQR") { if (element.previlege ?? false) isQrLocationEnabled = true; } else if (element.serviceName == "enableLocationWIFI") { if (element.previlege ?? false) isWifiLocationEnabled = true; } }); }); } @override void dispose() { super.dispose(); // Stop Session NfcManager.instance.stopSession(); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( backgroundColor: MyColors.backgroundBlackColor, leading: IconButton( icon: const Icon(Icons.arrow_back_ios, color: Colors.white), onPressed: () => Navigator.pop(context), ), actions: [ IconButton( onPressed: () { data.fetchAttendanceTracking(); }, icon: Icon( Icons.ac_unit, color: Colors.white, ), ) ], ), backgroundColor: MyColors.backgroundBlackColor, body: Consumer( builder: (context, model, child) { return (model.isAttendanceTrackingLoading ? Center(child: CircularProgressIndicator()) : ListView( children: [ Container( color: MyColors.backgroundBlackColor, padding: EdgeInsets.only(top: 4, left: 21, right: 21, bottom: 21), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ DateUtil.getWeekDayMonthDayYearDateFormatted(DateTime.now(), "en").toText24(isBold: true, color: Colors.white), LocaleKeys.timeLeftToday.tr().toText16(color: Color(0xffACACAC)), 21.height, Center( child: CircularStepProgressBar( totalSteps: 16 * 4, currentStep: (model.progress * 100).toInt(), width: 216, height: 216, selectedColor: MyColors.gradiantEndColor, unselectedColor: MyColors.grey70Color, child: Center( child: Column( mainAxisSize: MainAxisSize.min, children: [ CountdownTimer( endTime: model.endTime, onEnd: null, endWidget: "00:00:00".toText32(color: Colors.white, isBold: true), textStyle: TextStyle(color: Colors.white, fontSize: 32, letterSpacing: -1.92, fontWeight: FontWeight.bold, height: 1), ), 19.height, "Shift Time".tr().toText12(color: MyColors.greyACColor), (model.attendanceTracking!.pShtName ?? "00:00:00").toString().toText22(color: Colors.white, isBold: true), ], ), ), ), ), ], ), ), Container( color: MyColors.backgroundBlackColor, child: Stack( children: [ Container( height: 187, padding: EdgeInsets.only(left: 31, right: 31, top: 31, bottom: 16), decoration: BoxDecoration( borderRadius: BorderRadius.only(topLeft: Radius.circular(25), topRight: Radius.circular(25)), gradient: const LinearGradient(transform: GradientRotation(.64), begin: Alignment.topRight, end: Alignment.bottomLeft, colors: [ MyColors.gradiantEndColor, MyColors.gradiantStartColor, ]), ), child: Column( children: [ Row( children: [ commonStatusView("Check In", (model.attendanceTracking!.pSwipeIn) ?? "- - : - -"), commonStatusView("Check Out", (model.attendanceTracking!.pSwipeOut) ?? "- - : - -") ], ), 21.height, Row( children: [ commonStatusView("Late In", (model.attendanceTracking!.pLateInHours) ?? "- - : - -"), commonStatusView("Regular", (model.attendanceTracking!.pScheduledHours) ?? "- - : - -") ], ), ], ), ), Container( width: double.infinity, decoration: BoxDecoration(borderRadius: BorderRadius.only(topLeft: Radius.circular(25), topRight: Radius.circular(25)), color: Colors.white), margin: EdgeInsets.only(top: 187 - 31), padding: EdgeInsets.only(left: 21, right: 21, top: 24, bottom: 24), child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisSize: MainAxisSize.min, children: [ "Mark".tr().toText12(), "Attendance".tr().toText24(), "Select the method to mark the attendance".tr().toText12(color: Color(0xff535353)), 24.height, GridView( physics: const NeverScrollableScrollPhysics(), shrinkWrap: true, padding: EdgeInsets.zero, gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3, childAspectRatio: 1 / 1, crossAxisSpacing: 8, mainAxisSpacing: 8), children: [ attendanceMethod("NFC", "assets/images/nfc.svg", isNfcEnabled, () { showNfcReader(context, onNcfScan: (String? nfcId) async { print(nfcId); Utils.showLoading(context); try { GenericResponseModel? g = await DashboardApiClient().markAttendance(pointType: 2, nfcValue: nfcId ?? ""); bool status = await model.fetchAttendanceTracking(); Utils.hideLoading(context); } catch (ex) { print(ex); Utils.hideLoading(context); Utils.handleException(ex, (msg) { Utils.confirmDialog(context, msg); }); } }); // Location.getCurrentLocation((LatLng? latlng) { // print(latlng!.longitude.toString()); // }); }), attendanceMethod("Wifi", "assets/images/wufu.svg", isWifiEnabled, () {}), ], ) ], ), ), // Positioned( // top: 187 - 21, // child: Container( // padding: EdgeInsets.only(left: 31, right: 31, top: 31, bottom: 16), // decoration: BoxDecoration(borderRadius: BorderRadius.only(topLeft: Radius.circular(25), topRight: Radius.circular(25)), color: Colors.white), // child: Column( // children: [ // Row( // children: [commonStatusView("Check In", "09:27"), commonStatusView("Check Out", "- - : - -")], // ), // 21.height, // Row( // children: [commonStatusView("Late In", "00:27"), commonStatusView("Regular", "08:00")], // ), // ], // ), // ), // ), ], ), ) ], )) .animatedSwither(); }, ), ); } Widget attendanceMethod(String title, String image, bool isEnabled, VoidCallback onPress) => Container( decoration: BoxDecoration( borderRadius: BorderRadius.circular(15), gradient: const LinearGradient(transform: GradientRotation(.64), begin: Alignment.topRight, end: Alignment.bottomLeft, colors: [ MyColors.gradiantEndColor, MyColors.gradiantStartColor, ]), ), clipBehavior: Clip.antiAlias, child: Stack( children: [ Container( padding: const EdgeInsets.only(left: 10, right: 10, top: 14, bottom: 14), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Expanded(child: SvgPicture.asset(image)), title.toText17(isBold: true, color: Colors.white), ], ), ), if (!isEnabled) Container( width: double.infinity, height: double.infinity, color: Colors.grey.withOpacity(0.7), ) ], ), ).onPress(onPress); Widget commonStatusView(String title, String time) => Expanded( child: Column(mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ title.toText12(color: Colors.white), time.toText22(color: Colors.white, isBold: true), ]), ); }