canvasing/lib/Screens/Home/home_screen.dart

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: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';

var _imageToShow;
late String nameShared;
String name = "",
    statusDetail = "",
    dateOfBirth = "",
    phone = "",
    email = "",
    address = "",
    position = "";


class HomeView extends StatefulWidget {
  @override
  _HomeView createState() => _HomeView();
}

class _HomeView extends State<HomeView> {
  late StreamSubscription subscription;
  bool isDeviceConnected = false;
  bool isAlertSet = false;

  @override
  initState() {
    getConnectivity();
    getDetail();
    _imageToShow = AssetImage('assets/images/ic_administrator.png');
    WidgetsBinding.instance.addPostFrameCallback((_) async {
      getProfileImage();
    });
    super.initState();
  }

  getConnectivity() =>
      subscription = Connectivity().onConnectivityChanged.listen(
            (ConnectivityResult result) async {
          isDeviceConnected = await InternetConnectionChecker().hasConnection;
          if (!isDeviceConnected && isAlertSet == false) {
            showDialogBox();
            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));

    loading.show();

    GetProfileImage_Post.connectToAPI(session!).then((valueResult) async {
      Map<String, dynamic> 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/images/ic_administrator.png');
            });
          } else if (photo != "false") {
            Uint8List decodedBytes = Base64Decoder().convert(photo);
            setState(() {
              _imageToShow = Image
                  .memory(decodedBytes, gaplessPlayback: true)
                  .image;
            });
          }
          loading.hide();
        } 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);
        }
        loading.hide();
      } else {
        Fluttertoast.showToast(
            msg: "Server Response Error",
            toastLength: Toast.LENGTH_SHORT,
            gravity: ToastGravity.CENTER,
            timeInSecForIosWeb: 1,
            textColor: Colors.white,
            fontSize: 16.0);
        loading.hide();
      }
    });
    return _imageToShow;
  }

  //GetDetail
  getDetail() async {
    GetDetail_Post.connectToAPI().then((valueResult) async {
      Map<String, dynamic> 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();
          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: <Widget>[
                //Background(),
                //HomeScreen(),
                BottomNavBar()
              ],
            )),
      ),
    );
  }

  showDialogBox() => showCupertinoDialog<String>(
    context: context,
    builder: (BuildContext context) => CupertinoAlertDialog(
      title: const Text('No Connection'),
      content: const Text('Please check your internet connectivity'),
      actions: <Widget>[
        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) {
              showDialogBox();
              setState(() => isAlertSet = true);
            }
          },
          child: const Text('Retry'),
        ),
      ],
    ),
  );
}

class BottomNavBar extends StatefulWidget {
  const BottomNavBar({Key? key}) : super(key: key);

  @override
  State<BottomNavBar> createState() => _BottomNavBarState();
}

class _BottomNavBarState extends State<BottomNavBar> {
  List<Widget> _widgetOptions = <Widget>[
    HomeScreen(),
    ReimburseScreen(),
    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>[
              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<HomeScreen> createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  //Get Profile image
  getProfileImage() async {
    final SharedPreferences prefs = await SharedPreferences.getInstance();
    final session = prefs.getString('session');

    GetProfileImage_Post.connectToAPI(session!).then((valueResult) async {
      Map<String, dynamic> 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/images/ic_administrator.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);
        }
        //loading.hide();
      } else {
        Fluttertoast.showToast(
            msg: "Server Response Error",
            toastLength: Toast.LENGTH_SHORT,
            gravity: ToastGravity.CENTER,
            timeInSecForIosWeb: 1,
            textColor: Colors.white,
            fontSize: 16.0);
        //loading.hide();
      }
    });
    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: <Widget>[
                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: <Widget>[
                       /* 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: <Widget>[
                                          Text(name,
                                            maxLines: 2,
                                            overflow: TextOverflow.ellipsis,
                                            textAlign: TextAlign.center,
                                            style: GoogleFonts.inter(
                                                fontSize: 18,
                                                color: Colors.black,
                                                fontWeight: FontWeight.bold),
                                          ),
                                          Text(position,
                                            textAlign: TextAlign.center,
                                            style: GoogleFonts.inter(
                                                fontSize: 17, 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,
                          children: <Widget>[
                            InkWell(
                                child: Container(
                                  decoration: BoxDecoration(
                                      color: Color(0xFFD0D0D0),
                                      borderRadius: BorderRadius.circular(5)),
                                  child: Column(
                                    crossAxisAlignment: CrossAxisAlignment.center,
                                    mainAxisAlignment: MainAxisAlignment.center,
                                    children: <Widget>[
                                      Container(
                                        width: 75,
                                        height: 75,
                                        child: Image.asset(
                                          "assets/icons/menu/ic_absensi.png",
                                          fit: BoxFit.fill,
                                          alignment: Alignment.center,
                                        ),
                                      ),
                                      Container(
                                        margin: EdgeInsets.only(top: 10),
                                        padding: EdgeInsets.all(5),
                                        child: Text(
                                          'Attendance',
                                          textAlign: TextAlign.center,
                                          style: GoogleFonts.acme(
                                              fontSize: 18, color: Colors.black),
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                                onTap: () {
                                  Navigator.push(
                                      context,
                                      MaterialPageRoute(
                                          builder: (context) => AbsensiScreen()));
                                }),
                            InkWell(
                              child: Container(
                                decoration: BoxDecoration(
                                    color: Color(0xFFD0D0D0),
                                    borderRadius: BorderRadius.circular(5)),
                                child: Column(
                                  crossAxisAlignment: CrossAxisAlignment.center,
                                  mainAxisAlignment: MainAxisAlignment.center,
                                  children: <Widget>[
                                    Container(
                                      width: 75,
                                      height: 75,
                                      child: Image.asset(
                                          "assets/icons/menu/ic_slipgaji_2.png",
                                          fit: BoxFit.fill,
                                          alignment: Alignment.center),
                                    ),
                                    Container(
                                      margin: EdgeInsets.only(top: 10),
                                      padding: EdgeInsets.all(5),
                                      child: Text(
                                        'Pay Slip',
                                        textAlign: TextAlign.center,
                                        style: GoogleFonts.acme(
                                            fontSize: 18, color: Colors.black),
                                      ),
                                    ),
                                  ],
                                ),
                              ),
                              onTap: () {
                                Navigator.push(
                                    context,
                                    MaterialPageRoute(
                                        builder: (context) => SlipGajiScreen()));
                              },
                            ),
                            InkWell(
                              child: Container(
                                decoration: BoxDecoration(
                                    color: Color(0xFFD0D0D0),
                                    borderRadius: BorderRadius.circular(5)),
                                child: Column(
                                  crossAxisAlignment: CrossAxisAlignment.center,
                                  mainAxisAlignment: MainAxisAlignment.center,
                                  children: <Widget>[
                                    Container(
                                      width: 70,
                                      height: 70,
                                      child: Image.asset(
                                          "assets/icons/menu/ic_cuti_2.png",
                                          fit: BoxFit.fill,
                                          alignment: Alignment.center),
                                    ),
                                    Container(
                                      margin: EdgeInsets.only(top: 10),
                                      padding: EdgeInsets.all(5),
                                      child: Text(
                                        'Leaves',
                                        textAlign: TextAlign.center,
                                        style: GoogleFonts.acme(
                                            fontSize: 18, color: Colors.black),
                                      ),
                                    ),
                                  ],
                                ),
                              ),
                              onTap: () {
                                Navigator.push(
                                    context,
                                    MaterialPageRoute(
                                        builder: (context) => AjukanCutiScreen()));
                              },
                            ),
                            InkWell(
                              child: Container(
                                decoration: BoxDecoration(
                                    color: Color(0xFFD0D0D0),
                                    borderRadius: BorderRadius.circular(5)),
                                child: Column(
                                  crossAxisAlignment: CrossAxisAlignment.center,
                                  mainAxisAlignment: MainAxisAlignment.center,
                                  children: <Widget>[
                                    Container(
                                      width: 70,
                                      height: 70,
                                      child: Image.asset(
                                        "assets/icons/menu/ic_surattugas_2.png",
                                        fit: BoxFit.fill,
                                        alignment: Alignment.center,
                                      ),
                                    ),
                                    Container(
                                      margin: EdgeInsets.only(top: 10),
                                      padding: EdgeInsets.all(5),
                                      child: Text(
                                        'Assignment Letter',
                                        textAlign: TextAlign.center,
                                        style: GoogleFonts.acme(
                                            fontSize: 18, color: Colors.black),
                                      ),
                                    ),
                                  ],
                                ),
                              ),
                              onTap: () {
                                Navigator.push(
                                    context,
                                    MaterialPageRoute(
                                        builder: (context) => SuratTugas_Screen()));
                              },
                            ),
                            InkWell(
                              child: Container(
                                decoration: BoxDecoration(
                                    color: Color(0xFFD0D0D0),
                                    borderRadius: BorderRadius.circular(5)),
                                child: Column(
                                  crossAxisAlignment: CrossAxisAlignment.center,
                                  mainAxisAlignment: MainAxisAlignment.center,
                                  children: <Widget>[
                                    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: <Widget>[
                                    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()));
                              },
                            ),
                            /*InkWell(
                              child: Container(
                                decoration: BoxDecoration(
                                    color: Color(0xFFD0D0D0),
                                    borderRadius: BorderRadius.circular(5)),
                                child: Column(
                                  crossAxisAlignment: CrossAxisAlignment.center,
                                  mainAxisAlignment: MainAxisAlignment.center,
                                  children: <Widget>[
                                    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: <Widget>[
                                    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),
                )*/
              ],
            ),
          )
      ),
    );
  }
}