invoice/lib/ui/design/design_list_vm.dart

111 lines
4.1 KiB
Dart

import 'dart:async';
import 'package:invoiceninja_flutter/data/models/design_model.dart';
import 'package:redux/redux.dart';
import 'package:invoiceninja_flutter/redux/app/app_actions.dart';
import 'package:flutter/material.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/widgets.dart';
import 'package:flutter_redux/flutter_redux.dart';
import 'package:built_collection/built_collection.dart';
import 'package:invoiceninja_flutter/redux/client/client_actions.dart';
import 'package:invoiceninja_flutter/redux/ui/list_ui_state.dart';
import 'package:invoiceninja_flutter/utils/completers.dart';
import 'package:invoiceninja_flutter/utils/localization.dart';
import 'package:invoiceninja_flutter/redux/design/design_selectors.dart';
import 'package:invoiceninja_flutter/data/models/models.dart';
import 'package:invoiceninja_flutter/ui/design/design_list.dart';
import 'package:invoiceninja_flutter/redux/app/app_state.dart';
import 'package:invoiceninja_flutter/redux/design/design_actions.dart';
class DesignListBuilder extends StatelessWidget {
const DesignListBuilder({Key key}) : super(key: key);
@override
Widget build(BuildContext context) {
return StoreConnector<AppState, DesignListVM>(
converter: DesignListVM.fromStore,
builder: (context, viewModel) {
return DesignList(
viewModel: viewModel,
);
},
);
}
}
class DesignListVM {
DesignListVM({
@required this.state,
@required this.userCompany,
@required this.designList,
@required this.designMap,
@required this.filter,
@required this.isLoading,
@required this.isLoaded,
@required this.onDesignTap,
@required this.listState,
@required this.onRefreshed,
@required this.onEntityAction,
@required this.tableColumns,
@required this.onClearEntityFilterPressed,
@required this.onViewEntityFilterPressed,
});
static DesignListVM fromStore(Store<AppState> store) {
Future<Null> _handleRefresh(BuildContext context) {
if (store.state.isLoading) {
return Future<Null>(null);
}
final completer = snackBarCompleter<Null>(
context, AppLocalization.of(context).refreshComplete);
store.dispatch(LoadDesigns(completer: completer, force: true));
return completer.future;
}
final state = store.state;
return DesignListVM(
state: state,
userCompany: state.userCompany,
listState: state.designListState,
designList: memoizedFilteredDesignList(
state.designState.map, state.designState.list, state.designListState),
designMap: state.designState.map,
isLoading: state.isLoading,
isLoaded: state.designState.isLoaded,
filter: state.designUIState.listUIState.filter,
onClearEntityFilterPressed: () => store.dispatch(FilterDesignsByEntity()),
onViewEntityFilterPressed: (BuildContext context) => viewEntityById(
context: context,
entityId: state.designListState.filterEntityId,
entityType: state.designListState.filterEntityType),
onDesignTap: (context, design) {
if (store.state.designListState.isInMultiselect()) {
handleDesignAction(context, [design], EntityAction.toggleMultiselect);
} else {
viewEntity(context: context, entity: design);
}
},
onEntityAction: (BuildContext context, List<BaseEntity> designs,
EntityAction action) =>
handleDesignAction(context, designs, action),
onRefreshed: (context) => _handleRefresh(context),
);
}
final AppState state;
final UserCompanyEntity userCompany;
final List<String> designList;
final BuiltMap<String, DesignEntity> designMap;
final ListUIState listState;
final String filter;
final bool isLoading;
final bool isLoaded;
final Function(BuildContext, DesignEntity) onDesignTap;
final Function(BuildContext) onRefreshed;
final Function(BuildContext, List<BaseEntity>, EntityAction) onEntityAction;
final Function onClearEntityFilterPressed;
final Function(BuildContext) onViewEntityFilterPressed;
final List<String> tableColumns;
}