fix: Paginação do Historico de Acesso

lib/backend/api_requests/api_calls.dart

@@ -1715,7 +1715,7 @@ class RespondeSolicitacaoCall {
 }
 
 class GetAccessCall {
-  Stream<ApiCallResponse> call({
+  Future<ApiCallResponse> call({
     String? devUUID = '',
     String? userUUID = '',
     String? cliID = '',
@@ -1725,43 +1725,31 @@ class GetAccessCall {
     String? pesTipo = '',
   }) {
     final baseUrl = PhpGroup.getBaseUrl();
-    final StreamController<ApiCallResponse> controller = StreamController();
 
-    Future.microtask(() async {
+    return ApiManager.instance.makeApiCall(
-      try {
+      callName: 'getAccess',
-        final response = await ApiManager.instance.makeApiCall(
+      apiUrl: '$baseUrl/processRequest.php',
-          callName: 'getAccess',
+      callType: ApiCallType.POST,
-          apiUrl: '$baseUrl/processRequest.php',
+      headers: {
-          callType: ApiCallType.POST,
+        'Content-Type': 'application/x-www-form-urlencoded',
-          headers: {
+      },
-            'Content-Type': 'application/x-www-form-urlencoded',
+      params: {
-          },
+        'devUUID': devUUID,
-          params: {
+        'userUUID': userUUID,
-            'devUUID': devUUID,
+        'cliID': cliID,
-            'userUUID': userUUID,
+        'atividade': atividade,
-            'cliID': cliID,
+        'pageSize': pageSize,
-            'atividade': atividade,
+        'pageNumber': pageNumber,
-            'pageSize': pageSize,
+        'pesTipo': pesTipo,
-            'pageNumber': pageNumber,
+      },
-            'pesTipo': pesTipo,
+      bodyType: BodyType.X_WWW_FORM_URL_ENCODED,
-          },
+      returnBody: true,
-          bodyType: BodyType.X_WWW_FORM_URL_ENCODED,
+      encodeBodyUtf8: false,
-          returnBody: true,
+      decodeUtf8: false,
-          encodeBodyUtf8: false,
+      cache: false,
-          decodeUtf8: false,
+      isStreamingApi: false,
-          cache: false,
+      alwaysAllowBody: false,
-          isStreamingApi: false,
+    );
-          alwaysAllowBody: false,
-        );
-        controller.add(response);
-        await controller.close();
-      } catch (e) {
-        controller.addError(e);
-        await controller.close();
-      }
-    });
-
-    return controller.stream;
   }
 
   bool? error(dynamic response) => castToType<bool>(getJsonField(

lib/pages/acess_history_page/acess_history_page_model.dart

@@ -11,11 +11,11 @@ import 'package:hub/pages/liberation_history/liberation_history_model.dart';
 
 class AcessHistoryPageModel extends FlutterFlowModel<AcessHistoryPageWidget> {
   final unfocusNode = FocusNode();
-  final _accessHistoryManager = StreamRequestManager<ApiCallResponse>();
+  final _accessHistoryManager = FutureRequestManager<ApiCallResponse>();
-  Stream<ApiCallResponse> accessHistory({
+  Future<ApiCallResponse> accessHistory({
     String? uniqueQueryKey,
     bool? overrideCache,
-    required Stream<ApiCallResponse> Function() requestFn,
+    required Future<ApiCallResponse> Function() requestFn,
   }) =>
       _accessHistoryManager.performRequest(
         uniqueQueryKey: uniqueQueryKey,

lib/pages/acess_history_page/acess_history_page_widget.dart

@@ -1,5 +1,6 @@
 import 'dart:developer';
 
+import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_spinkit/flutter_spinkit.dart';
 import 'package:google_fonts/google_fonts.dart';
@@ -7,9 +8,7 @@ import 'package:hub/app_state.dart';
 import 'package:hub/backend/api_requests/api_calls.dart';
 import 'package:hub/backend/api_requests/api_manager.dart';
 import 'package:hub/components/molecular_components/message_opt_modal/opt_modal_widget.dart';
-import 'package:hub/components/molecular_components/option_selection_modal/option_selection_modal_widget.dart';
 import 'package:hub/components/templates_components/card_item_template_component/card_item_template_component_widget.dart';
-import 'package:hub/flutter_flow/custom_functions.dart';
 import 'package:hub/flutter_flow/flutter_flow_icon_button.dart';
 import 'package:hub/flutter_flow/flutter_flow_model.dart';
 
@@ -17,6 +16,8 @@ import 'package:hub/flutter_flow/flutter_flow_theme.dart';
 import 'package:hub/flutter_flow/flutter_flow_util.dart';
 import 'package:hub/flutter_flow/internationalization.dart';
 import 'package:hub/pages/acess_history_page/acess_history_page_model.dart';
+import 'package:hub/shared/utils/dialog_util.dart';
+import 'package:hub/shared/utils/log_util.dart';
 import 'package:rxdart/rxdart.dart';
 
 @immutable
@@ -53,19 +54,34 @@ class _AcessHistoryPageWidgetState extends State<AcessHistoryPageWidget> {
   bool _isSubjectClosed = false;
   final scaffoldKey = GlobalKey<ScaffoldState>();
 
-  _AcessHistoryPageWidgetState(Map<String, String> opt)
+  late ScrollController _scrollController;
-      : selectedTypeSubject = BehaviorSubject.seeded(opt) {
+  int _pageNumber = 1;
-    selectedTypeSubject.listen((value) {
+  final int _pageSize = 10;
-      log("selectedTypeSubject changed: $value");
+  bool _hasData = false;
-    });
+  bool _loading = false;
+
+  String _personType = '.*';
+  String _accessType = '.*';
+  String _search = '.*';
+
+  late Future<void> _accessFuture;
+  List<dynamic> _accessWrap = [];
+
+  _AcessHistoryPageWidgetState(Map<String, String> opt) : selectedTypeSubject = BehaviorSubject.seeded(opt) {
+    selectedTypeSubject.listen((value) {});
   }
 
   @override
   void initState() {
     super.initState();
-
     _model = createModel(context, () => AcessHistoryPageModel());
-    log("initState called in _AcessHistoryPageWidgetState");
+    _accessFuture = fetchAccessHistoryService();
+
+    _scrollController = ScrollController()..addListener(() {
+      if (_scrollController.position.atEdge && _scrollController.position.pixels != 0) {
+        _loadMoreAccess();
+      }
+    });
   }
 
   @override
@@ -77,31 +93,31 @@ class _AcessHistoryPageWidgetState extends State<AcessHistoryPageWidget> {
 
   @override
   Widget build(BuildContext context) {
+    final theme = FlutterFlowTheme.of(context);
+
     return Scaffold(
         key: scaffoldKey,
         backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
-        appBar: _appBarOrganismWidget(context),
+        appBar: _appBar(context, theme),
-        body: _accessHistoryListOrganismWidget(context));
+        body: _body(context));
   }
 
-// AppBar Widgets
+
-  PreferredSizeWidget _appBarOrganismWidget(BuildContext context) {
+  PreferredSizeWidget _appBar(BuildContext context, FlutterFlowTheme theme) {
-    final theme = FlutterFlowTheme.of(context);
     return AppBar(
       backgroundColor: theme.primaryBackground,
       automaticallyImplyLeading: false,
-      leading: _appBarBackButtonAtomWidget(context, theme),
+      leading: _backButton(context, theme),
-      title: _appBarTitleMoleculeWidget(context, theme),
+      title: _title(context, theme),
       centerTitle: true,
       elevation: 0.0,
       actions: [
-        _appBarFilterButtonAtomWidget(context),
+        _filterButton(context)
       ],
     );
   }
 
-  Widget _appBarBackButtonAtomWidget(
+  Widget _backButton(BuildContext context, FlutterFlowTheme theme) {
-      BuildContext context, FlutterFlowTheme theme) {
     return FlutterFlowIconButton(
       borderColor: Colors.transparent,
       borderRadius: 30.0,
@@ -116,8 +132,7 @@ class _AcessHistoryPageWidgetState extends State<AcessHistoryPageWidget> {
     );
   }
 
-  Widget _appBarTitleMoleculeWidget(
+  Widget _title(BuildContext context, FlutterFlowTheme theme) {
-      BuildContext context, FlutterFlowTheme theme) {
     return Text(
       FFLocalizations.of(context).getText('ch8qymga'),
       style: theme.headlineMedium.override(
@@ -126,13 +141,12 @@ class _AcessHistoryPageWidgetState extends State<AcessHistoryPageWidget> {
         fontSize: 16.0,
         letterSpacing: 0.0,
         useGoogleFonts:
-            GoogleFonts.asMap().containsKey(theme.headlineMediumFamily),
+        GoogleFonts.asMap().containsKey(theme.headlineMediumFamily),
       ),
     );
   }
 
-  Widget _appBarFilterButtonAtomWidget(BuildContext context) {
+  Widget _filterButton(BuildContext context) {
-    log('selectedTypeSubject: ${selectedTypeSubject.value}');
     return Row(
       mainAxisAlignment: MainAxisAlignment.end,
       children: [
@@ -141,27 +155,20 @@ class _AcessHistoryPageWidgetState extends State<AcessHistoryPageWidget> {
           child: IconButton(
             icon: const Icon(Icons.filter_list),
             onPressed: () async {
-              final Map<String, String>? selectedFilter =
+              final Map<String, String>? selectedFilter = await showModalBottomSheet<Map<String, String>>(
-                  await showModalBottomSheet<Map<String, String>>(
                       isScrollControlled: true,
                       backgroundColor: Colors.transparent,
                       context: context,
                       builder: (context) {
                         return GestureDetector(
-                          onTap: () {
+                          onTap: () => Navigator.of(context).pop(),
-                            Navigator.of(context).pop();
-                          },
                           child: Container(
                             color: Colors.transparent,
                             child: GestureDetector(
                               onTap: () {},
                               child: OptModalWidget(
-                                defaultAccessType:
+                                defaultAccessType: selectedTypeSubject.value['accessType'] ?? '.*',
-                                    selectedTypeSubject.value['accessType'] ??
+                                defaultPersonType: selectedTypeSubject.value['personType'] ?? '.*',
-                                        '.*',
-                                defaultPersonType:
-                                    selectedTypeSubject.value['personType'] ??
-                                        '.*',
                               ),
                             ),
                           ),
@@ -169,7 +176,6 @@ class _AcessHistoryPageWidgetState extends State<AcessHistoryPageWidget> {
                       });
 
               if (selectedFilter != null) {
-                log('Selected Filter: $selectedFilter');
                 _updateAccessHistoryAction(selectedFilter);
               }
             },
@@ -192,108 +198,112 @@ class _AcessHistoryPageWidgetState extends State<AcessHistoryPageWidget> {
       });
       if (needsUpdate) {
         selectedTypeSubject.add(updatedType);
-        log("updateAccessHistory called with newType: $newType");
+        fetchCardListViewService(updatedType);
         safeSetState(() {});
       }
     }
   }
 
-  Stream<ApiCallResponse> fetchAccessHistoryService(String selectedType) {
+  Future<ApiCallResponse?> fetchAccessHistoryService() async {
-    log('Calling API with type: $selectedType');
+    try {
-    switch (selectedType) {
+      setState(() => _loading = true);
-      case 'E':
+      var response = await PhpGroup.getAccessCall.call(
-        return _model.accessHistory(
+        devUUID: FFAppState().devUUID,
-          requestFn: () => PhpGroup.getAccessCall.call(
+        userUUID: FFAppState().userUUID,
-            devUUID: FFAppState().devUUID,
+        cliID: FFAppState().cliUUID,
-            userUUID: FFAppState().userUUID,
+        atividade: 'getAcessos',
-            cliID: FFAppState().cliUUID,
+        pageSize: _pageSize.toString(),
-            atividade: 'getAcessos',
+        pageNumber: _pageNumber.toString(),
-            pageSize: '100',
+        pesTipo: _personType != 'E' && _personType != 'O' ? 'T' : _personType,
-            pageNumber: '1',
+      );
-            pesTipo: 'E',
+
-          ),
+      final List<dynamic> accessHistory = response.jsonBody['acessos'] ?? [];
-        );
+
-      case 'O':
+      List<dynamic> filteredAccess = accessHistory.where((item) {
-        return _model.accessHistory(
+        final personTypeMatches = _personType == '.*' || item["PES_TIPO"].toString() == _personType;
-          requestFn: () => PhpGroup.getAccessCall.call(
+        final accessTypeMatches = _accessType == '.*' || item["ACE_TIPO"].toString() == _accessType;
-            devUUID: FFAppState().devUUID,
+        final searchMatches = _search == '.*' || item["PES_NOME"].toString().toLowerCase().contains(_search.toLowerCase());
-            userUUID: FFAppState().userUUID,
+        return personTypeMatches && accessTypeMatches && searchMatches;
-            cliID: FFAppState().cliUUID,
+      }).toList();
-            atividade: 'getAcessos',
+
-            pageSize: '100',
+      if (filteredAccess != null && filteredAccess.isNotEmpty) {
-            pageNumber: '1',
+        setState(() {
-            pesTipo: 'O',
+          _accessWrap.addAll(filteredAccess);
-          ),
+          _hasData = true;
-        );
+          _loading = false;
-      default:
+        });
-        return _model.accessHistory(
+        return response;
-          requestFn: () => PhpGroup.getAccessCall.call(
+      }
-            devUUID: FFAppState().devUUID,
+
-            userUUID: FFAppState().userUUID,
+      setState(() {
-            cliID: FFAppState().cliUUID,
+        _hasData = false;
-            atividade: 'getAcessos',
+        _loading = false;
-            pageSize: '100',
+      });
-            pageNumber: '1',
+      return null;
-            pesTipo: 'T',
+    } catch (e, s) {
-          ),
+      DialogUtil.errorDefault(context);
-        );
+      LogUtil.requestAPIFailed('processRequest', "", "Busca Acesso", e, s);
+      setState(() {
+        _hasData = false;
+        _loading = false;
+      });
     }
   }
 
-  Widget _accessHistoryListOrganismWidget(BuildContext context) {
+  Widget _body(BuildContext context) {
-    return Center(
+    return Column(
-      child: SingleChildScrollView(
+      crossAxisAlignment: CrossAxisAlignment.start,
-        child: Column(
+      children: [
-          children: [
+        Expanded(child: _cardListViewOrganismWidget()),
-            StreamBuilder<Map<String, String>>(
+        if (_loading) Container(
-              stream: selectedTypeSubject.stream,
+          padding: const EdgeInsets.only(top: 15, bottom: 15),
-              builder: (context, snapshot) {
+          color: FlutterFlowTheme.of(context).primary,
-                if (!snapshot.hasData) {
+          child: Center(
-                  return Center(child: CircularProgressIndicator());
+            child: CircularProgressIndicator(
-                }
+              valueColor: AlwaysStoppedAnimation<Color>(
-                final selected = snapshot.data!;
+                FlutterFlowTheme.of(context).info,
-                return _cardListViewOrganismWidget(selected);
+              ),
-              },
             ),
-          ],
+          ),
         ),
-      ),
+        if (_hasData == false) Container(
+          padding: const EdgeInsets.only(top: 15, bottom: 15),
+          color: FlutterFlowTheme.of(context).primary,
+          child: Center(
+              child: Text(
+                FFLocalizations.of(context).getVariableText(
+                    ptText: "Não há mais dados.",
+                    enText: "No more data."
+                ),
+                style: TextStyle(color: FlutterFlowTheme.of(context).info),
+              )
+          ),
+        ),
+      ],
     );
   }
 
-  Future<List<dynamic>> fetchCardListViewService(
+  void _loadMoreAccess() {
-      Map<String, String> select) async {
+    if (_hasData == true) {
-    log('Fetching access history');
+      _pageNumber++;
-    final response =
+      _accessFuture = fetchAccessHistoryService();
-        await fetchAccessHistoryService(select['personType']!).first;
+    }
-    log('Response: ${response.jsonBody}');
-    final List<dynamic> accessHistory = response.jsonBody['acessos'] ?? [];
-    log('Access History Before Filtering: $accessHistory');
-    log('Filtering for: Person Type - ${select['personType']}, Access Type - ${select['accessType']}, Search - ${select['search']}');
-
-    return accessHistory.where((item) {
-      final personTypeMatches = select['personType'] == '.*' ||
-          item["PES_TIPO"].toString() == select['personType'];
-      final accessTypeMatches = select['accessType'] == '.*' ||
-          item["ACE_TIPO"].toString() == select['accessType'];
-      final searchMatches = select['search'] == '.*' ||
-          item["PES_NOME"]
-              .toString()
-              .toLowerCase()
-              .contains(select['search']!.toLowerCase());
-      log('NOMES: ${item["PES_NOME"].toString().toLowerCase()}');
-      return personTypeMatches && accessTypeMatches && searchMatches;
-    }).toList();
   }
 
-  Widget _cardListViewOrganismWidget(Map<String, String> selected) {
+  void fetchCardListViewService(Map<String, String> select) {
-    log('Selected types in Card: ${selected['personType']}, ${selected['accessType']}');
+    _personType = select['personType']!;
-    log('_buildAccessHistoryList called');
+    _accessType = select['accessType']!;
-    return FutureBuilder<List<dynamic>>(
+    _search = select['search']!;
-      future: fetchCardListViewService(selected),
+    _accessWrap = [];
+    _pageNumber = 1;
+    _accessFuture = fetchAccessHistoryService();
+  }
+
+  Widget _cardListViewOrganismWidget() {
+    return FutureBuilder<void>(
+      future: _accessFuture,
       builder: (context, snapshot) {
-        if (snapshot.connectionState == ConnectionState.waiting) {
+        if (snapshot.connectionState == ConnectionState.waiting && _accessWrap.isEmpty) {
-          log('Waiting for data');
           return Center(
             child: SizedBox(
               width: 50.0,
@@ -304,40 +314,30 @@ class _AcessHistoryPageWidgetState extends State<AcessHistoryPageWidget> {
               ),
             ),
           );
-        } else if (snapshot.hasData && snapshot.data!.isEmpty) {
-          return Center(
-            child: Text(FFLocalizations.of(context).getVariableText(
-                ptText: "Nenhum histórico encontrado!",
-                enText: "No history found!")),
-          );
         } else if (snapshot.hasError) {
           return Center(
             child: Text(FFLocalizations.of(context).getVariableText(
                 ptText: "Falha ao efetuar operação!",
                 enText: "Failed to perform operation!")),
           );
-        } else {
-          final accessHistory = snapshot.data!;
-          log('Access History: $accessHistory');
-          return ListView.builder(
-            shrinkWrap: true,
-            physics: const NeverScrollableScrollPhysics(),
-            itemCount: accessHistory.length,
-            itemBuilder: (context, index) {
-              final accessHistoryItem = accessHistory[index];
-              log('Access History Item: ${accessHistoryItem['PES_TIPO']}');
-              return _accessHistoryCardMoleculeWidget(
-                  context, accessHistoryItem);
-            },
-          );
         }
+
+        return ListView.builder(
+          shrinkWrap: true,
+          physics: const BouncingScrollPhysics(),
+          controller: _scrollController,
+          itemCount: _accessWrap.length,
+          itemBuilder: (context, index) {
+            final accessHistoryItem = _accessWrap[index];
+            return _accessHistoryCardMoleculeWidget(context, accessHistoryItem);
+          },
+        );
       },
     );
   }
 
-  Widget _accessHistoryCardMoleculeWidget(
+  Widget _accessHistoryCardMoleculeWidget(BuildContext context, dynamic accessHistoryItem) {
-      BuildContext context, dynamic accessHistoryItem) {
+
-    log('Access History Item: $accessHistoryItem');
     return CardItemTemplateComponentWidget(
         imageHashMap: Map<String, String>.from({
           'key': accessHistoryItem['PES_ID'] ?? '',