add paginator

lib/pages/fcs_shipment/fcs_shipment_list.dart

@@ -1,13 +1,13 @@
+import 'package:fcs/helpers/paginator.dart';
 import 'package:fcs/helpers/theme.dart';
-import 'package:fcs/localization/app_translations.dart';
 import 'package:fcs/pages/fcs_shipment/model/fcs_shipment_model.dart';
-import 'package:fcs/pages/widgets/bottom_up_page_route.dart';
+import 'package:fcs/pages/widgets/local_popup_menu_button.dart';
+import 'package:fcs/pages/widgets/local_popupmenu.dart';
 import 'package:fcs/pages/widgets/local_text.dart';
 import 'package:fcs/pages/widgets/progress.dart';
 import 'package:flutter/cupertino.dart';
-import 'package:provider/provider.dart';
-
 import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
 
 import 'fcs_shipment_editor.dart';
 import 'fcs_shipment_list_row.dart';
@@ -19,21 +19,39 @@ class FcsShipmentList extends StatefulWidget {
 
 class _FcsShipmentListState extends State<FcsShipmentList> {
   bool _isLoading = false;
+  var _controller = ScrollController();
 
   @override
   void initState() {
     super.initState();
-  }
 
-  @override
-  void dispose() {
-    super.dispose();
+    _controller.addListener(() async {
+      if (_controller.position.pixels == _controller.position.maxScrollExtent) {
+        Provider.of<FcsShipmentModel>(context, listen: false).loadMore();
+      }
+    });
   }
 
   @override
   Widget build(BuildContext context) {
     var shipmentModel = Provider.of<FcsShipmentModel>(context);
 
+    final popupMenu = LocalPopupMenuButton(
+      popmenus: [
+        LocalPopupMenu(
+            id: 1,
+            textKey: "package.popupmenu.active",
+            selected: shipmentModel.selectedIndex == 1),
+        LocalPopupMenu(
+            id: 2,
+            textKey: "package.popupmenu.delivered",
+            selected: shipmentModel.selectedIndex == 2)
+      ],
+      popupMenuCallback: (p) => this.setState(() {
+        shipmentModel.selectedIndex = p.id;
+      }),
+    );
+
     return LocalProgress(
         inAsyncCall: _isLoading,
         child: Scaffold(
@@ -46,6 +64,7 @@ class _FcsShipmentListState extends State<FcsShipmentList> {
               backgroundColor: primaryColor,
               title: LocalText(context, 'FCSshipment.list.title',
                   color: Colors.white, fontSize: 20),
+              actions: [popupMenu],
             ),
             floatingActionButton: FloatingActionButton.extended(
               onPressed: () {
@@ -58,20 +77,39 @@ class _FcsShipmentListState extends State<FcsShipmentList> {
             body: Column(
               children: <Widget>[
                 Expanded(
-                  child: new ListView.separated(
-                      separatorBuilder: (context, index) => Divider(
-                            color: Colors.black,
-                          ),
-                      scrollDirection: Axis.vertical,
-                      padding: EdgeInsets.only(top: 15),
-                      shrinkWrap: true,
-                      itemCount: shipmentModel.fcsShipments.length,
-                      itemBuilder: (BuildContext context, int index) {
-                        return FcsShipmentListRow(
-                            key: ValueKey(shipmentModel.fcsShipments[index].id),
-                            shipment: shipmentModel.fcsShipments[index]);
-                      }),
+                  child: RefreshIndicator(
+                    child: ListView.separated(
+                        physics: AlwaysScrollableScrollPhysics(),
+                        controller: _controller,
+                        separatorBuilder: (context, index) => Divider(
+                              color: Colors.black,
+                            ),
+                        scrollDirection: Axis.vertical,
+                        padding: EdgeInsets.only(top: 15),
+                        shrinkWrap: true,
+                        itemCount: shipmentModel.fcsShipments.length,
+                        itemBuilder: (BuildContext context, int index) {
+                          return FcsShipmentListRow(
+                              key: ValueKey(
+                                  shipmentModel.fcsShipments[index].id),
+                              shipment: shipmentModel.fcsShipments[index]);
+                        }),
+                    onRefresh: () => shipmentModel.refresh(),
+                  ),
                 ),
+                shipmentModel.isLoading
+                    ? Container(
+                        padding: EdgeInsets.all(8),
+                        color: primaryColor,
+                        child: Row(
+                          mainAxisAlignment: MainAxisAlignment.center,
+                          children: [
+                            Text("Loading...",
+                                style: TextStyle(color: Colors.white)),
+                          ],
+                        ),
+                      )
+                    : Container(),
               ],
             )));
   }