1013 lines
36 KiB
Dart
1013 lines
36 KiB
Dart
import 'package:invoiceninja_flutter/constants.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_redux/flutter_redux.dart';
|
|
import 'package:invoiceninja_flutter/data/models/entities.dart';
|
|
import 'package:invoiceninja_flutter/data/models/models.dart';
|
|
import 'package:invoiceninja_flutter/redux/app/app_actions.dart';
|
|
import 'package:invoiceninja_flutter/redux/app/app_state.dart';
|
|
import 'package:invoiceninja_flutter/redux/dashboard/dashboard_actions.dart';
|
|
import 'package:invoiceninja_flutter/redux/reports/reports_actions.dart';
|
|
import 'package:invoiceninja_flutter/redux/settings/settings_actions.dart';
|
|
import 'package:invoiceninja_flutter/redux/ui/pref_state.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/app_shortcuts.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/blank_screen.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/change_layout_banner.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/history_drawer_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/menu_drawer_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/presenters/entity_presenter.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/screen_imports.dart';
|
|
import 'package:invoiceninja_flutter/ui/credit/credit_email_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/credit/credit_pdf_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/credit/credit_screen.dart';
|
|
import 'package:invoiceninja_flutter/ui/credit/credit_screen_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/credit/edit/credit_edit_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/credit/view/credit_view_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/design/design_screen_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/design/edit/design_edit_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/design/view/design_view_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/expense_category/edit/expense_category_edit_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/expense_category/expense_category_screen_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/expense_category/view/expense_category_view_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/invoice/invoice_pdf_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/payment_term/edit/payment_term_edit_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/payment_term/payment_term_screen_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/payment_term/view/payment_term_view_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/quote/quote_pdf_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/recurring_invoice/edit/recurring_invoice_edit_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/recurring_invoice/recurring_invoice_pdf_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/recurring_invoice/recurring_invoice_screen.dart';
|
|
import 'package:invoiceninja_flutter/ui/recurring_invoice/recurring_invoice_screen_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/recurring_invoice/view/recurring_invoice_view_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/reports/reports_screen.dart';
|
|
import 'package:invoiceninja_flutter/ui/reports/reports_screen_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/settings/account_management_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/settings/expense_settings_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/settings/online_payments_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/settings/settings_screen_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/settings/task_settings_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/settings/tax_settings_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/task_status/edit/task_status_edit_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/task_status/task_status_screen_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/task_status/view/task_status_view_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/token/edit/token_edit_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/token/token_screen_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/token/view/token_view_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/webhook/edit/webhook_edit_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/webhook/view/webhook_view_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/webhook/webhook_screen_vm.dart';
|
|
import 'package:invoiceninja_flutter/utils/localization.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/app_border.dart';
|
|
import 'package:overflow_view/overflow_view.dart';
|
|
import 'package:redux/redux.dart';
|
|
|
|
class MainScreen extends StatelessWidget {
|
|
static const String route = '/main';
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return StoreBuilder(
|
|
//onInit: (Store<AppState> store) => store.dispatch(RefreshData()),
|
|
builder: (BuildContext context, Store<AppState> store) {
|
|
final state = store.state;
|
|
final uiState = state.uiState;
|
|
final prefState = state.prefState;
|
|
final subRoute = '/' + uiState.subRoute;
|
|
String mainRoute = '/' + uiState.mainRoute;
|
|
Widget screen = BlankScreen();
|
|
|
|
bool isFullScreen = false;
|
|
final isEdit = subRoute == '/edit';
|
|
final isEmail = subRoute == '/email';
|
|
final isPdf = subRoute == '/pdf';
|
|
|
|
if ([
|
|
InvoiceScreen.route,
|
|
QuoteScreen.route,
|
|
CreditScreen.route,
|
|
RecurringInvoiceScreen.route,
|
|
TaskScreen.route,
|
|
].contains(mainRoute)) {
|
|
if (isEmail || isPdf) {
|
|
isFullScreen = true;
|
|
} else if (isEdit) {
|
|
if (mainRoute == TaskScreen.route) {
|
|
isFullScreen = prefState.isEditorFullScreen(EntityType.task);
|
|
} else {
|
|
isFullScreen = prefState.isEditorFullScreen(EntityType.invoice);
|
|
}
|
|
}
|
|
}
|
|
|
|
if (DesignEditScreen.route == uiState.currentRoute) {
|
|
isFullScreen = true;
|
|
}
|
|
|
|
if (isFullScreen) {
|
|
switch (mainRoute) {
|
|
case InvoiceScreen.route:
|
|
screen = isPdf
|
|
? InvoicePdfScreen()
|
|
: isEmail
|
|
? InvoiceEmailScreen()
|
|
: InvoiceEditScreen();
|
|
break;
|
|
case QuoteScreen.route:
|
|
screen = isPdf
|
|
? QuotePdfScreen()
|
|
: isEmail
|
|
? QuoteEmailScreen()
|
|
: QuoteEditScreen();
|
|
break;
|
|
case CreditScreen.route:
|
|
screen = isPdf
|
|
? CreditPdfScreen()
|
|
: isEmail
|
|
? CreditEmailScreen()
|
|
: CreditEditScreen();
|
|
break;
|
|
case RecurringInvoiceScreen.route:
|
|
screen = isPdf
|
|
? RecurringInvoicePdfScreen()
|
|
: RecurringInvoiceEditScreen();
|
|
break;
|
|
case TaskScreen.route:
|
|
screen = TaskEditScreen();
|
|
break;
|
|
default:
|
|
switch (uiState.currentRoute) {
|
|
case DesignEditScreen.route:
|
|
screen = DesignEditScreen();
|
|
break;
|
|
default:
|
|
print('## ERROR: screen not defined in main_screen');
|
|
break;
|
|
}
|
|
}
|
|
} else {
|
|
bool editingFilterEntity = false;
|
|
if (prefState.showFilterSidebar &&
|
|
uiState.filterEntityId != null &&
|
|
subRoute == '/edit') {
|
|
if (mainRoute == '/${uiState.filterEntityType}') {
|
|
mainRoute = '/' + uiState.previousMainRoute;
|
|
editingFilterEntity = true;
|
|
}
|
|
}
|
|
|
|
switch (mainRoute) {
|
|
case DashboardScreenBuilder.route:
|
|
screen = Row(
|
|
children: <Widget>[
|
|
Expanded(
|
|
child: DashboardScreenBuilder(),
|
|
flex: 5,
|
|
),
|
|
if (prefState.showHistory)
|
|
AppBorder(
|
|
child: HistoryDrawerBuilder(),
|
|
isLeft: true,
|
|
),
|
|
],
|
|
);
|
|
break;
|
|
case ClientScreen.route:
|
|
screen = EntityScreens(
|
|
entityType: EntityType.client,
|
|
listWidget: ClientScreenBuilder(),
|
|
editingFilterEntity: editingFilterEntity,
|
|
);
|
|
break;
|
|
case ProductScreen.route:
|
|
screen = EntityScreens(
|
|
entityType: EntityType.product,
|
|
listWidget: ProductScreenBuilder(),
|
|
editingFilterEntity: editingFilterEntity,
|
|
);
|
|
break;
|
|
case InvoiceScreen.route:
|
|
screen = EntityScreens(
|
|
entityType: EntityType.invoice,
|
|
listWidget: InvoiceScreenBuilder(),
|
|
editingFilterEntity: editingFilterEntity,
|
|
);
|
|
break;
|
|
case RecurringInvoiceScreen.route:
|
|
screen = EntityScreens(
|
|
entityType: EntityType.recurringInvoice,
|
|
listWidget: RecurringInvoiceScreenBuilder(),
|
|
editingFilterEntity: editingFilterEntity,
|
|
);
|
|
break;
|
|
case PaymentScreen.route:
|
|
screen = EntityScreens(
|
|
entityType: EntityType.payment,
|
|
listWidget: PaymentScreenBuilder(),
|
|
editingFilterEntity: editingFilterEntity,
|
|
);
|
|
break;
|
|
case QuoteScreen.route:
|
|
screen = EntityScreens(
|
|
entityType: EntityType.quote,
|
|
listWidget: QuoteScreenBuilder(),
|
|
editingFilterEntity: editingFilterEntity,
|
|
);
|
|
break;
|
|
case CreditScreen.route:
|
|
screen = EntityScreens(
|
|
entityType: EntityType.credit,
|
|
listWidget: CreditScreenBuilder(),
|
|
editingFilterEntity: editingFilterEntity,
|
|
);
|
|
break;
|
|
case ProjectScreen.route:
|
|
screen = EntityScreens(
|
|
entityType: EntityType.project,
|
|
listWidget: ProjectScreenBuilder(),
|
|
editingFilterEntity: editingFilterEntity,
|
|
);
|
|
break;
|
|
case TaskScreen.route:
|
|
screen = EntityScreens(
|
|
entityType: EntityType.task,
|
|
listWidget: TaskScreenBuilder(),
|
|
editingFilterEntity: editingFilterEntity,
|
|
);
|
|
break;
|
|
case VendorScreen.route:
|
|
screen = EntityScreens(
|
|
entityType: EntityType.vendor,
|
|
listWidget: VendorScreenBuilder(),
|
|
editingFilterEntity: editingFilterEntity,
|
|
);
|
|
break;
|
|
case ExpenseScreen.route:
|
|
screen = EntityScreens(
|
|
entityType: EntityType.expense,
|
|
listWidget: ExpenseScreenBuilder(),
|
|
editingFilterEntity: editingFilterEntity,
|
|
);
|
|
break;
|
|
case SettingsScreen.route:
|
|
screen = SettingsScreens();
|
|
break;
|
|
case ReportsScreen.route:
|
|
screen = Row(
|
|
children: <Widget>[
|
|
Expanded(
|
|
child: ReportsScreenBuilder(),
|
|
flex: 5,
|
|
),
|
|
if (prefState.showHistory)
|
|
AppBorder(
|
|
child: HistoryDrawerBuilder(),
|
|
isLeft: true,
|
|
)
|
|
],
|
|
);
|
|
break;
|
|
}
|
|
}
|
|
|
|
return WillPopScope(
|
|
onWillPop: () async {
|
|
final state = store.state;
|
|
final historyList = state.historyList;
|
|
final isEditing = state.uiState.isEditing;
|
|
final index = isEditing ? 0 : 1;
|
|
HistoryRecord history;
|
|
|
|
if (state.uiState.isPreviewing) {
|
|
store.dispatch(PopPreviewStack());
|
|
return false;
|
|
}
|
|
|
|
for (int i = index; i < historyList.length; i++) {
|
|
final item = historyList[i];
|
|
if ([
|
|
EntityType.dashboard,
|
|
EntityType.reports,
|
|
EntityType.settings,
|
|
].contains(item.entityType)) {
|
|
history = item;
|
|
break;
|
|
} else {
|
|
if (item.id == null) {
|
|
continue;
|
|
}
|
|
|
|
final entity =
|
|
state.getEntityMap(item.entityType)[item.id] as BaseEntity;
|
|
if (entity == null || !entity.isActive) {
|
|
continue;
|
|
}
|
|
|
|
history = item;
|
|
break;
|
|
}
|
|
}
|
|
|
|
if (!isEditing) {
|
|
store.dispatch(PopLastHistory());
|
|
}
|
|
|
|
if (history == null) {
|
|
store.dispatch(ViewDashboard(navigator: Navigator.of(context)));
|
|
return false;
|
|
}
|
|
|
|
switch (history.entityType) {
|
|
case EntityType.dashboard:
|
|
store.dispatch(ViewDashboard(navigator: Navigator.of(context)));
|
|
break;
|
|
case EntityType.reports:
|
|
store.dispatch(ViewReports(navigator: Navigator.of(context)));
|
|
break;
|
|
case EntityType.settings:
|
|
store.dispatch(ViewSettings(
|
|
navigator: Navigator.of(context), section: history.id));
|
|
break;
|
|
default:
|
|
viewEntityById(
|
|
context: context,
|
|
entityId: history.id,
|
|
entityType: history.entityType,
|
|
);
|
|
}
|
|
|
|
return false;
|
|
},
|
|
child: AppShortcuts(
|
|
child: SafeArea(
|
|
child: FocusTraversalGroup(
|
|
policy: WidgetOrderTraversalPolicy(),
|
|
child: ChangeLayoutBanner(
|
|
appLayout: prefState.appLayout,
|
|
suggestedLayout: AppLayout.desktop,
|
|
child: Row(children: <Widget>[
|
|
if (prefState.showMenu) MenuDrawerBuilder(),
|
|
Expanded(
|
|
child: AppBorder(
|
|
child: screen,
|
|
isLeft: prefState.showMenu,
|
|
)),
|
|
]),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
});
|
|
}
|
|
}
|
|
|
|
class EntityScreens extends StatelessWidget {
|
|
const EntityScreens({
|
|
@required this.listWidget,
|
|
@required this.entityType,
|
|
this.editingFilterEntity,
|
|
});
|
|
|
|
final Widget listWidget;
|
|
final EntityType entityType;
|
|
final bool editingFilterEntity;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final store = StoreProvider.of<AppState>(context);
|
|
final state = store.state;
|
|
final uiState = state.uiState;
|
|
final prefState = state.prefState;
|
|
final subRoute = uiState.subRoute;
|
|
final isPreviewVisible = prefState.isPreviewVisible;
|
|
final isPreviewShown =
|
|
isPreviewVisible || (subRoute != 'view' && subRoute.isNotEmpty);
|
|
|
|
int listFlex = 3;
|
|
int previewFlex = 2;
|
|
|
|
if (prefState.isModuleTable && !isPreviewShown) {
|
|
listFlex = 5;
|
|
} else if (subRoute == 'email') {
|
|
listFlex = 2;
|
|
previewFlex = 3;
|
|
} else if (prefState.isMenuCollapsed) {
|
|
listFlex += 1;
|
|
}
|
|
|
|
Widget child;
|
|
if (subRoute == 'edit' && !editingFilterEntity) {
|
|
switch (entityType) {
|
|
case EntityType.client:
|
|
child = ClientEditScreen();
|
|
break;
|
|
case EntityType.product:
|
|
child = ProductEditScreen();
|
|
break;
|
|
case EntityType.invoice:
|
|
child = InvoiceEditScreen();
|
|
break;
|
|
case EntityType.recurringInvoice:
|
|
child = RecurringInvoiceEditScreen();
|
|
break;
|
|
case EntityType.payment:
|
|
child = PaymentEditScreen();
|
|
break;
|
|
case EntityType.quote:
|
|
child = QuoteEditScreen();
|
|
break;
|
|
case EntityType.credit:
|
|
child = CreditEditScreen();
|
|
break;
|
|
case EntityType.project:
|
|
child = ProjectEditScreen();
|
|
break;
|
|
case EntityType.task:
|
|
child = TaskEditScreen();
|
|
break;
|
|
case EntityType.vendor:
|
|
child = VendorEditScreen();
|
|
break;
|
|
case EntityType.expense:
|
|
child = ExpenseEditScreen();
|
|
break;
|
|
}
|
|
} else {
|
|
final previewStack = uiState.previewStack;
|
|
final previewEntityType =
|
|
previewStack.isEmpty ? entityType : previewStack.last;
|
|
final entityUIState = state.getUIState(previewEntityType);
|
|
|
|
if ((entityUIState.selectedId ?? '').isEmpty ||
|
|
!state
|
|
.getEntityMap(previewEntityType)
|
|
.containsKey(entityUIState.selectedId)) {
|
|
child = BlankScreen(AppLocalization.of(context).noRecordSelected);
|
|
} else {
|
|
switch (previewEntityType) {
|
|
case EntityType.client:
|
|
child = ClientViewScreen();
|
|
break;
|
|
case EntityType.product:
|
|
child = ProductViewScreen();
|
|
break;
|
|
case EntityType.invoice:
|
|
child = InvoiceViewScreen();
|
|
break;
|
|
case EntityType.recurringInvoice:
|
|
child = RecurringInvoiceViewScreen();
|
|
break;
|
|
case EntityType.payment:
|
|
child = PaymentViewScreen();
|
|
break;
|
|
case EntityType.quote:
|
|
child = QuoteViewScreen();
|
|
break;
|
|
case EntityType.credit:
|
|
child = CreditViewScreen();
|
|
break;
|
|
case EntityType.project:
|
|
child = ProjectViewScreen();
|
|
break;
|
|
case EntityType.task:
|
|
child = TaskViewScreen();
|
|
break;
|
|
case EntityType.vendor:
|
|
child = VendorViewScreen();
|
|
break;
|
|
case EntityType.expense:
|
|
child = ExpenseViewScreen();
|
|
break;
|
|
case EntityType.user:
|
|
child = UserViewScreen();
|
|
break;
|
|
case EntityType.group:
|
|
child = GroupViewScreen();
|
|
break;
|
|
case EntityType.companyGateway:
|
|
child = CompanyGatewayViewScreen();
|
|
break;
|
|
case EntityType.expenseCategory:
|
|
child = ExpenseCategoryViewScreen();
|
|
break;
|
|
case EntityType.taskStatus:
|
|
child = TaskStatusViewScreen();
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
Widget leftFilterChild;
|
|
Widget topFilterChild;
|
|
|
|
if (uiState.filterEntityType != null) {
|
|
if (prefState.showFilterSidebar) {
|
|
switch (uiState.filterEntityType) {
|
|
case EntityType.client:
|
|
leftFilterChild = editingFilterEntity
|
|
? ClientEditScreen()
|
|
: ClientViewScreen(isFilter: true);
|
|
break;
|
|
case EntityType.invoice:
|
|
leftFilterChild = editingFilterEntity
|
|
? InvoiceViewScreen()
|
|
: InvoiceViewScreen(isFilter: true);
|
|
break;
|
|
case EntityType.quote:
|
|
leftFilterChild = editingFilterEntity
|
|
? QuoteViewScreen()
|
|
: QuoteViewScreen(isFilter: true);
|
|
break;
|
|
case EntityType.credit:
|
|
leftFilterChild = editingFilterEntity
|
|
? CreditViewScreen()
|
|
: CreditViewScreen(isFilter: true);
|
|
break;
|
|
case EntityType.payment:
|
|
leftFilterChild = editingFilterEntity
|
|
? PaymentEditScreen()
|
|
: PaymentViewScreen(isFilter: true);
|
|
break;
|
|
case EntityType.user:
|
|
leftFilterChild = editingFilterEntity
|
|
? UserEditScreen()
|
|
: UserViewScreen(isFilter: true);
|
|
break;
|
|
case EntityType.group:
|
|
leftFilterChild = editingFilterEntity
|
|
? GroupEditScreen()
|
|
: GroupViewScreen(isFilter: true);
|
|
break;
|
|
case EntityType.companyGateway:
|
|
leftFilterChild = editingFilterEntity
|
|
? CompanyGatewayEditScreen()
|
|
: CompanyGatewayViewScreen(isFilter: true);
|
|
break;
|
|
case EntityType.recurringInvoice:
|
|
leftFilterChild = editingFilterEntity
|
|
? RecurringInvoiceEditScreen()
|
|
: RecurringInvoiceViewScreen(isFilter: true);
|
|
break;
|
|
case EntityType.expenseCategory:
|
|
leftFilterChild = editingFilterEntity
|
|
? ExpenseCategoryEditScreen()
|
|
: ExpenseCategoryViewScreen(isFilter: true);
|
|
break;
|
|
case EntityType.taskStatus:
|
|
leftFilterChild = editingFilterEntity
|
|
? TaskStatusEditScreen()
|
|
: TaskStatusViewScreen(isFilter: true);
|
|
break;
|
|
case EntityType.vendor:
|
|
leftFilterChild = editingFilterEntity
|
|
? VendorEditScreen()
|
|
: VendorViewScreen(isFilter: true);
|
|
break;
|
|
case EntityType.project:
|
|
leftFilterChild = editingFilterEntity
|
|
? ProjectEditScreen()
|
|
: ProjectViewScreen(isFilter: true);
|
|
break;
|
|
default:
|
|
print(
|
|
'Error: filter view not implemented for ${uiState.filterEntityType}');
|
|
}
|
|
}
|
|
}
|
|
|
|
topFilterChild = _EntityFilter(
|
|
show: uiState.filterEntityType != null,
|
|
);
|
|
|
|
return Row(
|
|
children: <Widget>[
|
|
if (leftFilterChild != null)
|
|
Expanded(
|
|
child: leftFilterChild,
|
|
flex: previewFlex,
|
|
),
|
|
Expanded(
|
|
child: ClipRRect(
|
|
child: AppBorder(
|
|
isLeft: leftFilterChild != null,
|
|
child: topFilterChild == null
|
|
? listWidget
|
|
: Column(
|
|
children: [
|
|
topFilterChild,
|
|
Expanded(
|
|
child: AppBorder(
|
|
isTop: uiState.filterEntityType != null,
|
|
child: listWidget,
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
),
|
|
flex: listFlex,
|
|
),
|
|
if (prefState.isModuleList || isPreviewShown)
|
|
Expanded(
|
|
flex: previewFlex,
|
|
child: AppBorder(
|
|
child: child,
|
|
isLeft: true,
|
|
),
|
|
),
|
|
if (prefState.showHistory)
|
|
AppBorder(
|
|
child: HistoryDrawerBuilder(),
|
|
isLeft: true,
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|
|
class SettingsScreens extends StatelessWidget {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final store = StoreProvider.of<AppState>(context);
|
|
final state = store.state;
|
|
final uiState = state.uiState;
|
|
final prefState = state.prefState;
|
|
|
|
Widget screen = BlankScreen();
|
|
|
|
switch (uiState.subRoute) {
|
|
case kSettingsCompanyDetails:
|
|
screen = CompanyDetailsScreen();
|
|
break;
|
|
case kSettingsPaymentTerms:
|
|
screen = PaymentTermScreenBuilder();
|
|
break;
|
|
case kSettingsPaymentTermEdit:
|
|
screen = PaymentTermEditScreen();
|
|
break;
|
|
case kSettingsPaymentTermView:
|
|
screen = PaymentTermViewScreen();
|
|
break;
|
|
case kSettingsUserDetails:
|
|
screen = UserDetailsScreen();
|
|
break;
|
|
case kSettingsLocalization:
|
|
screen = LocalizationScreen();
|
|
break;
|
|
case kSettingsOnlinePayments:
|
|
screen = OnlinePaymentsScreen();
|
|
break;
|
|
case kSettingsCompanyGateways:
|
|
screen = CompanyGatewayScreenBuilder();
|
|
break;
|
|
case kSettingsCompanyGatewaysView:
|
|
screen = CompanyGatewayViewScreen();
|
|
break;
|
|
case kSettingsCompanyGatewaysEdit:
|
|
screen = CompanyGatewayEditScreen();
|
|
break;
|
|
case kSettingsTaxSettings:
|
|
screen = TaxSettingsScreen();
|
|
break;
|
|
case kSettingsTaxRates:
|
|
screen = TaxRateScreenBuilder();
|
|
break;
|
|
case kSettingsTaxRatesView:
|
|
screen = TaxRateViewScreen();
|
|
break;
|
|
case kSettingsTaxRatesEdit:
|
|
screen = TaxRateEditScreen();
|
|
break;
|
|
case kSettingsTaskStatuses:
|
|
screen = TaskStatusScreenBuilder();
|
|
break;
|
|
case kSettingsTaskStatusView:
|
|
screen = TaskStatusViewScreen();
|
|
break;
|
|
case kSettingsTaskStatusEdit:
|
|
screen = TaskStatusEditScreen();
|
|
break;
|
|
case kSettingsProducts:
|
|
screen = ProductSettingsScreen();
|
|
break;
|
|
case kSettingsTasks:
|
|
screen = TaskSettingsScreen();
|
|
break;
|
|
case kSettingsExpenses:
|
|
screen = ExpenseSettingsScreen();
|
|
break;
|
|
case kSettingsIntegrations:
|
|
screen = IntegrationSettingsScreen();
|
|
break;
|
|
case kSettingsImportExport:
|
|
screen = ImportExportScreen();
|
|
break;
|
|
case kSettingsDeviceSettings:
|
|
screen = DeviceSettingsScreen();
|
|
break;
|
|
case kSettingsGroupSettings:
|
|
screen = GroupScreenBuilder();
|
|
break;
|
|
case kSettingsGroupSettingsView:
|
|
screen = GroupViewScreen();
|
|
break;
|
|
case kSettingsGroupSettingsEdit:
|
|
screen = GroupEditScreen();
|
|
break;
|
|
case kSettingsGeneratedNumbers:
|
|
screen = GeneratedNumbersScreen();
|
|
break;
|
|
case kSettingsCustomFields:
|
|
screen = CustomFieldsScreen();
|
|
break;
|
|
case kSettingsWorkflowSettings:
|
|
screen = WorkflowSettingsScreen();
|
|
break;
|
|
case kSettingsInvoiceDesign:
|
|
screen = InvoiceDesignScreen();
|
|
break;
|
|
case kSettingsClientPortal:
|
|
screen = ClientPortalScreen();
|
|
break;
|
|
case kSettingsBuyNowButtons:
|
|
screen = BuyNowButtonsScreen();
|
|
break;
|
|
case kSettingsEmailSettings:
|
|
screen = EmailSettingsScreen();
|
|
break;
|
|
case kSettingsTemplatesAndReminders:
|
|
screen = TemplatesAndRemindersScreen();
|
|
break;
|
|
case kSettingsCreditCardsAndBanks:
|
|
screen = CreditCardsAndBanksScreen();
|
|
break;
|
|
case kSettingsDataVisualizations:
|
|
screen = DataVisualizationsScreen();
|
|
break;
|
|
case kSettingsUserManagement:
|
|
screen = UserScreenBuilder();
|
|
break;
|
|
case kSettingsUserManagementView:
|
|
screen = UserViewScreen();
|
|
break;
|
|
case kSettingsUserManagementEdit:
|
|
screen = UserEditScreen();
|
|
break;
|
|
case kSettingsCustomDesigns:
|
|
screen = DesignScreenBuilder();
|
|
break;
|
|
case kSettingsCustomDesignsView:
|
|
screen = DesignViewScreen();
|
|
break;
|
|
case kSettingsCustomDesignsEdit:
|
|
screen = DesignEditScreen();
|
|
break;
|
|
case kSettingsAccountManagement:
|
|
screen = AccountManagementScreen();
|
|
break;
|
|
case kSettingsTokens:
|
|
screen = TokenScreenBuilder();
|
|
break;
|
|
case kSettingsTokenView:
|
|
screen = TokenViewScreen();
|
|
break;
|
|
case kSettingsTokenEdit:
|
|
screen = TokenEditScreen();
|
|
break;
|
|
case kSettingsWebhooks:
|
|
screen = WebhookScreenBuilder();
|
|
break;
|
|
case kSettingsWebhookView:
|
|
screen = WebhookViewScreen();
|
|
break;
|
|
case kSettingsWebhookEdit:
|
|
screen = WebhookEditScreen();
|
|
break;
|
|
case kSettingsExpenseCategories:
|
|
screen = ExpenseCategoryScreenBuilder();
|
|
break;
|
|
case kSettingsExpenseCategoryView:
|
|
screen = ExpenseCategoryViewScreen();
|
|
break;
|
|
case kSettingsExpenseCategoryEdit:
|
|
screen = ExpenseCategoryEditScreen();
|
|
break;
|
|
}
|
|
|
|
return Row(children: <Widget>[
|
|
Expanded(
|
|
child: SettingsScreenBuilder(),
|
|
flex: 2,
|
|
),
|
|
Expanded(
|
|
flex: 3,
|
|
child: AppBorder(
|
|
child: screen,
|
|
isLeft: true,
|
|
),
|
|
),
|
|
if (prefState.showHistory)
|
|
AppBorder(
|
|
child: HistoryDrawerBuilder(),
|
|
isLeft: true,
|
|
),
|
|
]);
|
|
}
|
|
}
|
|
|
|
class _EntityFilter extends StatelessWidget {
|
|
const _EntityFilter({@required this.show});
|
|
|
|
final bool show;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final localization = AppLocalization.of(context);
|
|
final store = StoreProvider.of<AppState>(context);
|
|
final state = store.state;
|
|
final uiState = state.uiState;
|
|
|
|
final filterEntityType = uiState.filterEntityType;
|
|
final routeEntityType = uiState.entityTypeRoute;
|
|
|
|
final entityMap =
|
|
filterEntityType != null ? state.getEntityMap(filterEntityType) : null;
|
|
final filterEntity =
|
|
entityMap != null ? entityMap[uiState.filterEntityId] : null;
|
|
final relatedTypes = filterEntityType?.relatedTypes
|
|
?.where((element) => state.company.isModuleEnabled(element))
|
|
?.toList() ??
|
|
[];
|
|
|
|
final backgroundColor =
|
|
!state.prefState.enableDarkMode && state.hasAccentColor
|
|
? state.accentColor
|
|
: Theme.of(context).cardColor;
|
|
|
|
return Material(
|
|
color: backgroundColor,
|
|
child: AnimatedContainer(
|
|
height: show ? 46 : 0,
|
|
duration: Duration(milliseconds: kDefaultAnimationDuration),
|
|
curve: Curves.easeInOutCubic,
|
|
child: AnimatedOpacity(
|
|
opacity: show ? 1 : 0,
|
|
duration: Duration(milliseconds: kDefaultAnimationDuration),
|
|
curve: Curves.easeInOutCubic,
|
|
child: filterEntity == null
|
|
? Container(
|
|
color: backgroundColor,
|
|
)
|
|
: Row(
|
|
children: [
|
|
SizedBox(width: 8),
|
|
if (!state.prefState.showFilterSidebar)
|
|
IconButton(
|
|
tooltip: localization.showSidebar,
|
|
icon: Icon(
|
|
Icons.chrome_reader_mode,
|
|
color: state.headerTextColor,
|
|
),
|
|
onPressed: () => store.dispatch(
|
|
UpdateUserPreferences(showFilterSidebar: true)),
|
|
),
|
|
SizedBox(width: 4),
|
|
ConstrainedBox(
|
|
constraints: BoxConstraints(maxWidth: 220),
|
|
child: TextButton(
|
|
child: Text(
|
|
EntityPresenter()
|
|
.initialize(filterEntity, context)
|
|
.title,
|
|
style: TextStyle(
|
|
fontSize: 17, color: state.headerTextColor),
|
|
overflow: TextOverflow.ellipsis,
|
|
maxLines: 1,
|
|
),
|
|
onPressed: () => viewEntity(
|
|
entity: filterEntity,
|
|
context: context,
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Align(
|
|
alignment: Alignment.centerRight,
|
|
child: OverflowView.flexible(
|
|
spacing: 4,
|
|
children: <Widget>[
|
|
for (int i = 0; i < relatedTypes.length; i++)
|
|
DecoratedBox(
|
|
child: TextButton(
|
|
child: Text(
|
|
localization
|
|
.lookup('${relatedTypes[i].plural}'),
|
|
style: TextStyle(
|
|
color: state.headerTextColor,
|
|
),
|
|
),
|
|
onPressed: () {
|
|
viewEntitiesByType(
|
|
context: context,
|
|
entityType: relatedTypes[i],
|
|
filterEntity: filterEntity,
|
|
);
|
|
},
|
|
onLongPress: () {
|
|
handleEntityAction(
|
|
context,
|
|
filterEntity,
|
|
EntityAction.newEntityType(
|
|
relatedTypes[i]));
|
|
},
|
|
),
|
|
decoration: BoxDecoration(
|
|
border: relatedTypes[i] == routeEntityType
|
|
? Border(
|
|
bottom: BorderSide(
|
|
color: state.prefState
|
|
.enableDarkMode ||
|
|
!state.hasAccentColor
|
|
? state.accentColor
|
|
: Colors.white,
|
|
width: 2,
|
|
),
|
|
)
|
|
: null,
|
|
),
|
|
)
|
|
],
|
|
builder: (context, remaining) {
|
|
return PopupMenuButton<EntityType>(
|
|
child: Padding(
|
|
padding:
|
|
const EdgeInsets.symmetric(horizontal: 8),
|
|
child: Row(
|
|
children: [
|
|
Text(
|
|
localization.more,
|
|
style: TextStyle(
|
|
color: state.headerTextColor),
|
|
),
|
|
SizedBox(width: 4),
|
|
Icon(Icons.arrow_drop_down,
|
|
color: state.headerTextColor),
|
|
],
|
|
),
|
|
),
|
|
initialValue: routeEntityType,
|
|
onSelected: (EntityType value) {
|
|
if (value == filterEntityType) {
|
|
viewEntity(
|
|
entity: filterEntity,
|
|
context: context,
|
|
);
|
|
} else {
|
|
viewEntitiesByType(
|
|
context: context,
|
|
entityType: value,
|
|
filterEntity: filterEntity,
|
|
);
|
|
}
|
|
},
|
|
itemBuilder: (BuildContext context) =>
|
|
filterEntityType.relatedTypes
|
|
.sublist(relatedTypes.length - remaining)
|
|
.where((element) => state.company
|
|
.isModuleEnabled(element))
|
|
.map((type) => PopupMenuItem<EntityType>(
|
|
value: type,
|
|
child: ConstrainedBox(
|
|
constraints: BoxConstraints(
|
|
minWidth: 75,
|
|
),
|
|
child: Text(type ==
|
|
filterEntityType
|
|
? localization.overview
|
|
: '${localization.lookup(type.plural)}'),
|
|
),
|
|
))
|
|
.toList(),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
SizedBox(width: 4),
|
|
IconButton(
|
|
icon: Icon(
|
|
Icons.clear,
|
|
color: state.headerTextColor,
|
|
),
|
|
onPressed: () => store.dispatch(FilterByEntity(
|
|
entityId: uiState.filterEntityId,
|
|
entityType: uiState.filterEntityType,
|
|
)),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|