invoice/lib/ui/project/view/project_view.dart

140 lines
4.2 KiB
Dart

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:invoiceninja_flutter/data/models/models.dart';
import 'package:flutter_redux/flutter_redux.dart';
import 'package:invoiceninja_flutter/redux/app/app_state.dart';
import 'package:invoiceninja_flutter/redux/client/client_actions.dart';
import 'package:invoiceninja_flutter/redux/project/project_actions.dart';
import 'package:invoiceninja_flutter/ui/app/buttons/bottom_buttons.dart';
import 'package:invoiceninja_flutter/ui/app/view_scaffold.dart';
import 'package:invoiceninja_flutter/ui/project/view/project_view_documents.dart';
import 'package:invoiceninja_flutter/ui/project/view/project_view_overview.dart';
import 'package:invoiceninja_flutter/ui/project/view/project_view_vm.dart';
import 'package:invoiceninja_flutter/utils/localization.dart';
class ProjectView extends StatefulWidget {
const ProjectView({
Key key,
@required this.viewModel,
@required this.isFilter,
@required this.tabIndex,
}) : super(key: key);
final ProjectViewVM viewModel;
final bool isFilter;
final int tabIndex;
@override
_ProjectViewState createState() => new _ProjectViewState();
}
class _ProjectViewState extends State<ProjectView>
with SingleTickerProviderStateMixin {
TabController _controller;
@override
void initState() {
super.initState();
final state = widget.viewModel.state;
_controller = TabController(
vsync: this,
length: 2,
initialIndex: state.projectUIState.tabIndex ?? 0);
_controller.addListener(_onTabChanged);
}
void _onTabChanged() {
final store = StoreProvider.of<AppState>(context);
store.dispatch(UpdateProjectTab(tabIndex: _controller.index));
}
@override
void didUpdateWidget(oldWidget) {
super.didUpdateWidget(oldWidget);
if (oldWidget.tabIndex != widget.tabIndex) {
_controller.index = widget.tabIndex ?? 0;
}
}
@override
void dispose() {
_controller.removeListener(_onTabChanged);
_controller.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
final viewModel = widget.viewModel;
final state = viewModel.state;
final project = viewModel.project;
final localization = AppLocalization.of(context);
final documents = project.documents;
return ViewScaffold(
isFilter: widget.isFilter,
entity: project,
appBarBottom: TabBar(
controller: _controller,
isScrollable: false,
tabs: [
Tab(
text: localization.overview,
),
Tab(
text: documents.isEmpty
? localization.documents
: '${localization.documents} (${documents.length})',
),
],
),
body: Builder(builder: (context) {
return Column(
children: <Widget>[
Expanded(
child: TabBarView(
controller: _controller,
children: <Widget>[
RefreshIndicator(
onRefresh: () => viewModel.onRefreshed(context),
child: ProjectOverview(
viewModel: viewModel,
isFilter: widget.isFilter,
),
),
RefreshIndicator(
onRefresh: () => viewModel.onRefreshed(context),
child: ProjectViewDocuments(
viewModel: viewModel,
key: ValueKey(viewModel.project.id),
),
),
],
),
),
BottomButtons(
entity: project,
action1: EntityAction.newTask,
action2: state.company.isModuleEnabled(EntityType.expense)
? EntityAction.newExpense
: EntityAction.newInvoice,
),
],
);
}),
floatingActionButton: FloatingActionButton(
heroTag: 'project_view_fab',
backgroundColor: Theme.of(context).primaryColorDark,
onPressed: () => viewModel.onAddTaskPressed(context),
child: Icon(
Icons.add,
color: Colors.white,
),
tooltip: localization.newTask,
),
);
}
}