569 lines
22 KiB
Dart
569 lines
22 KiB
Dart
import 'package:flutter/foundation.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_redux/flutter_redux.dart';
|
|
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
|
|
import 'package:invoiceninja_flutter/constants.dart';
|
|
import 'package:invoiceninja_flutter/data/models/client_model.dart';
|
|
import 'package:invoiceninja_flutter/data/models/company_model.dart';
|
|
import 'package:invoiceninja_flutter/data/models/design_model.dart';
|
|
import 'package:invoiceninja_flutter/data/models/entities.dart';
|
|
import 'package:invoiceninja_flutter/data/models/invoice_model.dart';
|
|
import 'package:invoiceninja_flutter/redux/app/app_actions.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/buttons/elevated_button.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/dialogs/multiselect_dialog.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/form_card.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/forms/app_dropdown_button.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/forms/app_form.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/forms/bool_dropdown_button.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/forms/design_picker.dart';
|
|
import 'package:invoiceninja_flutter/ui/settings/invoice_design_vm.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/edit_scaffold.dart';
|
|
import 'package:invoiceninja_flutter/utils/localization.dart';
|
|
|
|
class InvoiceDesign extends StatefulWidget {
|
|
const InvoiceDesign({
|
|
Key key,
|
|
@required this.viewModel,
|
|
}) : super(key: key);
|
|
|
|
final InvoiceDesignVM viewModel;
|
|
|
|
@override
|
|
_InvoiceDesignState createState() => _InvoiceDesignState();
|
|
}
|
|
|
|
class _InvoiceDesignState extends State<InvoiceDesign>
|
|
with SingleTickerProviderStateMixin {
|
|
static final GlobalKey<FormState> _formKey =
|
|
GlobalKey<FormState>(debugLabel: '_invoiceDesign');
|
|
|
|
TabController _controller;
|
|
FocusScopeNode _focusNode;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_focusNode = FocusScopeNode();
|
|
_controller = TabController(vsync: this, length: 7);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_controller.dispose();
|
|
_focusNode.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final store = StoreProvider.of<AppState>(context);
|
|
final localization = AppLocalization.of(context);
|
|
final viewModel = widget.viewModel;
|
|
final state = viewModel.state;
|
|
final settings = viewModel.settings;
|
|
final company = viewModel.company;
|
|
|
|
return EditScaffold(
|
|
title: localization.invoiceDesign,
|
|
onSavePressed: viewModel.onSavePressed,
|
|
appBarBottom: TabBar(
|
|
key: ValueKey(state.settingsUIState.updatedAt),
|
|
controller: _controller,
|
|
isScrollable: true,
|
|
tabs: [
|
|
Tab(
|
|
text: localization.generalSettings,
|
|
),
|
|
Tab(
|
|
text: localization.invoiceOptions,
|
|
),
|
|
Tab(
|
|
text: localization.clientDetails,
|
|
),
|
|
Tab(
|
|
text: localization.companyDetails,
|
|
),
|
|
Tab(
|
|
text: localization.companyAddress,
|
|
),
|
|
Tab(
|
|
text: localization.invoiceDetails,
|
|
),
|
|
/*
|
|
Tab(
|
|
text: localization.quoteDetails,
|
|
),
|
|
Tab(
|
|
text: localization.creditDetails,
|
|
),
|
|
*/
|
|
Tab(text: localization.productColumns),
|
|
/*
|
|
Tab(text: localization.taskColumns),
|
|
*/
|
|
],
|
|
),
|
|
body: AppTabForm(
|
|
tabController: _controller,
|
|
formKey: _formKey,
|
|
focusNode: _focusNode,
|
|
children: <Widget>[
|
|
ListView(
|
|
children: <Widget>[
|
|
Padding(
|
|
padding: const EdgeInsets.only(
|
|
top: 20, right: 16, bottom: 10, left: 16),
|
|
child: AppButton(
|
|
label: localization.customizeAndPreview.toUpperCase(),
|
|
iconData: Icons.settings,
|
|
onPressed: () => state.designState.customDesigns.isEmpty
|
|
? createEntity(
|
|
context: context,
|
|
entity: DesignEntity(
|
|
design: state.designState.cleanDesign.design),
|
|
)
|
|
: store.dispatch(ViewSettings(
|
|
navigator: Navigator.of(context),
|
|
section: kSettingsCustomDesigns,
|
|
)),
|
|
//onPressed: () => handleDesignAction(context, [group], EntityAction.settings),
|
|
),
|
|
),
|
|
FormCard(
|
|
children: <Widget>[
|
|
DesignPicker(
|
|
label: localization.invoiceDesign,
|
|
initialValue: settings.defaultInvoiceDesignId,
|
|
onSelected: (value) => viewModel.onSettingsChanged(settings
|
|
.rebuild((b) => b..defaultInvoiceDesignId = value.id)),
|
|
),
|
|
if (company.isModuleEnabled(EntityType.quote))
|
|
DesignPicker(
|
|
label: localization.quoteDesign,
|
|
initialValue: settings.defaultQuoteDesignId,
|
|
onSelected: (value) => viewModel.onSettingsChanged(
|
|
settings.rebuild(
|
|
(b) => b..defaultQuoteDesignId = value.id)),
|
|
),
|
|
if (company.isModuleEnabled(EntityType.credit))
|
|
DesignPicker(
|
|
label: localization.creditDesign,
|
|
initialValue: settings.defaultCreditDesignId,
|
|
onSelected: (value) => viewModel.onSettingsChanged(
|
|
settings.rebuild(
|
|
(b) => b..defaultCreditDesignId = value.id)),
|
|
),
|
|
/*
|
|
AppDropdownButton(
|
|
labelText: localization.pageSize,
|
|
value: settings.pageSize,
|
|
onChanged: (dynamic value) => viewModel.onSettingsChanged(
|
|
settings.rebuild((b) => b..pageSize = value)),
|
|
items: kPageSizes
|
|
.map((pageSize) => DropdownMenuItem<String>(
|
|
value: pageSize,
|
|
child: Text(pageSize),
|
|
))
|
|
.toList(),
|
|
),
|
|
*/
|
|
AppDropdownButton(
|
|
showUseDefault: true,
|
|
labelText: localization.fontSize,
|
|
value:
|
|
settings.fontSize == null ? '' : '${settings.fontSize}',
|
|
onChanged: (dynamic value) => viewModel.onSettingsChanged(
|
|
settings
|
|
.rebuild((b) => b..fontSize = int.parse(value))),
|
|
items: [5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16]
|
|
.map((fontSize) => DropdownMenuItem<String>(
|
|
value: '$fontSize',
|
|
child: fontSize == 0
|
|
? SizedBox()
|
|
: Text('$fontSize'),
|
|
))
|
|
.toList(),
|
|
),
|
|
],
|
|
),
|
|
/*
|
|
FormCard(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
LearnMore(
|
|
url: 'https://fonts.google.com',
|
|
child: EntityDropdown(
|
|
key: ValueKey('__primary_font_${settings.primaryFont}__'),
|
|
entityType: EntityType.font,
|
|
labelText: localization.primaryFont,
|
|
entityId: settings.primaryFont,
|
|
entityMap: memoizedFontMap(kGoogleFonts),
|
|
onSelected: (font) => viewModel.onSettingsChanged(
|
|
settings.rebuild((b) => b..primaryFont = font?.id)),
|
|
allowClearing: state.settingsUIState.isFiltered,
|
|
),
|
|
),
|
|
EntityDropdown(
|
|
key: ValueKey('__secondary_font_${settings.secondaryFont}__'),
|
|
entityType: EntityType.font,
|
|
labelText: localization.secondaryFont,
|
|
entityId: settings.secondaryFont,
|
|
entityMap: memoizedFontMap(kGoogleFonts),
|
|
onSelected: (font) => viewModel.onSettingsChanged(
|
|
settings.rebuild((b) => b..secondaryFont = font?.id)),
|
|
allowClearing: state.settingsUIState.isFiltered,
|
|
),
|
|
FormColorPicker(
|
|
labelText: localization.primaryColor,
|
|
onSelected: (value) => viewModel.onSettingsChanged(
|
|
settings.rebuild((b) => b..primaryColor = value)),
|
|
initialValue: settings.primaryColor,
|
|
),
|
|
FormColorPicker(
|
|
labelText: localization.secondaryColor,
|
|
onSelected: (value) => viewModel.onSettingsChanged(
|
|
settings.rebuild((b) => b..secondaryColor = value)),
|
|
initialValue: settings.secondaryColor,
|
|
),
|
|
],
|
|
),
|
|
*/
|
|
],
|
|
),
|
|
ListView(
|
|
padding: const EdgeInsets.all(10),
|
|
children: <Widget>[
|
|
FormCard(
|
|
children: <Widget>[
|
|
BoolDropdownButton(
|
|
label: localization.allPagesHeader,
|
|
value: settings.allPagesHeader,
|
|
iconData: FontAwesomeIcons.fileInvoice,
|
|
onChanged: (value) => viewModel.onSettingsChanged(
|
|
settings.rebuild((b) => b..allPagesHeader = value)),
|
|
enabledLabel: localization.allPages,
|
|
disabledLabel: localization.firstPage,
|
|
),
|
|
BoolDropdownButton(
|
|
label: localization.allPagesFooter,
|
|
value: settings.allPagesFooter,
|
|
iconData: FontAwesomeIcons.fileInvoice,
|
|
onChanged: (value) => viewModel.onSettingsChanged(
|
|
settings.rebuild((b) => b..allPagesFooter = value)),
|
|
enabledLabel: localization.allPages,
|
|
disabledLabel: localization.lastPage,
|
|
),
|
|
],
|
|
),
|
|
/*
|
|
FormCard(
|
|
children: <Widget>[
|
|
BoolDropdownButton(
|
|
label: localization.hidePaidToDate,
|
|
helpLabel: localization.hidePaidToDateHelp,
|
|
value: settings.hidePaidToDate,
|
|
iconData: FontAwesomeIcons.fileInvoiceDollar,
|
|
onChanged: (value) => viewModel.onSettingsChanged(
|
|
settings.rebuild((b) => b..hidePaidToDate = value)),
|
|
),
|
|
BoolDropdownButton(
|
|
label: localization.invoiceEmbedDocuments,
|
|
helpLabel: localization.invoiceEmbedDocumentsHelp,
|
|
value: settings.embedDocuments,
|
|
iconData: FontAwesomeIcons.image,
|
|
onChanged: (value) => viewModel.onSettingsChanged(
|
|
settings.rebuild((b) => b..embedDocuments = value)),
|
|
),
|
|
],
|
|
),
|
|
*/
|
|
],
|
|
),
|
|
FormCard(
|
|
child: MultiSelectList(
|
|
options: [
|
|
...[
|
|
ClientFields.name,
|
|
ClientFields.idNumber,
|
|
ClientFields.vatNumber,
|
|
ClientFields.website,
|
|
ClientFields.phone,
|
|
ClientFields.address1,
|
|
ClientFields.address2,
|
|
ClientFields.cityStatePostal,
|
|
ClientFields.postalCityState,
|
|
ClientFields.country,
|
|
ClientFields.custom1,
|
|
ClientFields.custom2,
|
|
ClientFields.custom3,
|
|
ClientFields.custom4,
|
|
].map((field) => '\$client.$field'),
|
|
...[
|
|
ContactFields.fullName,
|
|
ContactFields.email,
|
|
ContactFields.phone,
|
|
ContactFields.custom1,
|
|
ContactFields.custom2,
|
|
ContactFields.custom3,
|
|
ContactFields.custom4,
|
|
].map((field) => '\$contact.$field'),
|
|
],
|
|
defaultSelected: [
|
|
...[
|
|
ClientFields.name,
|
|
ClientFields.idNumber,
|
|
ClientFields.vatNumber,
|
|
ClientFields.address1,
|
|
ClientFields.address2,
|
|
ClientFields.cityStatePostal,
|
|
ClientFields.country,
|
|
].map((field) => '\$client.$field'),
|
|
...[
|
|
ContactFields.email,
|
|
].map((field) => '\$contact.$field'),
|
|
],
|
|
selected: settings.getFieldsForSection(kPdfFieldsClientDetails),
|
|
onSelected: (values) {
|
|
viewModel.onSettingsChanged(settings.setFieldsForSection(
|
|
kPdfFieldsClientDetails, values));
|
|
},
|
|
addTitle: localization.addField,
|
|
liveChanges: true,
|
|
prefix: 'client',
|
|
),
|
|
),
|
|
FormCard(
|
|
child: MultiSelectList(
|
|
options: [
|
|
CompanyFields.name,
|
|
CompanyFields.idNumber,
|
|
CompanyFields.vatNumber,
|
|
CompanyFields.website,
|
|
CompanyFields.email,
|
|
CompanyFields.phone,
|
|
CompanyFields.address1,
|
|
CompanyFields.address2,
|
|
CompanyFields.cityStatePostal,
|
|
CompanyFields.postalCityState,
|
|
CompanyFields.country,
|
|
CompanyFields.custom1,
|
|
CompanyFields.custom2,
|
|
CompanyFields.custom3,
|
|
CompanyFields.custom4,
|
|
].map((field) => '\$company.$field').toList(),
|
|
defaultSelected: [
|
|
CompanyFields.name,
|
|
CompanyFields.idNumber,
|
|
CompanyFields.vatNumber,
|
|
CompanyFields.website,
|
|
CompanyFields.email,
|
|
CompanyFields.phone,
|
|
].map((field) => '\$company.$field').toList(),
|
|
selected: settings.getFieldsForSection(kPdfFieldsCompanyDetails),
|
|
onSelected: (values) {
|
|
viewModel.onSettingsChanged(settings.setFieldsForSection(
|
|
kPdfFieldsCompanyDetails, values));
|
|
},
|
|
addTitle: localization.addField,
|
|
liveChanges: true,
|
|
prefix: 'company',
|
|
),
|
|
),
|
|
FormCard(
|
|
child: MultiSelectList(
|
|
options: [
|
|
CompanyFields.name,
|
|
CompanyFields.idNumber,
|
|
CompanyFields.vatNumber,
|
|
CompanyFields.website,
|
|
CompanyFields.email,
|
|
CompanyFields.phone,
|
|
CompanyFields.address1,
|
|
CompanyFields.address2,
|
|
CompanyFields.cityStatePostal,
|
|
CompanyFields.postalCityState,
|
|
CompanyFields.country,
|
|
CompanyFields.custom1,
|
|
CompanyFields.custom2,
|
|
CompanyFields.custom3,
|
|
CompanyFields.custom4,
|
|
].map((field) => '\$company.$field').toList(),
|
|
defaultSelected: [
|
|
CompanyFields.address1,
|
|
CompanyFields.address2,
|
|
CompanyFields.cityStatePostal,
|
|
CompanyFields.country,
|
|
].map((field) => '\$company.$field').toList(),
|
|
selected: settings.getFieldsForSection(kPdfFieldsCompanyAddress),
|
|
onSelected: (values) {
|
|
viewModel.onSettingsChanged(settings.setFieldsForSection(
|
|
kPdfFieldsCompanyAddress, values));
|
|
},
|
|
addTitle: localization.addField,
|
|
liveChanges: true,
|
|
prefix: 'company',
|
|
),
|
|
),
|
|
FormCard(
|
|
child: MultiSelectList(
|
|
options: [
|
|
...[
|
|
InvoiceFields.invoiceNumber,
|
|
InvoiceFields.poNumber,
|
|
InvoiceFields.invoiceDate,
|
|
InvoiceFields.dueDate,
|
|
InvoiceFields.amount,
|
|
InvoiceFields.balance,
|
|
InvoiceFields.customValue1,
|
|
InvoiceFields.customValue2,
|
|
InvoiceFields.customValue3,
|
|
InvoiceFields.customValue4,
|
|
].map((field) => '\$invoice.$field'),
|
|
...[
|
|
ClientFields.balance,
|
|
].map((field) => '\$client.$field')
|
|
],
|
|
defaultSelected: [
|
|
InvoiceFields.invoiceNumber,
|
|
InvoiceFields.poNumber,
|
|
InvoiceFields.invoiceDate,
|
|
InvoiceFields.dueDate,
|
|
InvoiceFields.balance,
|
|
],
|
|
selected: settings.getFieldsForSection(kPdfFieldsInvoiceDetails),
|
|
onSelected: (values) {
|
|
viewModel.onSettingsChanged(settings.setFieldsForSection(
|
|
kPdfFieldsInvoiceDetails, values));
|
|
},
|
|
addTitle: localization.addField,
|
|
liveChanges: true,
|
|
prefix: 'invoice',
|
|
),
|
|
),
|
|
/*
|
|
FormCard(
|
|
child: MultiSelectList(
|
|
options: [
|
|
...[
|
|
QuoteFields.number,
|
|
QuoteFields.poNumber,
|
|
QuoteFields.date,
|
|
QuoteFields.validUntil,
|
|
QuoteFields.amount,
|
|
QuoteFields.customValue1,
|
|
QuoteFields.customValue2,
|
|
QuoteFields.customValue3,
|
|
QuoteFields.customValue4,
|
|
].map((field) => '\$quote.$field'),
|
|
...[
|
|
ClientFields.balance,
|
|
].map((field) => '\$client.$field')
|
|
],
|
|
defaultSelected: [
|
|
QuoteFields.number,
|
|
QuoteFields.poNumber,
|
|
QuoteFields.date,
|
|
QuoteFields.validUntil,
|
|
QuoteFields.amount,
|
|
],
|
|
selected: settings.getFieldsForSection(kPdfFieldsQuoteDetails),
|
|
onSelected: (values) {
|
|
viewModel.onSettingsChanged(settings.setFieldsForSection(
|
|
kPdfFieldsQuoteDetails, values));
|
|
|
|
},
|
|
addTitle: localization.addField,
|
|
liveChanges: true,
|
|
prefix: 'quote',
|
|
),
|
|
),
|
|
FormCard(
|
|
child: MultiSelectList(
|
|
options: [
|
|
...[
|
|
CreditFields.number,
|
|
CreditFields.poNumber,
|
|
CreditFields.date,
|
|
CreditFields.amount,
|
|
CreditFields.balance,
|
|
CreditFields.customValue1,
|
|
CreditFields.customValue2,
|
|
CreditFields.customValue3,
|
|
CreditFields.customValue4,
|
|
].map((field) => '\$credit.$field'),
|
|
...[
|
|
ClientFields.balance,
|
|
].map((field) => '\$client.$field')
|
|
],
|
|
defaultSelected: [
|
|
CreditFields.number,
|
|
CreditFields.poNumber,
|
|
CreditFields.date,
|
|
CreditFields.balance,
|
|
],
|
|
selected: settings.getFieldsForSection(kPdfFieldsCreditDetails),
|
|
onSelected: (values) {
|
|
viewModel.onSettingsChanged(settings.setFieldsForSection(
|
|
kPdfFieldsCreditDetails, values));
|
|
},
|
|
addTitle: localization.addField,
|
|
liveChanges: true,
|
|
prefix: 'credit',
|
|
),
|
|
),
|
|
*/
|
|
FormCard(
|
|
child: MultiSelectList(
|
|
options: [
|
|
ProductItemFields.productKey,
|
|
ProductItemFields.notes,
|
|
ProductItemFields.quantity,
|
|
ProductItemFields.cost,
|
|
ProductItemFields.discount,
|
|
ProductItemFields.lineTotal,
|
|
ProductItemFields.custom1,
|
|
ProductItemFields.custom2,
|
|
ProductItemFields.custom3,
|
|
ProductItemFields.custom4,
|
|
].map((field) => '\$product.$field').toList(),
|
|
defaultSelected: [
|
|
ProductItemFields.productKey,
|
|
ProductItemFields.notes,
|
|
ProductItemFields.quantity,
|
|
ProductItemFields.cost,
|
|
ProductItemFields.lineTotal,
|
|
].map((field) => '\$product.$field').toList(),
|
|
selected: settings.getFieldsForSection(kPdfFieldsProductColumns),
|
|
onSelected: (values) {
|
|
viewModel.onSettingsChanged(settings.setFieldsForSection(
|
|
kPdfFieldsProductColumns, values));
|
|
},
|
|
addTitle: localization.addField,
|
|
liveChanges: true,
|
|
prefix: 'product',
|
|
),
|
|
),
|
|
/*
|
|
FormCard(
|
|
child: MultiSelectList(
|
|
options: [],
|
|
defaultSelected: [],
|
|
selected: settings.getFieldsForSection(kPdfFieldsTaskColumns),
|
|
onSelected: (values) {
|
|
viewModel.onSettingsChanged(settings.setFieldsForSection(
|
|
kPdfFieldsTaskColumns, values));
|
|
},
|
|
addTitle: localization.addField,
|
|
liveChanges: true,
|
|
prefix: 'task',
|
|
),
|
|
),
|
|
*/
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|