import 'dart:io'; import 'package:connectivity_plus/connectivity_plus.dart'; import 'package:flutter/material.dart'; import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart'; import 'package:flutter_svg/svg.dart'; import 'package:generp/Notifiers/commonProvider/accountsListProvider.dart'; import 'package:generp/Notifiers/financeProvider/DashboardProvider.dart'; import 'package:generp/Notifiers/financeProvider/RequestionListProvider.dart'; import 'package:generp/Notifiers/financeProvider/paymentReceiptsProvider.dart'; import 'package:generp/Utils/GlobalConstants.dart'; import 'package:generp/Utils/app_colors.dart'; import 'package:generp/Utils/commonWidgets.dart'; import 'package:generp/screens/screensExports.dart'; import 'package:provider/provider.dart'; import '../../Utils/commonServices.dart'; class Financedashboard extends StatefulWidget { const Financedashboard({super.key}); @override State createState() => _FinancedashboardState(); } class _FinancedashboardState extends State { Map _source = {ConnectivityResult.mobile: true}; final MyConnectivity _connectivity = MyConnectivity.instance; @override void initState() { // TODO: implement initState super.initState(); _connectivity.initialise(); _connectivity.myStream.listen((source) { setState(() => _source = source); }); WidgetsBinding.instance.addPostFrameCallback((timeStamp) { var provider = Provider.of(context, listen: false); provider.DashboardPagesAPIFunction(context); provider.addFormfinanceFormAccessPagesAPIFunction(context); }); } @override void dispose() { // TODO: implement dispose super.dispose(); _connectivity.disposeStream(); } @override Widget build(BuildContext context) { switch (_source.keys.toList()[0]) { case ConnectivityResult.mobile: connection = 'Online'; break; case ConnectivityResult.wifi: connection = 'Online'; break; case ConnectivityResult.none: default: connection = 'Offline'; } return (connection == "Online") ? Platform.isAndroid ? WillPopScope( onWillPop: () => onBackPressed(context), child: SafeArea( top: false, bottom: true, child: _scaffold(context), ), ) : _scaffold(context) : NoNetwork(context); } Widget _scaffold(BuildContext context) { return Consumer( builder: (context, provider, child) { final pages = provider.accessiblePagesList; final approvalLevelIcons = [ "assets/svg/finance/fin_lvl1_ic.svg", "assets/svg/finance/fin_lvl2_ic.svg", "assets/svg/finance/fin_lvl2_self_ic.svg", ]; final approvalLevelNames = ["Level 1", "Level 2", "Level 2 (Self)"]; final approvalLevelRoles = [664, 684, 665]; final approvalModes = ["apr_lvl1", "apr_lvl2", "self_apr_lvl2"]; final paymentInitiationIcons = [ "assets/svg/finance/fin_self_ic.svg", //self "assets/svg/finance/fin_accounts_ic.svg", //" ]; final paymentInitiationNames = ["Self", "Account List"]; final paymentInitiationSubtitles = ["Payment Requisition", ""]; final paymentInitiationRoles = [668, 293]; final paymentAdministrationIcons = [ "assets/svg/finance/fin_process_ic.svg", "assets/svg/finance/fin_admin_ic.svg", "assets/svg/finance/fin_receipts_ic.svg", "assets/svg/finance/fin_ac_ledger_ic.svg", "assets/svg/finance/fin_payments_ic.svg", ]; final paymentAdministrationNames = [ "Process", //process "Admin", //admin "Receipts List", "Account Ledger", "Payment List", ]; final paymentAdministrationSubtitles = [ "Payment Requisition", "Payment Requisition", "Payment Requisition", "Ledgers, transactions, finance", "Payment Requisition", ]; final paymentAdministrationRoles = [666, 678, 673, 675, 667]; // Extract role IDs from accessible pages final roles = provider.accessiblePagesList.map((e) => e.id).toList(); // Filter items based on roles final filteredApprovalLevels = >[]; for (int i = 0; i < approvalLevelRoles.length; i++) { if (roles.contains(approvalLevelRoles[i])) { filteredApprovalLevels.add({ 'name': approvalLevelNames[i], 'icon': approvalLevelIcons[i], }); } } final filteredPaymentInitiations = >[]; for (int i = 0; i < paymentInitiationRoles.length; i++) { if (roles.contains(paymentInitiationRoles[i])) { filteredPaymentInitiations.add({ 'name': paymentInitiationNames[i], 'icon': paymentInitiationIcons[i], 'subtitle': paymentInitiationSubtitles[i], }); } } final filteredPaymentAdministrations = >[]; for (int i = 0; i < paymentAdministrationRoles.length; i++) { if (roles.contains(paymentAdministrationRoles[i])) { filteredPaymentAdministrations.add({ 'name': paymentAdministrationNames[i], 'icon': paymentAdministrationIcons[i], 'subtitle': paymentAdministrationSubtitles[i], }); } } final rolesNames = provider.accessiblePagesList.map((e) => e.pageName); final rolesModes = provider.accessiblePagesList.map((e) => e.mode); return Scaffold( resizeToAvoidBottomInset: true, backgroundColor: AppColors.scaffold_bg_color, // appBar: appbarNew(context, "Finance",0xFFCEEDFF), appBar: appbar(context, "Finance"), body: SizedBox( child: SingleChildScrollView( child: Column( children: [ // Container( // height: 200, // decoration: BoxDecoration( // image: DecorationImage(image: AssetImage( // "assets/svg/finance/main_dashboard.png", // ), fit: BoxFit.contain,), // gradient: LinearGradient(colors: [ // Color(0xFFCEEDFF), // AppColors.scaffold_bg_color // ],begin: Alignment.topCenter,end: Alignment.bottomCenter) // ), // // ), Container( padding: EdgeInsets.symmetric(horizontal: 10), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ // if (filteredApprovalLevels.isNotEmpty) ...[ // Padding( // padding: const EdgeInsets.only(top: 10, bottom: 5), // child: Text( // "Approval Levels", // style: TextStyle( // color: AppColors.grey_thick, // fontSize: 14, // fontFamily: "JakartaMedium", // ), // ), // ), // Container( // padding: EdgeInsets.symmetric( // vertical: 10, // horizontal: 15, // ), // decoration: BoxDecoration( // color: Colors.white, // borderRadius: BorderRadius.circular(14), // ), // child: Row( // mainAxisAlignment: MainAxisAlignment.center, // children: List.generate(filteredApprovalLevels.length, ( // co, // ) { // return Expanded( // child: InkResponse( // onTap: () async { // var navigate; // navigate = Allpaymentrequesitionlistsbymodes( // mode: approvalModes[co], // pageTitleName: // "Payment Requisition List ${approvalModes[co] == "apr_lvl1" // ? "(Level 1)" // : approvalModes[co] == "apr_lvl2" // ? "(Level 2)" // : "(Self Level 2)"}", // ); // // await Navigator.push( // context, // MaterialPageRoute( // builder: (context) => navigate, // ), // ); // }, // child: SizedBox( // child: Column( // crossAxisAlignment: // CrossAxisAlignment.center, // mainAxisAlignment: // MainAxisAlignment.center, // children: [ // SvgPicture.asset( // filteredApprovalLevels[co]['icon'] ?? // "", // ), // SizedBox(height: 10), // Text( // filteredApprovalLevels[co]['name'] ?? // "-", // maxLines: 2, // textAlign: TextAlign.center, // style: TextStyle( // fontSize: 12, // fontFamily: "JakartaMedium", // ), // ), // ], // ), // ), // ), // ); // }), // ), // ), // ], // // if (filteredPaymentInitiations.isNotEmpty) ...[ // Padding( // padding: const EdgeInsets.only(top: 10, bottom: 5), // child: Text( // "Payment Initiation", // style: TextStyle( // color: AppColors.grey_thick, // fontSize: 14, // fontFamily: "JakartaMedium", // ), // ), // ), // GridView.builder( // shrinkWrap: true, // padding: EdgeInsets.only(bottom: 0), // // itemCount: filteredPaymentInitiations.length, // physics: NeverScrollableScrollPhysics(), // gridDelegate: // SliverGridDelegateWithMaxCrossAxisExtent( // childAspectRatio: 1, // mainAxisExtent: 100, // maxCrossAxisExtent: // MediaQuery.of(context).size.width * 0.5, // ), // itemBuilder: (context, ini) { // return InkResponse( // onTap: () async { // var navigate; // if (ini == 0) { // navigate = await Navigator.push( // context, // MaterialPageRoute( // builder: // ( // context, // ) => Allpaymentrequesitionlistsbymodes( // mode: "self", // pageTitleName: // "Payment Requisition List (Self)", // ), // ), // ); // } else { // navigate = await Navigator.push( // context, // MaterialPageRoute( // builder: (context) => Accountslist(), // ), // ); // } // }, // child: Container( // padding: EdgeInsets.symmetric( // vertical: 5, // horizontal: 15, // ), // margin: EdgeInsets.symmetric( // vertical: 7, // horizontal: 5, // ), // decoration: BoxDecoration( // color: Colors.white, // borderRadius: BorderRadius.circular(14), // ), // child: Row( // mainAxisAlignment: MainAxisAlignment.center, // crossAxisAlignment: // CrossAxisAlignment.center, // children: [ // Expanded( // flex: 2, // child: SizedBox( // child: Column( // crossAxisAlignment: // CrossAxisAlignment.start, // mainAxisAlignment: // MainAxisAlignment.center, // children: [ // Text( // filteredPaymentInitiations[ini]['name'] ?? // "-", // style: TextStyle( // fontSize: 14, // color: AppColors.app_blue, // fontFamily: "JakartaMedium", // ), // ), // Text( // filteredPaymentInitiations[ini]['subtitle'] ?? // "-", // style: TextStyle( // fontSize: 12, // color: AppColors.grey_semi, // fontFamily: "JakartaMedium", // ), // ), // ], // ), // ), // ), // SizedBox(width: 10), // Expanded( // flex: 1, // child: SvgPicture.asset( // filteredPaymentInitiations[ini]['icon'] ?? // "", // ), // ), // ], // ), // ), // ); // }, // ), // ], // // if (filteredPaymentAdministrations.isNotEmpty) ...[ // Padding( // padding: const EdgeInsets.only(top: 10, bottom: 5), // child: Text( // "Payment Administration", // style: TextStyle( // color: AppColors.grey_thick, // fontSize: 14, // fontFamily: "JakartaMedium", // ), // ), // ), // GridView.builder( // itemCount: filteredPaymentAdministrations.length, // physics: NeverScrollableScrollPhysics(), // shrinkWrap: true, // gridDelegate: // SliverGridDelegateWithFixedCrossAxisCount( // crossAxisCount: 2, // childAspectRatio: 2 / 1.1, // ), // itemBuilder: (context, ad) { // return InkResponse( // onTap: () async { // var navigate; // if (ad == 0) { // navigate = await Navigator.push( // context, // MaterialPageRoute( // builder: // ( // context, // ) => Allpaymentrequesitionlistsbymodes( // mode: "process", // pageTitleName: // "Payment Requisition List (Self)", // ), // ), // ); // } else if (ad == 1) { // navigate = await Navigator.push( // context, // MaterialPageRoute( // builder: // ( // context, // ) => Allpaymentrequesitionlistsbymodes( // mode: "admin", // pageTitleName: // "Payment Requisition List (Admin)", // ), // ), // ); // } else if (ad == 2) { // navigate = await Navigator.push( // context, // MaterialPageRoute( // builder: // (context) => Paymentreceiptlist( // pageTitleName: // "Payment Receipt List", // ), // ), // ); // } else if (ad == 3) { // navigate = await Navigator.push( // context, // MaterialPageRoute( // builder: (context) => Accountledger(), // ), // ); // } else { // navigate = await Navigator.push( // context, // MaterialPageRoute( // builder: // (context) => // Paymentlistpaymentrequisition( // pageTitleName: // "Payments List", // ), // ), // ); // } // }, // child: Container( // padding: EdgeInsets.symmetric( // vertical: 5, // horizontal: 15, // ), // margin: EdgeInsets.symmetric( // vertical: 7, // horizontal: 5, // ), // decoration: BoxDecoration( // color: Colors.white, // borderRadius: BorderRadius.circular(14), // ), // child: Row( // mainAxisAlignment: // MainAxisAlignment.center, // crossAxisAlignment: // CrossAxisAlignment.center, // children: [ // Expanded( // flex: 2, // child: SizedBox( // child: Column( // crossAxisAlignment: // CrossAxisAlignment.start, // mainAxisAlignment: // MainAxisAlignment.center, // children: [ // Text( // filteredPaymentAdministrations[ad]['name'] ?? // "-", // style: TextStyle( // fontSize: 14, // color: AppColors.app_blue, // fontFamily: "JakartaMedium", // ), // ), // Text( // filteredPaymentAdministrations[ad]['subtitle'] ?? // "-", // maxLines: 2, // style: TextStyle( // fontSize: 12, // color: AppColors.grey_semi, // fontFamily: "JakartaMedium", // ), // ), // ], // ), // ), // ), // SizedBox(width: 10), // Expanded( // flex: 1, // child: SvgPicture.asset( // filteredPaymentAdministrations[ad]['icon'] ?? // "", // ), // ), // ], // ), // ), // ); // }, // ), // ], // SizedBox(height: 100,), ListView.builder( itemCount: pages.length, shrinkWrap: true, physics: NeverScrollableScrollPhysics(), itemBuilder: (context, index) { Widget? SvgIcon; switch (pages[index].mode) { case "apr_lvl1": SvgIcon = SvgPicture.asset("assets/svg/fin_lv1.svg"); break; case "apr_lvl2": SvgIcon = SvgPicture.asset("assets/svg/fin_lv2.svg"); break; // final icons = ["comm_ic_1", "comm_ic_2"]; case "self_apr_lvl2": SvgIcon = SvgPicture.asset("assets/svg/fin_lv2.svg"); break; default: SvgIcon = SvgPicture.asset("assets/svg/fin_ic.svg"); break; } return InkResponse( onTap: () async { var navigate; if (pages[index].pageName == "Payments List") { navigate = Paymentlistpaymentrequisition( pageTitleName: provider.accessiblePagesList[index].pageName!, ); } else if (provider .accessiblePagesList[index] .pageName == "Payment Receipts List") { navigate = Paymentreceiptlist( pageTitleName: provider.accessiblePagesList[index].pageName!, ); } else if (provider .accessiblePagesList[index] .pageName == "Account List") { navigate = Accountslist(); // break; } else if (provider .accessiblePagesList[index] .pageName == "Account Ledger") { navigate = Accountledger(); } else { navigate = Allpaymentrequesitionlistsbymodes( mode: pages[index].mode!, pageTitleName: provider.accessiblePagesList[index].pageName!, ); } await Navigator.push( context, MaterialPageRoute(builder: (context) => navigate), ); }, child: Container( margin: EdgeInsets.symmetric( horizontal: 5, vertical: 5, ), padding: EdgeInsets.symmetric( horizontal: 10, vertical: 15, ), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(14), ), child: Row( children: [ if (provider .accessiblePagesList[index] .pageName == "Account List") ...[ Expanded( flex: 1, child: SvgPicture.asset( "assets/svg/comm_ic_1.svg", width: 25, ), ), ] else if (provider .accessiblePagesList[index] .pageName == "Account Ledger") ...[ Expanded( flex: 1, child: SvgPicture.asset( "assets/svg/comm_ic_2.svg", width: 25, ), ), ] else ...[ Expanded(flex: 1, child: SvgIcon), ], Expanded( flex: 5, child: Text("${pages[index].pageName}"), ), Expanded( flex: 1, child: SvgPicture.asset( "assets/svg/arrow_right_new.svg", ), ), ], ), ), ); }, ), ], ), ), ], ), ), ), floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat, floatingActionButton: InkResponse( onTap: () { _showPaymentOptionsSheet(context); }, child: Container( height: 45, alignment: Alignment.center, margin: EdgeInsets.symmetric(horizontal: 10), padding: EdgeInsets.symmetric(horizontal: 10, vertical: 5), decoration: BoxDecoration( color: AppColors.app_blue, borderRadius: BorderRadius.circular(15), ), child: Text( "Add", style: TextStyle( fontSize: 15, fontFamily: "JakartaMedium", color: Colors.white, ), ), ), ), ); }, ); } Future _showPaymentOptionsSheet(BuildContext context) { return showModalBottomSheet( useSafeArea: true, isDismissible: true, isScrollControlled: true, showDragHandle: true, backgroundColor: Colors.white, enableDrag: true, context: context, builder: (context) { return StatefulBuilder( builder: (context, setState) { return SafeArea( child: Consumer( builder: (context, provider, child) { final pages2 = provider.accessiblePagesList2; return Container( margin: EdgeInsets.only( bottom: 15, left: 15, right: 15, top: 10, ), padding: EdgeInsets.only( bottom: MediaQuery.of(context).viewInsets.bottom, ), child: SingleChildScrollView( child: Column( mainAxisSize: MainAxisSize.min, children: [ SizedBox(height: 15), ...List.generate(pages2.length, (index) { print(pages2[index].mode); // List mode_lst = [ // "self", // "other", // "process", // "admin", // "direct", // "admin" // ]; // final Headingnames = [ // "Add Self Payment Requisition", // "Add Other Payment Requisition", // "Add Processed Payment Requisition", // "Add Admin Payment Requisition", // "Add Direct Payment", // "Add Account" // ]; return ListTile( onTap: () async { var res; if (provider .accessiblePagesList2[index] .pageName == "Add Direct Payment") { res = await Navigator.push( context, MaterialPageRoute( builder: ( context, ) => Directpaymentrequesitionlist( pageTitleName: provider .accessiblePagesList2[index] .pageName!, ), settings: RouteSettings( name: "Directpaymentrequesitionlist", ), ), ); } else if (provider .accessiblePagesList2[index] .pageName == "Add Payment Receipt") { res = await Navigator.push( context, MaterialPageRoute( builder: (context) => Addpaymentreceiptlist( pageTitleName: provider .accessiblePagesList2[index] .pageName!, ), settings: RouteSettings( name: "Addpaymentreceiptlist", ), ), ); } else if (provider .accessiblePagesList2[index] .pageName! .contains("Add Account")) { res = await Navigator.push( context, MaterialPageRoute( builder: (context) => Addcommonpayment( from: "Dashboard", ), settings: RouteSettings( name: "Addcommonpayment", ), ), ); } else { res = await Navigator.push( context, MaterialPageRoute( builder: (context) => Submitpaymentrequestionlistsbymode( mode: "${pages2[index].mode}", pageTitleName: "${pages2[index].pageName}", ), settings: RouteSettings( name: "Submitpaymentrequestionlistsbymode", ), ), ); } switch (routeSettingName) { case "Submitpaymentrequestionlistsbymode": print("here"); Provider.of( context, listen: false, ).resetForm(); break; case "Addcommonpayment": Provider.of( context, listen: false, ).resetValues(); break; case "Addpaymentreceiptlist": Provider.of( context, listen: false, ).resetForm(); break; case "Directpaymentrequesitionlist": Provider.of( context, listen: false, ).resetForm(); break; } Navigator.pop(context); }, leading: SvgPicture.asset( "assets/svg/fin_ic.svg", ), title: Text( "${pages2[index].pageName}", style: TextStyle( fontSize: 14, fontFamily: "JakartaMedium", ), ), trailing: SvgPicture.asset( "assets/svg/arrow_right_new.svg", ), ); }), ], ), ), ); }, ), ); }, ); }, ); } }