fcs/lib/pages/fcs_shipment/fcs_shipment_list.dart

import 'package:fcs/helpers/theme.dart';
import 'package:fcs/pages/fcs_shipment/model/fcs_shipment_model.dart';
import 'package:fcs/pages/widgets/local_app_bar.dart';
import 'package:fcs/domain/vo/local_popupmenu.dart';
import 'package:fcs/pages/widgets/local_text.dart';
import 'package:fcs/pages/widgets/progress.dart';
import 'package:fcs/pagination/paginator_listview.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../../domain/entities/fcs_shipment.dart';
import 'fcs_shipment_editor.dart';
import 'fcs_shipment_list_row.dart';

class FcsShipmentList extends StatefulWidget {
  const FcsShipmentList({super.key});

  @override
  _FcsShipmentListState createState() => _FcsShipmentListState();
}

class _FcsShipmentListState extends State<FcsShipmentList> {
  bool isLoading = false;
  int _selectedIndex = 0;

  @override
  void initState() {
    super.initState();
    _init();
  }

  _init() {
    var model = context.read<FcsShipmentModel>();
    _selectedIndex = model.selectedIndex;
    model.loadFcsShipments(_selectedIndex);
    if (mounted) {
      setState(() {});
    }
  }

  @override
  Widget build(BuildContext context) {
    var shipmentModel = Provider.of<FcsShipmentModel>(context);

    return LocalProgress(
        inAsyncCall: isLoading,
        child: Scaffold(
          appBar: LocalAppBar(labelKey: "FCSshipment.list.title", actions: [
            _menuFilteringWidget(context),
          ]),
          floatingActionButton: FloatingActionButton.extended(
              onPressed: () {
                _newShipment();
              },
              icon: Icon(Icons.add),
              label: LocalText(context, "FCSshipment.add", color: Colors.white),
              backgroundColor: primaryColor),
          body: PaginatorListView<FcsShipment>(
              paginatorListener: shipmentModel.fcsShipments!,
              rowBuilder: (p) => FcsShipmentListRow(shipment: p),
              color: primaryColor),
        ));
  }

  _newShipment() {
    Navigator.of(context)
        .push(CupertinoPageRoute(builder: (context) => FcsShipmentEditor()));
  }

  Widget _menuFilteringWidget(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.only(right: 5),
      child: PopupMenuButton<LocalPopupMenu>(
          elevation: 3.2,
          tooltip: '',
          onSelected: (choice) async {
            setState(() {
              _selectedIndex = choice.id;
            });

            await context.read<FcsShipmentModel>().onChanged(choice.id);
          },
          icon: SizedBox(
            width: 30,
            height: 30,
            child: Stack(
              alignment: Alignment.center,
              children: <Widget>[
                const Icon(
                  Icons.filter_list,
                  color: Colors.white,
                ),
                _selectedIndex != 0
                    ? Positioned(
                        bottom: 15,
                        right: 0,
                        child: Container(
                          width: 10,
                          height: 10,
                          decoration: const BoxDecoration(
                            shape: BoxShape.circle,
                            color: Colors.red,
                          ),
                        ),
                      )
                    : Container()
              ],
            ),
          ),
          itemBuilder: (BuildContext context) {
            return shipFiteringMenu.map((LocalPopupMenu choice) {
              return PopupMenuItem<LocalPopupMenu>(
                value: choice,
                child: Row(
                  children: <Widget>[
                    Flexible(
                        child: Text("${choice.text}",
                            style: TextStyle(color: Colors.black))),
                    const SizedBox(
                      width: 10,
                    ),
                    _selectedIndex == choice.id
                        ? const Icon(
                            Icons.check,
                            color: Colors.grey,
                          )
                        : const SizedBox(),
                  ],
                ),
              );
            }).toList();
          }),
    );
  }
}