477 lines
22 KiB
Dart
477 lines
22 KiB
Dart
// Flutter imports:
|
|
import 'package:collection/collection.dart' show IterableNullableExtension;
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
|
|
// Package imports:
|
|
import 'package:flutter_redux/flutter_redux.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/forms/save_cancel_buttons.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/icon_text.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/loading_indicator.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/upgrade_dialog.dart';
|
|
import 'package:invoiceninja_flutter/ui/transaction/edit/transaction_edit_vm.dart';
|
|
import 'package:overflow_view/overflow_view.dart';
|
|
import 'package:url_launcher/url_launcher.dart';
|
|
|
|
// Project imports:
|
|
import 'package:invoiceninja_flutter/constants.dart';
|
|
import 'package:invoiceninja_flutter/data/models/models.dart';
|
|
import 'package:invoiceninja_flutter/redux/app/app_state.dart';
|
|
import 'package:invoiceninja_flutter/redux/settings/settings_actions.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/entities/entity_status_chip.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/icon_message.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/menu_drawer_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/settings/account_management_vm.dart';
|
|
import 'package:invoiceninja_flutter/utils/icons.dart';
|
|
import 'package:invoiceninja_flutter/utils/localization.dart';
|
|
import 'package:invoiceninja_flutter/utils/platforms.dart';
|
|
|
|
class EditScaffold extends StatelessWidget {
|
|
const EditScaffold({
|
|
Key? key,
|
|
required this.title,
|
|
required this.onSavePressed,
|
|
required this.body,
|
|
this.entity,
|
|
this.onCancelPressed,
|
|
this.bottomNavigationBar,
|
|
this.floatingActionButton,
|
|
this.appBarBottom,
|
|
this.saveLabel,
|
|
this.isFullscreen = false,
|
|
this.onActionPressed,
|
|
this.actions,
|
|
}) : super(key: key);
|
|
|
|
final BaseEntity? entity;
|
|
final String? title;
|
|
final Function(BuildContext)? onSavePressed;
|
|
final Function(BuildContext)? onCancelPressed;
|
|
final Function(BuildContext, EntityAction)? onActionPressed;
|
|
final List<EntityAction?>? actions;
|
|
final Widget? appBarBottom;
|
|
final Widget? floatingActionButton;
|
|
final Widget body;
|
|
final Widget? bottomNavigationBar;
|
|
final String? saveLabel;
|
|
final bool isFullscreen;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final store = StoreProvider.of<AppState>(context);
|
|
final state = store.state;
|
|
final account = state.account!;
|
|
final localization = AppLocalization.of(context);
|
|
Function? bannerClick;
|
|
|
|
bool showUpgradeBanner = false;
|
|
bool isEnabled = !state.isSaving && (entity?.isEditable ?? true);
|
|
bool isCancelEnabled = false;
|
|
String? upgradeMessage = state.userCompany!.isOwner
|
|
? (state.account!.isEligibleForTrial && !supportsInAppPurchase()
|
|
? localization!.startFreeTrialMessage
|
|
: localization!.upgradeToPaidPlan)
|
|
: localization!.ownerUpgradeToPaidPlan;
|
|
if (account.isTrial) {
|
|
if (account.trialDaysLeft <= 1) {
|
|
upgradeMessage = localization.freeTrialEndsToday;
|
|
} else {
|
|
upgradeMessage = localization.freeTrialEndsInDays!
|
|
.replaceFirst(':count', account.trialDaysLeft.toString());
|
|
}
|
|
}
|
|
|
|
if (!state.isProPlan || state.account!.isTrial) {
|
|
if (kAdvancedSettings.contains(state.uiState.baseSubRoute)) {
|
|
showUpgradeBanner = true;
|
|
if (!state.isProPlan && !state.account!.isTrial && isEnabled) {
|
|
isCancelEnabled = true;
|
|
isEnabled = false;
|
|
}
|
|
} else if (state.uiState.currentRoute == AccountManagementScreen.route) {
|
|
showUpgradeBanner = true;
|
|
}
|
|
} else if (kSettingsCompanyGatewaysEdit
|
|
.contains(state.uiState.baseSubRoute)) {
|
|
isCancelEnabled = true;
|
|
}
|
|
|
|
if (TransactionEditScreen.route.contains(state.uiState.baseRoute) &&
|
|
state.bankAccountState.list.isEmpty) {
|
|
showUpgradeBanner = true;
|
|
if (state.isEnterprisePlan) {
|
|
upgradeMessage = localization.clickHereToConnectBankAccount;
|
|
bannerClick =
|
|
() => store.dispatch(ViewSettings(section: kSettingsBankAccounts));
|
|
} else {
|
|
upgradeMessage = localization.upgradeToConnectBankAccount;
|
|
}
|
|
}
|
|
|
|
final entityActions = <EntityAction>[
|
|
if (isDesktop(context) &&
|
|
((isEnabled && onSavePressed != null) || isCancelEnabled))
|
|
EntityAction.back,
|
|
EntityAction.save,
|
|
...(actions ?? []).whereNotNull(),
|
|
];
|
|
|
|
final textStyle = Theme.of(context)
|
|
.textTheme
|
|
.bodyMedium!
|
|
.copyWith(color: state.headerTextColor);
|
|
|
|
final showOverflow = isDesktop(context) && state.isFullScreen;
|
|
|
|
return WillPopScope(
|
|
onWillPop: () async {
|
|
return true;
|
|
},
|
|
child: CallbackShortcuts(
|
|
bindings: <ShortcutActivator, VoidCallback>{
|
|
const SingleActivator(LogicalKeyboardKey.keyS, control: true): () =>
|
|
onSavePressed!(context),
|
|
},
|
|
child: FocusTraversalGroup(
|
|
child: Scaffold(
|
|
body: state.companies.isEmpty
|
|
? LoadingIndicator()
|
|
: Stack(
|
|
alignment: Alignment.topCenter,
|
|
children: [
|
|
Column(
|
|
children: [
|
|
if (showUpgradeBanner &&
|
|
state.userCompany!.isOwner &&
|
|
(!isApple() || supportsInAppPurchase()))
|
|
InkWell(
|
|
child: IconMessage(
|
|
upgradeMessage,
|
|
color: Colors.orange.shade800,
|
|
),
|
|
onTap: () async {
|
|
if (bannerClick != null) {
|
|
bannerClick();
|
|
} else if (supportsInAppPurchase() &&
|
|
account.canMakeIAP) {
|
|
showDialog<void>(
|
|
context: context,
|
|
builder: (context) => UpgradeDialog(),
|
|
);
|
|
} else {
|
|
launchUrl(Uri.parse(
|
|
state.userCompany!.ninjaPortalUrl));
|
|
}
|
|
},
|
|
),
|
|
Expanded(
|
|
child: body,
|
|
),
|
|
],
|
|
),
|
|
if (state.isSaving) LinearProgressIndicator(),
|
|
],
|
|
),
|
|
drawer: isDesktop(context) ? MenuDrawerBuilder() : null,
|
|
appBar: AppBar(
|
|
centerTitle: false,
|
|
automaticallyImplyLeading: isMobile(context),
|
|
title: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
if (showOverflow)
|
|
Text(title!)
|
|
else
|
|
Flexible(child: Text(title!)),
|
|
SizedBox(width: 16),
|
|
if (isDesktop(context) &&
|
|
isFullscreen &&
|
|
entity != null &&
|
|
entity!.isOld) ...[
|
|
EntityStatusChip(
|
|
entity: state.getEntity(entity!.entityType, entity!.id)),
|
|
SizedBox(width: 8),
|
|
],
|
|
if (showOverflow)
|
|
Expanded(
|
|
child: Align(
|
|
alignment: Alignment.centerRight,
|
|
child: FocusTraversalGroup(
|
|
// TODO this is needed as a workaround to prevent
|
|
// breaking tab focus traversal
|
|
descendantsAreFocusable: false,
|
|
child: OverflowView.flexible(
|
|
spacing: 8,
|
|
children: entityActions.map(
|
|
(action) {
|
|
String? label;
|
|
if (action == EntityAction.save &&
|
|
saveLabel != null) {
|
|
label = saveLabel;
|
|
} else {
|
|
label = localization.lookup('$action');
|
|
}
|
|
|
|
return OutlinedButton(
|
|
style: action == EntityAction.save &&
|
|
isEnabled
|
|
? ButtonStyle(
|
|
backgroundColor:
|
|
MaterialStateProperty.all(state
|
|
.prefState
|
|
.colorThemeModel!
|
|
.colorSuccess))
|
|
: null,
|
|
child: ConstrainedBox(
|
|
constraints: BoxConstraints(
|
|
minWidth:
|
|
isDesktop(context) ? 60 : 0),
|
|
child: isDesktop(context)
|
|
? IconText(
|
|
icon: getEntityActionIcon(action),
|
|
text: label,
|
|
style: state.isSaving
|
|
? null
|
|
: action == EntityAction.save
|
|
? textStyle.copyWith(
|
|
color: Colors.white)
|
|
: textStyle,
|
|
)
|
|
: Text(label!,
|
|
style: state.isSaving
|
|
? null
|
|
: textStyle),
|
|
),
|
|
onPressed: state.isSaving
|
|
? null
|
|
: () {
|
|
if (action == EntityAction.back) {
|
|
if (onCancelPressed != null) {
|
|
onCancelPressed!(context);
|
|
} else {
|
|
store.dispatch(ResetSettings());
|
|
}
|
|
} else if (action ==
|
|
EntityAction.save) {
|
|
// Clear focus now to prevent un-focus after save from
|
|
// marking the form as changed and to hide the keyboard
|
|
FocusScope.of(context).unfocus(
|
|
disposition: UnfocusDisposition
|
|
.previouslyFocusedChild);
|
|
|
|
onSavePressed!(context);
|
|
} else {
|
|
onActionPressed!(context, action);
|
|
}
|
|
},
|
|
);
|
|
},
|
|
).toList(),
|
|
builder: (context, remaining) {
|
|
return PopupMenuButton<EntityAction>(
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 8),
|
|
child: isDesktop(context)
|
|
? Row(
|
|
children: [
|
|
Text(
|
|
localization.more,
|
|
style: textStyle,
|
|
),
|
|
SizedBox(width: 4),
|
|
Icon(Icons.arrow_drop_down,
|
|
color: state.headerTextColor),
|
|
],
|
|
)
|
|
: Icon(Icons.more_vert),
|
|
),
|
|
onSelected: (EntityAction action) {
|
|
onActionPressed!(context, action);
|
|
},
|
|
itemBuilder: (BuildContext context) {
|
|
return entityActions
|
|
.toList()
|
|
.sublist(
|
|
entityActions.length - remaining)
|
|
.map((action) {
|
|
return PopupMenuItem<EntityAction>(
|
|
value: action,
|
|
child: Row(
|
|
children: <Widget>[
|
|
Icon(getEntityActionIcon(action),
|
|
color: Theme.of(context)
|
|
.colorScheme
|
|
.secondary),
|
|
SizedBox(width: 16.0),
|
|
Text(AppLocalization.of(context)!
|
|
.lookup(
|
|
action.toString()) ??
|
|
''),
|
|
],
|
|
),
|
|
);
|
|
}).toList();
|
|
},
|
|
);
|
|
}),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
actions: showOverflow
|
|
? []
|
|
: [
|
|
if (state.isSaving && isMobile(context))
|
|
Padding(
|
|
padding: const EdgeInsets.only(right: 20),
|
|
child: Center(
|
|
child: SizedBox(
|
|
width: 26,
|
|
height: 26,
|
|
child:
|
|
CircularProgressIndicator(color: Colors.white),
|
|
)),
|
|
)
|
|
else if (isDesktop(context))
|
|
Row(
|
|
children: [
|
|
OutlinedButton(
|
|
onPressed: state.isSaving
|
|
? null
|
|
: () {
|
|
if (onCancelPressed != null) {
|
|
onCancelPressed!(context);
|
|
} else {
|
|
store.dispatch(ResetSettings());
|
|
}
|
|
},
|
|
child: ConstrainedBox(
|
|
constraints: BoxConstraints(minWidth: 60),
|
|
child: IconText(
|
|
icon: getEntityActionIcon(EntityAction.back),
|
|
text: (entity != null &&
|
|
entity!.entityType!.isSetting)
|
|
? localization.back
|
|
: localization.cancel,
|
|
style: state.isSaving ? null : textStyle,
|
|
),
|
|
),
|
|
),
|
|
SizedBox(width: 8),
|
|
OutlinedButton(
|
|
style: isEnabled
|
|
? ButtonStyle(
|
|
backgroundColor:
|
|
MaterialStateProperty.all(state
|
|
.prefState
|
|
.colorThemeModel!
|
|
.colorSuccess))
|
|
: null,
|
|
onPressed: !isEnabled ||
|
|
state.isSaving ||
|
|
onSavePressed == null
|
|
? null
|
|
: () {
|
|
// Clear focus now to prevent un-focus after save from
|
|
// marking the form as changed and to hide the keyboard
|
|
FocusScope.of(context).unfocus(
|
|
disposition: UnfocusDisposition
|
|
.previouslyFocusedChild);
|
|
|
|
onSavePressed!(context);
|
|
},
|
|
child: ConstrainedBox(
|
|
constraints: BoxConstraints(minWidth: 60),
|
|
child: IconText(
|
|
icon: getEntityActionIcon(EntityAction.save),
|
|
text: localization.save,
|
|
style: state.isSaving
|
|
? null
|
|
: textStyle.copyWith(color: Colors.white),
|
|
),
|
|
),
|
|
),
|
|
SizedBox(width: 16),
|
|
],
|
|
)
|
|
else
|
|
SaveCancelButtons(
|
|
isEnabled: isEnabled && onSavePressed != null,
|
|
isHeader: true,
|
|
isCancelEnabled: isCancelEnabled,
|
|
saveLabel: saveLabel,
|
|
cancelLabel: localization.cancel,
|
|
onSavePressed: onSavePressed == null
|
|
? null
|
|
: (context) {
|
|
// Clear focus now to prevent un-focus after save from
|
|
// marking the form as changed and to hide the keyboard
|
|
FocusScope.of(context).unfocus(
|
|
disposition: UnfocusDisposition
|
|
.previouslyFocusedChild);
|
|
|
|
onSavePressed!(context);
|
|
},
|
|
onCancelPressed: isMobile(context)
|
|
? null
|
|
: (context) {
|
|
if (onCancelPressed != null) {
|
|
onCancelPressed!(context);
|
|
} else {
|
|
store.dispatch(ResetSettings());
|
|
}
|
|
},
|
|
),
|
|
if (actions != null &&
|
|
actions!.isNotEmpty &&
|
|
onActionPressed != null)
|
|
PopupMenuButton<EntityAction>(
|
|
icon: Icon(
|
|
Icons.more_vert,
|
|
//size: iconSize,
|
|
//color: color,
|
|
),
|
|
itemBuilder: (BuildContext context) =>
|
|
<PopupMenuEntry<EntityAction>>[
|
|
...actions!
|
|
.map((action) => action == null
|
|
? PopupMenuDivider()
|
|
: PopupMenuItem<EntityAction>(
|
|
child: Row(
|
|
children: <Widget>[
|
|
Icon(
|
|
getEntityActionIcon(action),
|
|
color: Theme.of(context)
|
|
.colorScheme
|
|
.secondary,
|
|
),
|
|
SizedBox(width: 16.0),
|
|
Text(AppLocalization.of(context)!
|
|
.lookup(action.toString())!),
|
|
],
|
|
),
|
|
value: action,
|
|
))
|
|
.toList() as Iterable<PopupMenuEntry<EntityAction>>
|
|
],
|
|
onSelected: (action) =>
|
|
onActionPressed!(context, action),
|
|
enabled: isEnabled,
|
|
)
|
|
],
|
|
bottom: isFullscreen && isDesktop(context) ? null : appBarBottom as PreferredSizeWidget?,
|
|
),
|
|
bottomNavigationBar: bottomNavigationBar,
|
|
floatingActionButtonLocation:
|
|
FloatingActionButtonLocation.endDocked,
|
|
floatingActionButton: floatingActionButton,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|