import 'dart:async'; import 'dart:convert'; import 'dart:typed_data'; import 'package:connectivity_plus/connectivity_plus.dart'; import 'package:double_back_to_close/double_back_to_close.dart'; import 'package:employee_selfservice_mobile/Screens/NotificationCenter/NotificationCenter.dart'; import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:fluttertoast/fluttertoast.dart'; import 'package:focus_detector/focus_detector.dart'; import 'package:google_fonts/google_fonts.dart'; import 'package:employee_selfservice_mobile/Screens/Menu/About/about_screen.dart'; import 'package:employee_selfservice_mobile/Screens/Menu/Absensi/absensi_screen.dart'; import 'package:employee_selfservice_mobile/Screens/Menu/AjukanCuti/ajukancuti_screen.dart'; import 'package:employee_selfservice_mobile/Screens/Menu/Reimburse/reimburse_screen.dart'; import 'package:employee_selfservice_mobile/Screens/Menu/SlipGaji/slipgaji_screen.dart'; import 'package:employee_selfservice_mobile/Screens/Menu/SuratTugas/surattugas_screen.dart'; import 'package:employee_selfservice_mobile/Screens/Settings/settings_screen.dart'; import 'package:lottie/lottie.dart'; import 'package:progress_dialog_null_safe/progress_dialog_null_safe.dart'; import 'package:shared_preferences/shared_preferences.dart'; import 'dart:developer' as logDev; import '../Settings/RequestHttp/getDetail_post.dart'; import '../Settings/RequestHttp/getProfileImage_post.dart'; import 'package:internet_connection_checker/internet_connection_checker.dart'; late String nameShared; String name = "", statusDetail = "", dateOfBirth = "", phone = "", email = "", address = "", position = ""; var _imageToShow; class HomeView extends StatefulWidget { @override _HomeView createState() => _HomeView(); } class _HomeView extends State { late StreamSubscription subscription; bool isDeviceConnected = false; bool isAlertSet = false; //var _imageToShow; @override initState() { getConnectivity(); getDetail(); _imageToShow = AssetImage('assets/images/ic_administrator.png'); WidgetsBinding.instance.addPostFrameCallback((_) { getProfileImage(); }); super.initState(); } getConnectivity() => subscription = Connectivity().onConnectivityChanged.listen( (ConnectivityResult result) async { isDeviceConnected = await InternetConnectionChecker().hasConnection; if (!isDeviceConnected && isAlertSet == false) { showConnectivityDialogBox(); setState(() => isAlertSet = true); } }, ); @override void dispose() { subscription.cancel(); super.dispose(); } //Get Profile image getProfileImage() async { final SharedPreferences prefs = await SharedPreferences.getInstance(); final session = prefs.getString('session'); ProgressDialog loading = ProgressDialog(context); loading = ProgressDialog(context, type: ProgressDialogType.normal, isDismissible: false, showLogs: true); loading.style( message: 'Please Wait .....', borderRadius: 5, backgroundColor: Colors.white, progressWidget: CircularProgressIndicator(), elevation: 10.0, padding: EdgeInsets.all(10), insetAnimCurve: Curves.easeInOut, progress: 0.0, maxProgress: 100.0, progressTextStyle: TextStyle( color: Colors.black, fontSize: 10.0, fontWeight: FontWeight.w400), messageTextStyle: TextStyle( color: Colors.black, fontSize: 15.0, fontWeight: FontWeight.w600)); await loading.show(); GetProfileImage_Post.connectToAPI(session!).then((valueResult) async { Map object = json.decode(valueResult); if (object.containsKey("result").toString() == "true") { String status = object['result']['status'].toString(); logDev.log(status, name: "STATUS GET PROFILE"); if (status == "success") { String photo = object['result']['photo'].toString(); if (photo == "false") { setState(() { _imageToShow = AssetImage('assets/icons/ic_pp_2.png'); }); } else if (photo != "false") { Uint8List decodedBytes = Base64Decoder().convert(photo); setState(() { _imageToShow = Image.memory(decodedBytes, gaplessPlayback: true).image; }); } } else if (status == "failed") { String message = object['result']['message'].toString(); Fluttertoast.showToast( msg: message, toastLength: Toast.LENGTH_LONG, gravity: ToastGravity.CENTER, timeInSecForIosWeb: 1, textColor: Colors.white, fontSize: 16.0); } } else { Fluttertoast.showToast( msg: "Server Response Error", toastLength: Toast.LENGTH_SHORT, gravity: ToastGravity.CENTER, timeInSecForIosWeb: 1, textColor: Colors.white, fontSize: 16.0); } await loading.hide(); }); return _imageToShow; } //GetDetail getDetail() async { GetDetail_Post.connectToAPI().then((valueResult) async { Map object = json.decode(valueResult); if (object.containsKey("result").toString() == "true") { statusDetail = object['result']['status'].toString(); String message = object['result']['message'].toString(); if (statusDetail == "failed" || message == "User Not Found") { Fluttertoast.showToast( msg: message + ", Please login again!", toastLength: Toast.LENGTH_SHORT, gravity: ToastGravity.CENTER, timeInSecForIosWeb: 1, textColor: Colors.white, fontSize: 16.0); } else if (statusDetail != "failed") { name = object['result']['name'].toString(); dateOfBirth = object['result']['date_of_birth'].toString(); phone = object['result']['phone'].toString(); email = object['result']['email'].toString(); address = object['result']['address'].toString(); position = object['result']['position'].toString(); var prefs = await SharedPreferences.getInstance(); if (position == "false") { position = "-"; await prefs.setString('position', position); } else { await prefs.setString('position', position); } } } else { Fluttertoast.showToast( msg: "Server Response Error", toastLength: Toast.LENGTH_SHORT, gravity: ToastGravity.CENTER, timeInSecForIosWeb: 1, textColor: Colors.white, fontSize: 16.0); } }); } int _selectedIndex = 0; void _onItemTapped(int index) { setState(() { _selectedIndex = index; if (index == 0) { } }); } @override Widget build(BuildContext context) { return MaterialApp( home: DoubleBack( /*onFirstBackPress: (context) { final snackBar = SnackBar(content: Text("Double Back Press to Exit")); ScaffoldMessenger.of(context).showSnackBar(snackBar); },*/ message: "Double Back Press to Exit", background: Colors.black38, backgroundRadius: 10, textStyle: TextStyle( fontSize: 16, fontWeight: FontWeight.bold, color: Colors.white), child: Scaffold( resizeToAvoidBottomInset: false, //backgroundColor: Colors.white, body: Stack( children: [ //Background(), //HomeScreen(), BottomNavBar() ], )), ), ); } showConnectivityDialogBox() => showCupertinoDialog( context: context, builder: (BuildContext context) => CupertinoAlertDialog( title: const Text('No Connection'), content: const Text('Please check your internet connectivity'), actions: [ Column( children: [ SizedBox( width: 250, height: 250, child: LottieBuilder.asset( //'assets/animation/animation_no_internet.json', 'assets/animation/animation_no_internet_3.json', repeat: true), ), ], ), TextButton( onPressed: () async { Navigator.pop(context, 'Cancel'); setState(() => isAlertSet = false); isDeviceConnected = await InternetConnectionChecker().hasConnection; if (!isDeviceConnected && isAlertSet == false) { showConnectivityDialogBox(); setState(() => isAlertSet = true); } }, child: const Text('Retry'), ), ], ), ); } class BottomNavBar extends StatefulWidget { const BottomNavBar({Key? key}) : super(key: key); @override State createState() => _BottomNavBarState(); } class _BottomNavBarState extends State { List _widgetOptions = [ HomeScreen(), NotificationCenter_Screen(), SettingsScreen(), ]; int _selectedIndex = 0; void _onItemTapped(int index) { setState(() { _selectedIndex = index; }); } @override Widget build(BuildContext context) { return Scaffold( body: _widgetOptions.elementAt(_selectedIndex), bottomNavigationBar: BottomNavigationBar( items: const [ BottomNavigationBarItem( icon: Icon(Icons.home), label: 'Home', ), BottomNavigationBarItem( icon: Icon(Icons.notifications), label: 'Notification', ), BottomNavigationBarItem( icon: Icon(Icons.person), label: 'Profile', ), ], currentIndex: _selectedIndex, selectedItemColor: Colors.white, backgroundColor: Color(0xFF5666b7), onTap: _onItemTapped), ); } } class HomeScreen extends StatefulWidget { @override State createState() => _HomeScreenState(); } class _HomeScreenState extends State { //Get Profile image getProfileImage() async { final SharedPreferences prefs = await SharedPreferences.getInstance(); final session = prefs.getString('session'); GetProfileImage_Post.connectToAPI(session!).then((valueResult) async { Map object = json.decode(valueResult); if (object.containsKey("result").toString() == "true") { String status = object['result']['status'].toString(); logDev.log(status, name: "STATUS GET PROFILE"); if (status == "success") { String photo = object['result']['photo'].toString(); if (photo == "false") { setState(() { _imageToShow = AssetImage('assets/icons/ic_pp_2.png'); }); } else if (photo != "false") { Uint8List decodedBytes = Base64Decoder().convert(photo); //logDev.log(decodedBytes.toString(), name: "DECODED BYTES photo"); setState(() { _imageToShow = Image.memory(decodedBytes, gaplessPlayback: true).image; }); } } else if (status == "failed") { String message = object['result']['message'].toString(); Fluttertoast.showToast( msg: message, toastLength: Toast.LENGTH_LONG, gravity: ToastGravity.CENTER, timeInSecForIosWeb: 1, textColor: Colors.white, fontSize: 16.0); } } else { Fluttertoast.showToast( msg: "Server Response Error", toastLength: Toast.LENGTH_SHORT, gravity: ToastGravity.CENTER, timeInSecForIosWeb: 1, textColor: Colors.white, fontSize: 16.0); } }); return _imageToShow; } @override Widget build(BuildContext context) { var size = MediaQuery .of(context) .size; return FocusDetector( /*onVisibilityGained: (){ getProfileImage(); }, onVisibilityLost: (){ getProfileImage(); }, onFocusLost: (){ getProfileImage(); },*/ onFocusGained: () { getProfileImage(); }, /* onForegroundLost: (){ getProfileImage(); }, onForegroundGained: (){ getProfileImage(); },*/ child: Scaffold( body: SingleChildScrollView( child: Stack( children: [ Container( height: size.height * 0.3, decoration: BoxDecoration( gradient: LinearGradient( begin: Alignment.topRight, end: Alignment.bottomRight, colors: [ Color(0xFF4858A7), Color(0xFF6474C6), //Color(0xFF8C99DD), ])), ), SafeArea( child: Padding( padding: EdgeInsets.all(20), child: Column( children: [ /* Align( alignment: Alignment.topRight, child: InkWell( child: Container( alignment: Alignment.center, height: 40, width: 40, child: Image.asset('assets/images/ic_settings.png')), onTap: () { Navigator.push( context, MaterialPageRoute( builder: (context) => SettingsScreen())); }, ), ),*/ Container( child: Stack( alignment: Alignment.topLeft, children: [ Container( margin: EdgeInsets.only( top: (((size.width - 20) * 0.33) * 0.5) + 40), child: Card( elevation: 15, child: Container( height: size.width * 0.35, width: size.width - 20, padding: EdgeInsets.all(15), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.all( Radius.circular(10))), child: Column( mainAxisAlignment: MainAxisAlignment .end, crossAxisAlignment: CrossAxisAlignment .center, children: [ Text(name, maxLines: 2, overflow: TextOverflow.ellipsis, textAlign: TextAlign.center, style: GoogleFonts.inter( fontSize: size.width * 0.045, color: Colors.black, fontWeight: FontWeight.bold), ), Text(position, textAlign: TextAlign.center, style: GoogleFonts.inter( fontSize: size.width * 0.035, color: Colors.black), ), ], )), ), ), Align( alignment: Alignment.topCenter, child: Container( margin: EdgeInsets.only(left: 15, top: 40), alignment: Alignment.topLeft, height: (size.width - 20) * 0.33, width: (size.width - 20) * 0.33, decoration: BoxDecoration( color: Colors.black, image: DecorationImage( image: _imageToShow, fit: BoxFit.cover, ), shape: BoxShape.circle, ), ), ), ], ), ), GridView.count( shrinkWrap: true, physics: NeverScrollableScrollPhysics(), padding: EdgeInsets.only(top: 25, left: 5, right: 5), crossAxisSpacing: 15, mainAxisSpacing: 15, crossAxisCount: 2, childAspectRatio: 1.0, children: [ InkWell( child: Container( width: size.width, height: size.height, decoration: BoxDecoration( color: Color(0xFFD0D0D0), borderRadius: BorderRadius.circular(5)), child: Center( child: Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: [ Container( width: size.width * 0.18, child: Image.asset( "assets/icons/menu/ic_absensi.png", fit: BoxFit.contain) ), Text( 'Attendance', textAlign: TextAlign.center, style: GoogleFonts.acme( fontSize: size.width * 0.045, color: Colors.black), ), ], ), ) ), onTap: () { Navigator.push( context, MaterialPageRoute( builder: (context) => AbsensiScreen())); }), InkWell( child: Container( width: size.width, height: size.height, decoration: BoxDecoration( color: Color(0xFFD0D0D0), borderRadius: BorderRadius.circular(5)), child: Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: [ Container( width: size.width * 0.18, child: Image.asset( "assets/icons/menu/ic_slipgaji_2.png", fit: BoxFit.contain), ), Text( 'Pay Slip', textAlign: TextAlign.center, style: GoogleFonts.acme( fontSize: size.width * 0.045, color: Colors.black), ), ], ), ), onTap: () { Navigator.push( context, MaterialPageRoute( builder: (context) => SlipGajiScreen())); }, ), InkWell( child: Container( width: size.width, height: size.height, decoration: BoxDecoration( color: Color(0xFFD0D0D0), borderRadius: BorderRadius.circular(5)), child: Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: [ Container( width: size.width * 0.18, child: Image.asset( "assets/icons/menu/ic_cuti_2.png", fit: BoxFit.contain), ), Text( 'Leaves', textAlign: TextAlign.center, style: GoogleFonts.acme( fontSize: size.width * 0.045, color: Colors.black), ), ], ), ), onTap: () { Navigator.push( context, MaterialPageRoute( builder: (context) => AjukanCutiScreen())); }, ), /*InkWell( child: Container( width: size.width, height: size.height, decoration: BoxDecoration( color: Color(0xFFD0D0D0), borderRadius: BorderRadius.circular(5)), child: Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: [ Container( width: size.width * 0.18, child: Image.asset( "assets/icons/menu/ic_surattugas_2.png", fit: BoxFit.contain, ), ), Text( 'Assignment Letter', textAlign: TextAlign.center, style: GoogleFonts.acme( fontSize: size.width * 0.045, color: Colors.black), ), ], ), ), onTap: () { Navigator.push( context, MaterialPageRoute( builder: (context) => SuratTugas_Screen())); }, ),*/ InkWell( child: Container( width: size.width, height: size.height, decoration: BoxDecoration( color: Color(0xFFD0D0D0), borderRadius: BorderRadius.circular(5)), child: Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: [ Container( width: size.width * 0.18, child: Image.asset( "assets/icons/menu/ic_reimburse.png", fit: BoxFit.contain, ), ), Text( 'Reimburse', textAlign: TextAlign.center, style: GoogleFonts.acme( fontSize: size.width * 0.045, color: Colors.black), ), ], ), ), onTap: () { Navigator.push( context, MaterialPageRoute( builder: (context) => ReimburseScreen())); }, ), InkWell( child: Container( width: size.width, height: size.height, decoration: BoxDecoration( color: Color(0xFFD0D0D0), borderRadius: BorderRadius.circular(5)), child: Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: [ Container( width: size.width * 0.18, child: Image.asset( "assets/icons/menu/ic_about_3.png", fit: BoxFit.contain, ), ), Text( 'About', textAlign: TextAlign.center, style: GoogleFonts.acme( fontSize: size.width * 0.045, color: Colors.black), ), ], ), ), onTap: () { Navigator.push( context, MaterialPageRoute( builder: (context) => AboutScreen())); }, ), /*InkWell( child: Container( decoration: BoxDecoration( color: Color(0xFFD0D0D0), borderRadius: BorderRadius.circular(5)), child: Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: [ Container( width: 70, height: 70, child: Image.asset( "assets/icons/menu/ic_reimburse.png", fit: BoxFit.fill, alignment: Alignment.center), ), Container( margin: EdgeInsets.only(top: 10), padding: EdgeInsets.all(5), child: Text( 'Reimburse', textAlign: TextAlign.center, style: GoogleFonts.acme( fontSize: 18, color: Colors.black), ), ), ], ), ), onTap: () { Navigator.push( context, MaterialPageRoute( builder: (context) => ReimburseScreen())); }, ), InkWell( child: Container( decoration: BoxDecoration( color: Color(0xFFD0D0D0), borderRadius: BorderRadius.circular(5)), child: Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: [ Container( width: 70, height: 70, child: Image.asset( "assets/icons/menu/ic_about_3.png", fit: BoxFit.fill, alignment: Alignment.center), ), Container( margin: EdgeInsets.only(top: 10), padding: EdgeInsets.all(5), child: Text( 'About', textAlign: TextAlign.center, style: GoogleFonts.acme( fontSize: 18, color: Colors.black), ), ), ], ), ), onTap: () { Navigator.push( context, MaterialPageRoute( builder: (context) => AboutScreen())); }, ),*/ ], ) ], ), ), ), /*Center( child: _widgetOptions.elementAt(_selectedIndex), )*/ ], ), ) ), ); } }