import 'dart:io'; import 'package:connectivity_plus/connectivity_plus.dart'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:flutter_svg/svg.dart'; import 'package:generp/Notifiers/commonProvider/accountsListProvider.dart'; import 'package:generp/Utils/app_colors.dart'; import 'package:generp/Utils/commonServices.dart'; import 'package:generp/Utils/commonWidgets.dart'; import 'package:generp/screens/commom/accountsListDetails.dart'; import 'package:provider/provider.dart'; class Accountslist extends StatefulWidget { const Accountslist({super.key}); @override State createState() => _AccountslistState(); } class _AccountslistState extends State { ScrollController scrollController = ScrollController(); FocusNode focusNode1 = FocusNode(); FocusNode focusNode2 = FocusNode(); 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.commonAccountListAPIFunction(context); provider.pageNum = 1; provider.commonAccountListAPIFunction(context); // if (scrollController.position.maxScrollExtent == // scrollController.offset) { scrollController.addListener(() { if (scrollController.position.pixels >= scrollController.position.maxScrollExtent * 0.9 && !provider.isLoading && provider.hasMoreData) { provider.commonAccountListAPIFunction(context); } }); }); } @override void dispose() { // TODO: implement dispose super.dispose(); scrollController.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); } @override Widget _scaffold(BuildContext context) { return Consumer( builder: (context, provider, child) { var accountList = provider.accountsList; print(accountList.length); return Scaffold( resizeToAvoidBottomInset: true, appBar: appbar2New( context, "Account List", provider.resetValues, Container( padding: EdgeInsets.symmetric(horizontal: 5, vertical: 5), child: InkResponse( onTap: () { _showFilterSheet1(context); }, child: Padding( padding: const EdgeInsets.all(8.0), child: SvgPicture.asset("assets/svg/filter_ic.svg", height: 18), ), ), ), 0xFFFFFFFF ), backgroundColor: AppColors.scaffold_bg_color, body: provider.isLoading ? Center( child: CircularProgressIndicator( valueColor: AlwaysStoppedAnimation(AppColors.app_blue), ), ) : accountList.isNotEmpty ? SizedBox( child: Scrollbar( child: SingleChildScrollView( controller: scrollController, child: Column( children: [ ListView.builder( itemCount: accountList.length + (provider.hasMoreData && provider.isLoading ? 1 : 0), shrinkWrap: true, physics: NeverScrollableScrollPhysics(), itemBuilder: (context, index) { if (accountList.isEmpty) { return SizedBox( child: Center( child: Text("No Data Available"), ), ); } if (index == accountList.length && !provider.isLoading) { return Padding( padding: EdgeInsets.all(8.0), child: Center( child: CircularProgressIndicator.adaptive( valueColor: AlwaysStoppedAnimation( AppColors.app_blue, ), ), ), ); } return InkResponse( onTap: () async { print( "length, ${accountList.length}", ); Navigator.push( context, MaterialPageRoute( builder: (context) => Accountslistdetails( accountID: accountList[index] .id, ), ), ); }, child: Container( padding: EdgeInsets.symmetric( horizontal: 5, vertical: 5, ), margin: EdgeInsets.symmetric( horizontal: 10, vertical: 5, ), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(16), ), child: Row( children: [ // Expanded( // flex: 1, // child: Container( // height: 50, // width: 35, // padding: EdgeInsets.all(8.0), // decoration: BoxDecoration( // color: Color(0xFFEAF7FF), // borderRadius: // BorderRadius.circular(8), // ), // child: SvgPicture.asset( // "assets/svg/common_ac_list_ic.svg", // ), // ), // ), Expanded( flex: 1, child: Container( height: 50, width: 35, child: SvgPicture.asset( "assets/svg/crm/lead_details_list_ic.svg", ), ), ), SizedBox(width: 10), Expanded( flex: 7, child: SizedBox( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( accountList[index].name!, maxLines: 1, overflow: TextOverflow.ellipsis, style: TextStyle( fontFamily: "JakartaRegular", fontSize: 14, color: AppColors.semi_black, ), ), Text( accountList[index] .type ?? "-", maxLines: 1, style: TextStyle( fontFamily: "JakartaRegular", fontSize: 12, color: AppColors.grey_semi, ), ), ], ), ), ), ], ), ), ); }, ), ], ), ), ), ) : Emptywidget(context), ); }, ); } Future _showFilterSheet(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) { return Container( padding: EdgeInsets.only( bottom: MediaQuery.of(context).viewInsets.bottom, ), margin: EdgeInsets.only( bottom: 15, left: 15, right: 15, top: 10, ), child: SingleChildScrollView( child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisSize: MainAxisSize.min, children: [ Padding( padding: EdgeInsets.symmetric(vertical: 10), child: Text( "Filter", style: TextStyle( color: AppColors.app_blue, fontSize: 16, fontFamily: "JakartaMedium", ), ), ), textControllerWidget( context, provider.companyNameController, "Company Name", "Enter Company Name", (p0) {}, TextInputType.text, false, null, focusNode1, focusNode2, TextInputAction.next, ), textControllerWidget( context, provider.mobileNumberController, "Mobile Number", "Enter Mobile Number", (p0) {}, TextInputType.number, false, FilteringTextInputFormatter.digitsOnly, focusNode2, null, TextInputAction.done, 10, ), InkResponse( onTap: () { Navigator.pop(context); provider.pageNum = 1; provider.commonAccountListAPIFunction(context); provider.companyNameController.clear(); provider.mobileNumberController.clear(); }, child: Container( height: 45, alignment: Alignment.center, margin: EdgeInsets.symmetric( horizontal: 10, vertical: 15, ), padding: EdgeInsets.symmetric( horizontal: 10, vertical: 5, ), decoration: BoxDecoration( color: AppColors.app_blue, borderRadius: BorderRadius.circular(15), ), child: Text( "Search", style: TextStyle( fontSize: 15, fontFamily: "JakartaMedium", color: Colors.white, ), ), ), ), ], ), ), ); }, ), ); }, ); }, ); } Future _showFilterSheet1(BuildContext context) { List isSelected = List.generate( 2, (index) => index == 0 ? true : false, ); 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: Padding( padding: EdgeInsets.only( bottom: MediaQuery.of(context).viewInsets.bottom, ), child: Consumer( builder: (context, provider, child) { int selectedIndex = isSelected.indexWhere( (element) => element == true, ); List headings = [ "Account Name", "Mobile Number", ]; return Container( height: MediaQuery.of(context).size.height*0.3, child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ Padding( padding: EdgeInsets.only(left: 15), child: Text( "Filter", style: TextStyle( color: AppColors.app_blue, fontSize: 18, fontFamily: "JakartaSemiBold", ), ), ), const SizedBox(height: 20), Expanded( flex:4, child: Container( decoration: BoxDecoration( border: Border( top: BorderSide(color: const Color(0xFFA5DAF9)), bottom: BorderSide( color: const Color(0xFFA5DAF9), ), ), ), child: Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ Expanded( flex: 3, child: Column( children: List.generate(headings.length, (jj) { return Expanded( child: InkResponse( onTap: () { setState(() { // Reset all to false isSelected = List.generate( headings.length, (index) => false, ); // Set the clicked item to true isSelected[jj] = true; }); }, child: Container( padding: const EdgeInsets.symmetric( vertical: 7.5, horizontal: 10, ), decoration: BoxDecoration( border: Border( left: isSelected[jj] ? BorderSide( color: AppColors .app_blue, width: 5.0, ) : const BorderSide( color: Colors .transparent, ), bottom: jj == headings.length - 1 ? const BorderSide( color: Colors .transparent, ) : const BorderSide( color: Color( 0xFFA5DAF9, ), ), ), color: const Color(0xFFE6F6FF), ), child: Center( child: Text( headings[jj], textAlign: TextAlign.center, style: TextStyle( fontSize: 14, fontFamily: "JakartaRegular", color: AppColors.semi_black, ), ), ), ), ), ); }), ), ), Expanded( flex: 5, child: SingleChildScrollView( padding: const EdgeInsets.symmetric( horizontal: 10, vertical: 5, ), child: Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, mainAxisSize: MainAxisSize.min, children: [ if (selectedIndex == 0) ...[ SizedBox(height: 10,), textControllerWidget( context, provider.companyNameController, "", "Enter Account Name", provider.onChangedCompanyName, TextInputType.text, false, null, ), ] else if (selectedIndex == 1) ...[ SizedBox(height: 10,), textControllerWidget( context, provider.mobileNumberController, "", "Enter Mobile Number", provider.onChangedMobileNum, TextInputType.number, false, FilteringTextInputFormatter .digitsOnly, ), ] ], ), ), ), ], ), ), ), Padding( padding: const EdgeInsets.symmetric( horizontal: 15, vertical: 20, ), child: InkResponse( onTap: () { provider.pageNum = 1; provider.commonAccountListAPIFunction(context); Navigator.pop(context); }, child: Container( height: 45, alignment: Alignment.center, decoration: BoxDecoration( color: AppColors.app_blue, borderRadius: BorderRadius.circular(15), ), child: const Text( "Search", style: TextStyle( fontSize: 15, fontFamily: "JakartaMedium", color: Colors.white, ), ), ), ), ), ], ), ); }, ), ), ); }, ); }, ); } Future _onBackPressed(BuildContext context) async { Provider.of(context, listen: false).pageNum = 1; Navigator.pop(context, true); return true; } } // Divider( // thickness: 0.5, // color: Color(0xFFD7D7D7), // ), // ...List.generate(4, (j) { // final headings = [ // "Mobile Number", // "Email Id", // "Address", // "Account Type", // ]; // // final subHeadings = [ // accountList[index].mob1 ?? "-", // accountList[index].email ?? "-", // accountList[index].address ?? "-", // accountList[index].type ?? "-", // ]; // return Container( // padding: EdgeInsets.symmetric( // vertical: 5, // ), // child: Row( // crossAxisAlignment: // CrossAxisAlignment.start, // children: [ // Expanded( // child: Text( // headings[j], // style: TextStyle( // fontFamily: "JakartaMedium", // fontSize: 14, // color: AppColors.semi_black, // ), // ), // ), // SizedBox(width: 15), // Expanded( // child: Text( // subHeadings[j] ?? "-", // style: TextStyle( // fontFamily: "JakartaMedium", // fontSize: 14, // color: AppColors.grey_thick, // ), // ), // ), // ], // ), // ); // }), // InkResponse( // // child: Container( // padding: EdgeInsets.symmetric( // vertical: 5, // ), // child: Row( // crossAxisAlignment: // CrossAxisAlignment.center, // mainAxisAlignment: // MainAxisAlignment.start, // children: [ // Text( // "View Details", // style: TextStyle( // fontFamily: "JakartaMedium", // fontSize: 14, // color: AppColors.app_blue, // ), // ), // SizedBox(width: 5), // SvgPicture.asset( // "assets/svg/next_button.svg", // ), // ], // ), // ), // ),