sainw/fcs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add pagination for invoice and update ui for material 3

Browse Source
This commit is contained in:
tzw
2024-01-26 16:56:20 +06:30
parent 93a5fe071a
commit 8d0f712bf4
32 changed files with 351 additions and 635 deletions
Download Patch File Download Diff File Expand all files Collapse all files

162
lib/pages/invoice/invoice_list.dart
View File

@@ -1,6 +1,7 @@
import 'package:fcs/helpers/theme.dart';
import 'package:fcs/pages/invoice/invoice_shipment_list.dart';
import 'package:fcs/pages/invoice/model/invoice_model.dart';
import 'package:fcs/pages/widgets/local_app_bar.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';
@@ -9,38 +10,35 @@ import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../../domain/entities/invoice.dart';
import '../../pagination/paginator_listview.dart';
import 'invoice_list_row.dart';
class InvoiceList extends StatefulWidget {
final bool? forCustomer;
final bool forCustomer;
const InvoiceList({Key? key, this.forCustomer}) : super(key: key);
const InvoiceList({Key? key, required this.forCustomer}) : super(key: key);
@override
_InvoiceListState createState() => _InvoiceListState();
}
class _InvoiceListState extends State<InvoiceList> {
bool _isLoading = false;
var _controller = ScrollController();
int _selectedIndex = 1;
@override
void initState() {
super.initState();
_controller.addListener(() async {
if (_controller.position.pixels == _controller.position.maxScrollExtent) {
Provider.of<InvoiceModel>(context, listen: false)
.loadMore(isCustomer: widget.forCustomer!);
}
});
InvoiceModel invoiceModel =
Provider.of<InvoiceModel>(context, listen: false);
invoiceModel.initData(widget.forCustomer!, true, false);
_init();
}
@override
void dispose() {
super.dispose();
_init() {
var model = context.read<InvoiceModel>();
_selectedIndex = model.selectedIndex;
model.loadPaginationInvoices(_selectedIndex, widget.forCustomer);
if (mounted) {
setState(() {});
}
}
@override
@@ -48,102 +46,50 @@ class _InvoiceListState extends State<InvoiceList> {
var invoiceModel = Provider.of<InvoiceModel>(context);
final popupMenu = LocalPopupMenuButton(
popmenus: [
LocalPopupMenu(
id: 1,
textKey: "invoice.popupmenu.issused",
selected: invoiceModel.selectedIndex == 1),
LocalPopupMenu(
id: 2,
textKey: "invoice.popupmenu.paid",
selected: invoiceModel.selectedIndex == 2),
LocalPopupMenu(
id: 3,
textKey: "invoice.popupmenu.cancel",
selected: invoiceModel.selectedIndex == 3)
],
popupMenuCallback: (p) => this.setState(() {
invoiceModel.selectedIndex = p.id;
if (p.id == 2) {
Provider.of<InvoiceModel>(context, listen: false)
.initData(widget.forCustomer!, false, true);
} else if (p.id == 3) {
Provider.of<InvoiceModel>(context, listen: false)
.initData(widget.forCustomer!, true, false);
} else {
Provider.of<InvoiceModel>(context, listen: false)
.initData(widget.forCustomer!, true, false);
}
}),
);
popmenus: [
LocalPopupMenu(
id: 1,
textKey: "invoice.popupmenu.issused",
selected: invoiceModel.selectedIndex == 1),
LocalPopupMenu(
id: 2,
textKey: "invoice.popupmenu.paid",
selected: invoiceModel.selectedIndex == 2),
LocalPopupMenu(
id: 3,
textKey: "invoice.popupmenu.cancel",
selected: invoiceModel.selectedIndex == 3)
],
popupMenuCallback: (p) {
this.setState(() {
_selectedIndex = p.id;
});
context
.read<InvoiceModel>()
.onChanged(_selectedIndex, widget.forCustomer);
});
return LocalProgress(
inAsyncCall: _isLoading,
child: DefaultTabController(
length: 2,
child: Scaffold(
appBar: AppBar(
centerTitle: true,
leading: new IconButton(
icon: new Icon(CupertinoIcons.back),
onPressed: () => Navigator.of(context).pop(),
),
backgroundColor: primaryColor,
title: LocalText(context, 'invoices.title',
color: Colors.white, fontSize: 20),
actions: <Widget>[popupMenu],
),
floatingActionButton: widget.forCustomer!
? null
: FloatingActionButton.extended(
onPressed: () {
_newInvoice();
},
icon: Icon(Icons.add),
label:
LocalText(context, 'invoices.add', color: Colors.white),
backgroundColor: primaryColor,
),
body: Column(
children: <Widget>[
Expanded(
child: RefreshIndicator(
child: ListView.separated(
physics: AlwaysScrollableScrollPhysics(),
controller: _controller,
separatorBuilder: (context, index) => Divider(
color: Colors.black,
height: 1,
),
scrollDirection: Axis.vertical,
shrinkWrap: true,
itemCount: invoiceModel.invoices.length,
itemBuilder: (BuildContext context, int index) {
return InvoiceListRow(
key: ValueKey(invoiceModel.invoices[index].id),
invoice: invoiceModel.invoices[index],
forCustomer: widget.forCustomer,
);
}),
onRefresh: () => invoiceModel.refresh(),
),
child: Scaffold(
appBar: LocalAppBar(
labelKey: 'invoices.title', actions: <Widget>[popupMenu]),
floatingActionButton: (widget.forCustomer)
? null
: FloatingActionButton.extended(
onPressed: () {
_newInvoice();
},
icon: Icon(Icons.add),
label:
LocalText(context, 'invoices.add', color: Colors.white),
backgroundColor: primaryColor,
),
invoiceModel.isLoading
? Container(
padding: EdgeInsets.all(8),
color: primaryColor,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text("Loading...",
style: TextStyle(color: Colors.white)),
],
),
)
: Container(),
],
)),
),
body: PaginatorListView<Invoice>(
paginatorListener: invoiceModel.getInvoices!,
rowBuilder: (p) =>
InvoiceListRow(invoice: p, isCustomer: widget.forCustomer),
color: primaryColor)),
);
}