modify

lib/pages/customer_list.dart

@@ -0,0 +1,131 @@
+import 'package:fcs/model/customer_model.dart';
+import 'package:fcs/pages/search_page.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_icons/flutter_icons.dart';
+import 'package:intl/intl.dart';
+
+import 'package:provider/provider.dart';
+import 'package:fcs/theme/theme.dart';
+import 'package:fcs/widget/progress.dart';
+
+import '../theme/theme.dart';
+import '../vo/user.dart';
+import '../widget/local_text.dart';
+import 'customer_editor.dart';
+
+class CustomerList extends StatefulWidget {
+  @override
+  _CustomerListState createState() => _CustomerListState();
+}
+
+class _CustomerListState extends State<CustomerList> {
+  var dateFormatter = new DateFormat('dd MMM yyyy - hh:mm:ss a');
+  final double dotSize = 15.0;
+  bool _isLoading = false;
+
+  @override
+  Widget build(BuildContext context) {
+    var customerModel = Provider.of<CustomerModel>(context);
+
+    return LocalProgress(
+      inAsyncCall: _isLoading,
+      child: Scaffold(
+        appBar: AppBar(
+          centerTitle: true,
+          leading: new IconButton(
+            icon: new Icon(Icons.close),
+            onPressed: () => Navigator.of(context).pop(),
+          ),
+          actions: <Widget>[
+            IconButton(
+              icon: Icon(
+                Icons.search,
+                color: Colors.white,
+              ),
+              iconSize: 30,
+              onPressed: () => showPlacesSearch(context),
+            ),
+          ],
+          backgroundColor: primaryColor,
+          title: LocalText(
+            context,
+            'customer.list.title',
+            color: Colors.white,
+            fontSize: 20,
+          ),
+        ),
+        body: new ListView.separated(
+            separatorBuilder: (context, index) => Divider(
+                  color: Colors.black,
+                ),
+            scrollDirection: Axis.vertical,
+            padding: EdgeInsets.only(left: 15, right: 15, top: 15),
+            shrinkWrap: true,
+            itemCount: customerModel.customers.length,
+            itemBuilder: (BuildContext context, int index) {
+              User user = customerModel.customers[index];
+              return Stack(
+                children: <Widget>[
+                  InkWell(
+                    onTap: () {
+                      Navigator.push(
+                        context,
+                        MaterialPageRoute(
+                            builder: (context) =>
+                                CustomerEditor(customer: user)),
+                      );
+                    },
+                    child: Row(
+                      children: <Widget>[
+                        Expanded(
+                          child: new Padding(
+                            padding: const EdgeInsets.symmetric(vertical: 10.0),
+                            child: new Row(
+                              children: <Widget>[
+                                new Padding(
+                                  padding: new EdgeInsets.symmetric(
+                                      horizontal: 32.0 - dotSize / 2),
+                                  child: Icon(
+                                    Feather.users,
+                                    color: primaryColor,
+                                    size: 40,
+                                  ),
+                                ),
+                                new Expanded(
+                                  child: new Column(
+                                    crossAxisAlignment:
+                                        CrossAxisAlignment.start,
+                                    children: <Widget>[
+                                      new Text(
+                                        user.name,
+                                        style: new TextStyle(
+                                            fontSize: 15.0,
+                                            color: primaryColor),
+                                      ),
+                                      Padding(
+                                        padding:
+                                            const EdgeInsets.only(top: 8.0),
+                                        child: new Text(
+                                          user.phoneNumber,
+                                          style: new TextStyle(
+                                              fontSize: 15.0,
+                                              color: Colors.grey),
+                                        ),
+                                      ),
+                                    ],
+                                  ),
+                                ),
+                              ],
+                            ),
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                ],
+              );
+            }),
+      ),
+    );
+  }
+}