431 lines
19 KiB
Dart
431 lines
19 KiB
Dart
// Flutter imports:
|
|
import 'package:flutter/material.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: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);
|
|
|
|
bool showUpgradeBanner = false;
|
|
bool isEnabled = (isMobile(context) ||
|
|
!state.uiState.isInSettings ||
|
|
state.uiState.isEditing ||
|
|
state.settingsUIState.isChanged) &&
|
|
!state.isSaving &&
|
|
(entity?.isEditable ?? true);
|
|
bool isCancelEnabled = false;
|
|
String upgradeMessage = state.userCompany.isOwner
|
|
? (state.account.trialStarted.isEmpty
|
|
? 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;
|
|
}
|
|
|
|
final entityActions = <EntityAction>[
|
|
if (isDesktop(context) &&
|
|
((isEnabled && onSavePressed != null) || isCancelEnabled))
|
|
EntityAction.cancel,
|
|
EntityAction.save,
|
|
...(actions ?? []).where((action) => action != null),
|
|
];
|
|
|
|
final textStyle = Theme.of(context)
|
|
.textTheme
|
|
.bodyText2
|
|
.copyWith(color: state.headerTextColor);
|
|
|
|
final showOverflow = isDesktop(context) && state.isFullScreen;
|
|
|
|
return WillPopScope(
|
|
onWillPop: () async {
|
|
return true;
|
|
},
|
|
child: FocusTraversalGroup(
|
|
child: Scaffold(
|
|
body: state.companies.isEmpty
|
|
? LoadingIndicator()
|
|
: showUpgradeBanner && !isApple()
|
|
? Column(
|
|
children: [
|
|
InkWell(
|
|
child: IconMessage(
|
|
upgradeMessage,
|
|
color: Colors.orange.shade800,
|
|
),
|
|
onTap: state.userCompany.isOwner
|
|
? () async {
|
|
launchUrl(Uri.parse(
|
|
state.userCompany.ninjaPortalUrl));
|
|
}
|
|
: null,
|
|
),
|
|
Expanded(child: body),
|
|
],
|
|
)
|
|
: state.isSaving && isDesktop(context)
|
|
? Stack(
|
|
alignment: Alignment.topCenter,
|
|
children: [
|
|
body,
|
|
LinearProgressIndicator(),
|
|
],
|
|
)
|
|
: body,
|
|
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
|
|
? 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.cancel) {
|
|
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.cancel),
|
|
text: localization.cancel,
|
|
style: state.isSaving ? null : textStyle,
|
|
),
|
|
),
|
|
),
|
|
SizedBox(width: 8),
|
|
OutlinedButton(
|
|
style: ButtonStyle(
|
|
backgroundColor: MaterialStateProperty.all(state
|
|
.prefState.colorThemeModel.colorSuccess)),
|
|
onPressed: 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()
|
|
],
|
|
onSelected: (action) =>
|
|
onActionPressed(context, action),
|
|
enabled: isEnabled,
|
|
)
|
|
],
|
|
bottom: isFullscreen && isDesktop(context) ? null : appBarBottom,
|
|
),
|
|
bottomNavigationBar: bottomNavigationBar,
|
|
floatingActionButtonLocation: FloatingActionButtonLocation.endDocked,
|
|
floatingActionButton: floatingActionButton,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|