add paginator in boxes and deliveries

lib/pages/delivery/delivery_list.dart

@@ -1,6 +1,4 @@
 import 'package:fcs/helpers/theme.dart';
-import 'package:fcs/localization/app_translations.dart';
-import 'package:fcs/pages/box/model/box_model.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';
@@ -10,6 +8,7 @@ import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 
 import 'delivery_list_row.dart';
+import 'model/delivery_model.dart';
 
 class DeliverList extends StatefulWidget {
   @override
@@ -18,11 +17,17 @@ class DeliverList extends StatefulWidget {
 
 class _DeliverListState extends State<DeliverList> {
   bool _isLoading = false;
-  bool _showDelivered = false;
+  var _controller = ScrollController();
 
   @override
   void initState() {
     super.initState();
+    _controller.addListener(() async {
+      if (_controller.position.pixels == _controller.position.maxScrollExtent) {
+        Provider.of<DeliveryModel>(context, listen: false).loadMore();
+      }
+    });
+    Provider.of<DeliveryModel>(context, listen: false).initData();
   }
 
   @override
@@ -32,14 +37,20 @@ class _DeliverListState extends State<DeliverList> {
 
   @override
   Widget build(BuildContext context) {
-    var boxModel = Provider.of<BoxModel>(context);
+    var deliveryModel = Provider.of<DeliveryModel>(context);
     final popupMenu = LocalPopupMenuButton(
       popmenus: [
-        LocalPopupMenu(id: 1, textKey: "delivery.popupmenu.active", selected: true),
-        LocalPopupMenu(id: 2, textKey: "delivery.popupmenu.delivered")
+        LocalPopupMenu(
+            id: 1,
+            textKey: "delivery.popupmenu.active",
+            selected: deliveryModel.selectedIndex == 1),
+        LocalPopupMenu(
+            id: 2,
+            textKey: "delivery.popupmenu.delivered",
+            selected: deliveryModel.selectedIndex == 2)
       ],
       popupMenuCallback: (p) => this.setState(() {
-        _showDelivered = p.id == 2;
+        deliveryModel.selectedIndex = p.id;
       }),
     );
     return LocalProgress(
@@ -68,17 +79,42 @@ class _DeliverListState extends State<DeliverList> {
               popupMenu
             ],
           ),
-          body: new ListView.separated(
-              separatorBuilder: (context, index) => Divider(
-                    color: Colors.black,
-                  ),
-              scrollDirection: Axis.vertical,
-              padding: EdgeInsets.only(top: 15),
-              shrinkWrap: true,
-              itemCount: boxModel.boxes.length,
-              itemBuilder: (BuildContext context, int index) {
-                return DeliveryListRow(box: boxModel.boxes[index]);
-              }),
+          body: Column(
+            children: [
+              Expanded(
+                child: RefreshIndicator(
+                  child: new ListView.separated(
+                      physics: AlwaysScrollableScrollPhysics(),
+                      controller: _controller,
+                      separatorBuilder: (context, index) => Divider(
+                            color: Colors.black,
+                          ),
+                      scrollDirection: Axis.vertical,
+                      padding: EdgeInsets.only(top: 15),
+                      shrinkWrap: true,
+                      itemCount: deliveryModel.cartons.length,
+                      itemBuilder: (BuildContext context, int index) {
+                        return DeliveryListRow(
+                            box: deliveryModel.cartons[index]);
+                      }),
+                  onRefresh: () => deliveryModel.refresh(),
+                ),
+              ),
+              deliveryModel.isLoading
+                  ? Container(
+                      padding: EdgeInsets.all(8),
+                      color: primaryColor,
+                      child: Row(
+                        mainAxisAlignment: MainAxisAlignment.center,
+                        children: [
+                          Text("Loading...",
+                              style: TextStyle(color: Colors.white)),
+                        ],
+                      ),
+                    )
+                  : Container(),
+            ],
+          ),
         ),
       ),
     );