import 'package:auto_size_text/auto_size_text.dart'; import 'package:flutter/material.dart'; import 'package:flutter_staggered_animations/flutter_staggered_animations.dart'; import 'package:fluttericon/font_awesome5_icons.dart'; import 'package:unit2/screens/unit2/homepage.dart/components/dashboard/dashboard_icon_generator.dart'; import 'package:unit2/screens/unit2/homepage.dart/components/dashboard/superadmin_expanded_menu.dart'; import 'package:unit2/screens/unit2/homepage.dart/module-screen.dart'; import 'package:unit2/theme-data.dart/colors.dart'; import './shared_card_label.dart'; class DashBoard extends StatefulWidget { final List cards; final int userId; const DashBoard({super.key, required this.cards, required this.userId}); @override State createState() => _DashBoardState(); } List finishRoles = []; List unit2Cards = []; List superadminCards = []; List rpassCards = []; List docSmsCards = []; List tempSuperAdminCards = []; List tempUnit2Cards = []; class _DashBoardState extends State { @override Widget build(BuildContext context) { setState(() { finishRoles.clear(); unit2Cards.clear(); superadminCards.clear(); rpassCards.clear(); docSmsCards.clear(); tempSuperAdminCards.clear(); }); widget.cards.forEach((e) { if (e.moduleName == "unit2") { if (!finishRoles.contains(e.object.name)) { unit2Cards.add(e); } finishRoles.add(e.object.name!); } if (e.moduleName == 'superadmin') { superadminCards.add(e); } if (e.moduleName == 'rpass') { rpassCards.add(e); } if (e.moduleName == 'document management') { docSmsCards.add(e); } }); if (superadminCards.length > 3) { tempSuperAdminCards = superadminCards.sublist(0, 4); } if (unit2Cards.length > 3) { tempUnit2Cards = unit2Cards.sublist(0, 4); } return Container( padding: const EdgeInsetsDirectional.symmetric(vertical: 24, horizontal: 24), child: ListView( children: [ Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ ////unit2 module operations Container( child: unit2Cards.isEmpty ? const SizedBox() : Text( "Unit2 module operations", style: Theme.of(context) .textTheme .displaySmall! .copyWith( fontSize: 16, color: primary, fontWeight: FontWeight.w300), ), ), SizedBox( height: unit2Cards.isEmpty ? 0 : 8, ), Container( child: unit2Cards.isEmpty ? const SizedBox() : GridView.count( shrinkWrap: true, crossAxisCount: 4, crossAxisSpacing: 8, mainAxisSpacing: 10, physics: const BouncingScrollPhysics(), padding: const EdgeInsets.symmetric( vertical: 5, horizontal: 5), children: unit2Cards.length > 3 ? tempUnit2Cards.map(( e, ) { int index = tempUnit2Cards.indexOf(e); //// if unit2 cards is less then 3 return Container( child: index == 3 ? CardLabel( icon: FontAwesome5 .chevron_circle_right, title: "See More", ontap: () { showDialog( context: context, builder: (BuildContext context) { return AlertDialog( title: const Text( "Unit2 Admin Module Operations", textAlign: TextAlign.center, ), content: Column( mainAxisSize: MainAxisSize.min, children: [ SizedBox( height: 200, width: double .maxFinite, child: GridView.count( shrinkWrap: true, crossAxisCount: 3, crossAxisSpacing: 8, mainAxisSpacing: 10, physics: const BouncingScrollPhysics(), padding: const EdgeInsets .symmetric( vertical: 5, horizontal: 5), children: unit2Cards .map(( e, ) { int index = unit2Cards .indexOf(e); //// if unit2 cards is less then 3 return AnimationConfiguration .staggeredGrid( position: index, columnCount: 3, child: ScaleAnimation( child: FadeInAnimation( child: Container( child: (e.roleName == 'superadmin' || e.roleName == 'qr code scanner' || e.roleName == 'security guard' || e.roleName == 'establishment point-person' || e.roleName == 'registration in-charge') && e.moduleName == 'unit2' ? CardLabel( icon: iconGenerator(name: e.object.name!), title: e.object.name!.toLowerCase() == 'role based access control' ? "RBAC" : e.object.name!.toLowerCase() == "person basic information" ? "Basic Info" : e.object.name!, ontap: () { if (e.object.name!.toLowerCase() == 'pass check') { PassCheckArguments passCheckArguments = PassCheckArguments(roleId: 10, userId: widget.userId); Navigator.pushNamed(context, '/pass-check', arguments: passCheckArguments); } if (e.object.name!.toLowerCase() == 'role based access control') { Navigator.pushNamed(context, '/rbac'); } }) : Container( color: Colors.black, )), ), ), ); }).toList()), ), ], ), ); }); }) : (e.roleName == 'superadmin' || e.roleName == 'qr code scanner' || e.roleName == 'security guard' || e.roleName == 'establishment point-person' || e.roleName == 'registration in-charge') && e.moduleName == 'unit2' ? CardLabel( icon: iconGenerator( name: e.object.name!), title: e.object.name! .toLowerCase() == 'role based access control' ? "RBAC" : e.object.name! .toLowerCase() == "person basic information" ? "Basic Info" : e.object.name!, ontap: () { if (e.object.name! .toLowerCase() == 'pass check') { PassCheckArguments passCheckArguments = PassCheckArguments( roleId: 10, userId: widget.userId); Navigator.pushNamed( context, '/pass-check', arguments: passCheckArguments); } if (e.object.name! .toLowerCase() == 'role based access control') { Navigator.pushNamed( context, '/rbac'); } }) : Container( color: Colors.black, )); }).toList() : unit2Cards.map(( e, ) { ////if unit2 cards is greater than 3 return Container( child: (e.roleName == 'superadmin' || e.roleName == 'qr code scanner' || e.roleName == 'security guard' || e.roleName == 'establishment point-person' || e.roleName == 'registration in-charge') && e.moduleName == 'unit2' ? CardLabel( icon: iconGenerator( name: e.object.name!), title: e.object.name! .toLowerCase() == 'role based access control' ? "RBAC" : e.object.name! .toLowerCase() == "person basic information" ? "Basic Info" : e.object.name!, ontap: () { if (e.object.name! .toLowerCase() == 'pass check') { PassCheckArguments passCheckArguments = PassCheckArguments( roleId: 10, userId: widget.userId); Navigator.pushNamed( context, '/pass-check', arguments: passCheckArguments); } if (e.object.name! .toLowerCase() == 'role based access control') { Navigator.pushNamed( context, '/rbac'); } }) : Container( color: Colors.black, )); }).toList(), ), ), SizedBox( height: unit2Cards.isEmpty ? 0 : 24, ), Container( child: superadminCards.isEmpty ? const SizedBox() : Text( "Superadmin module operations", style: Theme.of(context) .textTheme .displaySmall! .copyWith( fontSize: 16, color: primary, fontWeight: FontWeight.w300), ), ), SizedBox( height: superadminCards.isEmpty ? 0 : 8, ), Container( child: superadminCards.isEmpty ? const SizedBox() : GridView.count( shrinkWrap: true, crossAxisCount: 4, crossAxisSpacing: 8, mainAxisSpacing: 10, physics: const BouncingScrollPhysics(), padding: const EdgeInsets.symmetric( vertical: 5, horizontal: 5), children: superadminCards.length > 3 //// in superadmincards lenght is greaterthan 3 ? tempSuperAdminCards.map((e) { int index = tempSuperAdminCards.indexOf(e); return Container( child: index == 3 ? CardLabel( icon: FontAwesome5 .chevron_circle_right, title: "See More", ontap: () { showDialog( context: context, builder: (BuildContext context) { return AlertDialog( title: const Text( "Super Admin Module Operations", textAlign: TextAlign.center, ), content: Column( mainAxisSize: MainAxisSize.min, children: [ SizedBox( height: 480, width: double .maxFinite, child: GridView .count( shrinkWrap: true, crossAxisCount: 3, crossAxisSpacing: 8, mainAxisSpacing: 10, physics: const BouncingScrollPhysics(), padding: const EdgeInsets .symmetric( vertical: 5, horizontal: 5), children: superadminCards .map( (e) { int index = superadminCards .indexOf( e); return SuperAdminMenu( id: widget .userId, columnCount: 3, index: index, object: e, ); }).toList(), ), ), ], ), ); }); }) : SuperAdminMenu( id: widget.userId, object: e, index: index, columnCount: 3, )); }).toList() //// in superadmincards lenght is lessthan 3 : superadminCards.map((e) { int index = tempSuperAdminCards.indexOf(e); return Container( child: index == 3 ? CardLabel( icon: FontAwesome5 .chevron_circle_right, title: "See More", ontap: () { showDialog( context: context, builder: (BuildContext context) { return AlertDialog( title: const Text( "Super Admin Module Operations", textAlign: TextAlign.center, ), content: Column( mainAxisSize: MainAxisSize.min, children: [ SizedBox( height: 480, width: double .maxFinite, child: GridView .count( shrinkWrap: true, crossAxisCount: 3, crossAxisSpacing: 8, mainAxisSpacing: 10, physics: const BouncingScrollPhysics(), padding: const EdgeInsets .symmetric( vertical: 5, horizontal: 5), children: superadminCards .map( (e) { return SuperAdminMenu( id: widget .userId, columnCount: 4, index: index, object: e, ); }).toList(), ), ), ], ), ); }); }) : SuperAdminMenu( id: widget.userId, object: e, index: index, columnCount: 4, )); }).toList())), const SizedBox( height: 24, ), Container( child: rpassCards.isEmpty ? const SizedBox() : Text( "RPAss module operations", style: Theme.of(context) .textTheme .displaySmall! .copyWith( fontSize: 16, color: primary, fontWeight: FontWeight.w300), ), ), SizedBox( height: rpassCards.isEmpty ? 0 : 8, ), Container( child: rpassCards.isEmpty ? const SizedBox() : GridView.count( shrinkWrap: true, crossAxisCount: 4, crossAxisSpacing: 8, mainAxisSpacing: 10, physics: const BouncingScrollPhysics(), padding: const EdgeInsets.symmetric( vertical: 5, horizontal: 5), children: rpassCards.map((e) { return Container( child: (e.roleName == 'field surveyor') && e.moduleName == 'rpass' ? CardLabel( icon: iconGenerator(name: e.object.name!), title: e.object.name == 'Real Property' ? "Field Surveyor" : e.object.name!, ontap: () { Navigator.pushNamed( context, '/passo-home'); }) : Container( color: Colors.black, )); }).toList(), ), ), const SizedBox( height: 24, ), Container( child: docSmsCards.isEmpty ? const SizedBox() : Text( "DocSMS module operations", style: Theme.of(context) .textTheme .displaySmall! .copyWith( fontSize: 16, color: primary, fontWeight: FontWeight.w300), ), ), const SizedBox( height: 8, ), GridView.count( shrinkWrap: true, crossAxisCount: 4, crossAxisSpacing: 8, mainAxisSpacing: 10, physics: const BouncingScrollPhysics(), padding: const EdgeInsets.symmetric(vertical: 5, horizontal: 5), children: docSmsCards.map((e) { return Container( child: (e.roleName == 'process server') && e.moduleName == 'document management' ? CardLabel( icon: iconGenerator(name: e.object.name!), title: e.object.name == "Document" ? "Process Server" : e.object.name!, ontap: () {}) : Container( color: Colors.black, )); }).toList(), ) ], ) ], ), ); } } class PassCheckArguments { final int roleId; final int userId; const PassCheckArguments({required this.roleId, required this.userId}); }