invoice/lib/ui/expense/expense_list.dart

130 lines
4.8 KiB
Dart

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:invoiceninja_flutter/data/models/models.dart';
import 'package:invoiceninja_flutter/ui/app/entities/entity_actions_dialog.dart';
import 'package:invoiceninja_flutter/ui/app/lists/list_divider.dart';
import 'package:invoiceninja_flutter/ui/app/loading_indicator.dart';
import 'package:invoiceninja_flutter/ui/app/snackbar_row.dart';
import 'package:invoiceninja_flutter/ui/expense/expense_list_item.dart';
import 'package:invoiceninja_flutter/ui/expense/expense_list_vm.dart';
import 'package:invoiceninja_flutter/utils/icons.dart';
import 'package:invoiceninja_flutter/utils/localization.dart';
class ExpenseList extends StatelessWidget {
const ExpenseList({
Key key,
@required this.viewModel,
}) : super(key: key);
final ExpenseListVM viewModel;
@override
Widget build(BuildContext context) {
final localization = AppLocalization.of(context);
final listState = viewModel.listState;
final state = viewModel.state;
final widgets = <Widget>[];
BaseEntity filteredEntity;
if (listState.filterEntityType == EntityType.vendor) {
filteredEntity = state.vendorState.map[listState.filterEntityId];
} else if (listState.filterEntityType == EntityType.client) {
filteredEntity = state.clientState.map[listState.filterEntityId];
}
if (filteredEntity != null) {
widgets.add(Material(
color: Colors.orangeAccent,
elevation: 6.0,
child: InkWell(
onTap: () => viewModel.onViewEntityFilterPressed(context),
child: Row(
children: <Widget>[
SizedBox(width: 18.0),
Expanded(
child: Text(
'${localization.filteredBy} ${filteredEntity.listDisplayName}',
style: TextStyle(
color: Colors.white,
fontSize: 16.0,
),
),
),
IconButton(
icon: Icon(
Icons.close,
color: Colors.white,
),
onPressed: () => viewModel.onClearEntityFilterPressed(),
)
],
),
),
));
}
widgets.add(Expanded(
child: !viewModel.isLoaded
? LoadingIndicator()
: RefreshIndicator(
onRefresh: () => viewModel.onRefreshed(context),
child: viewModel.expenseList.isEmpty
? Opacity(
opacity: 0.5,
child: Center(
child: Text(
AppLocalization.of(context).noRecordsFound,
style: TextStyle(
fontSize: 18.0,
),
),
),
)
: ListView.separated(
shrinkWrap: true,
separatorBuilder: (context, index) => ListDivider(),
itemCount: viewModel.expenseList.length,
itemBuilder: (BuildContext context, index) {
final user = viewModel.user;
final expenseId = viewModel.expenseList[index];
final expense = viewModel.expenseMap[expenseId];
final client =
viewModel.state.clientState.map[expense.clientId];
final vendor =
viewModel.state.vendorState.map[expense.vendorId];
void showDialog() => showEntityActionsDialog(
entity: expense,
context: context,
user: user,
client: client,
onEntityAction: viewModel.onEntityAction);
return ExpenseListItem(
user: viewModel.user,
filter: viewModel.filter,
expense: expense,
client: client,
vendor: vendor,
onTap: () => viewModel.onExpenseTap(context, expense),
onEntityAction: (EntityAction action) {
if (action == EntityAction.more) {
showDialog();
} else {
viewModel.onEntityAction(
context, expense, action);
}
},
onLongPress: () => showDialog(),
);
},
),
),
));
return Column(
children: widgets,
);
}
}