416 lines
18 KiB
Dart
416 lines
18 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_redux/flutter_redux.dart';
|
|
import 'package:invoiceninja_flutter/constants.dart';
|
|
import 'package:invoiceninja_flutter/data/models/entities.dart';
|
|
import 'package:invoiceninja_flutter/redux/app/app_state.dart';
|
|
import 'package:invoiceninja_flutter/redux/vendor/vendor_selectors.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/copy_to_clipboard.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/entity_header.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/form_card.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/forms/app_tab_bar.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/icon_text.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/portal_links.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/screen_imports.dart';
|
|
import 'package:invoiceninja_flutter/ui/vendor/view/vendor_view_activity.dart';
|
|
import 'package:invoiceninja_flutter/ui/vendor/view/vendor_view_documents.dart';
|
|
import 'package:invoiceninja_flutter/utils/formatting.dart';
|
|
import 'package:invoiceninja_flutter/utils/localization.dart';
|
|
import 'package:invoiceninja_flutter/utils/strings.dart';
|
|
import 'package:material_design_icons_flutter/material_design_icons_flutter.dart';
|
|
import 'package:url_launcher/url_launcher.dart';
|
|
|
|
class VendorViewFullwidth extends StatefulWidget {
|
|
const VendorViewFullwidth({
|
|
Key? key,
|
|
required this.viewModel,
|
|
}) : super(key: key);
|
|
|
|
final VendorViewVM viewModel;
|
|
|
|
@override
|
|
State<VendorViewFullwidth> createState() => _VendorViewFullwidthState();
|
|
}
|
|
|
|
class _VendorViewFullwidthState extends State<VendorViewFullwidth>
|
|
with TickerProviderStateMixin {
|
|
ScrollController? _scrollController1;
|
|
ScrollController? _scrollController2;
|
|
ScrollController? _scrollController3;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
|
|
_scrollController1 = ScrollController();
|
|
_scrollController2 = ScrollController();
|
|
_scrollController3 = ScrollController();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_scrollController1!.dispose();
|
|
_scrollController2!.dispose();
|
|
_scrollController3!.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final localization = AppLocalization.of(context);
|
|
final store = StoreProvider.of<AppState>(context);
|
|
final state = store.state;
|
|
final company = state.company;
|
|
final vendor = state.vendorState.get(state.uiState.filterEntityId!);
|
|
final documents = vendor.documents;
|
|
final viewModel = widget.viewModel;
|
|
final billingAddress = formatAddress(state, object: vendor);
|
|
final hasMultipleContacts = vendor.contacts.length > 1;
|
|
|
|
final showStanding = !state.prefState.isPreviewVisible &&
|
|
!state.uiState.isEditing &&
|
|
state.prefState.isModuleTable;
|
|
|
|
return LayoutBuilder(builder: (context, layout) {
|
|
final minHeight = layout.maxHeight - (kMobileDialogPadding * 2) - 43;
|
|
return Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Expanded(
|
|
child: FormCard(
|
|
isLast: true,
|
|
constraints: BoxConstraints(minHeight: minHeight),
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
padding: const EdgeInsets.only(
|
|
top: kMobileDialogPadding,
|
|
right: kMobileDialogPadding / 2,
|
|
bottom: kMobileDialogPadding,
|
|
left: kMobileDialogPadding),
|
|
child: ListView(controller: _scrollController1, children: [
|
|
Text(
|
|
localization!.details,
|
|
style: Theme.of(context).textTheme.titleLarge,
|
|
),
|
|
SizedBox(height: 8),
|
|
if (vendor.idNumber.isNotEmpty)
|
|
Padding(
|
|
padding: const EdgeInsets.only(bottom: 1),
|
|
child: CopyToClipboard(
|
|
value: vendor.idNumber,
|
|
prefix: localization.id,
|
|
),
|
|
),
|
|
if (vendor.vatNumber.isNotEmpty)
|
|
CopyToClipboard(
|
|
value: vendor.vatNumber,
|
|
prefix: localization.vat,
|
|
),
|
|
SizedBox(height: 4),
|
|
if (vendor.phone.isNotEmpty)
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 4),
|
|
child: CopyToClipboard(
|
|
value: vendor.phone,
|
|
child: IconText(icon: Icons.phone, text: vendor.phone),
|
|
),
|
|
),
|
|
if (vendor.website.isNotEmpty)
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 4),
|
|
child: InkWell(
|
|
onTap: () =>
|
|
launchUrl(Uri.parse(untrimUrl(vendor.website))),
|
|
child: IconText(
|
|
icon: MdiIcons.earth,
|
|
text: trimUrl(vendor.website),
|
|
),
|
|
),
|
|
),
|
|
SizedBox(height: 4),
|
|
if (vendor.currencyId != state.company.currencyId)
|
|
Padding(
|
|
padding: const EdgeInsets.only(bottom: 1),
|
|
child: Text(
|
|
state.staticState.currencyMap[vendor.currencyId]?.name ??
|
|
'',
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
if (vendor.languageId.isNotEmpty &&
|
|
vendor.languageId != state.company.languageId)
|
|
Padding(
|
|
padding: const EdgeInsets.only(bottom: 1),
|
|
child: Text(
|
|
state.staticState.languageMap[vendor.languageId]?.name ??
|
|
'',
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
if (vendor.customValue1.isNotEmpty)
|
|
Text(company.formatCustomFieldValue(
|
|
CustomFieldType.vendor1, vendor.customValue1)),
|
|
if (vendor.customValue2.isNotEmpty)
|
|
Text(company.formatCustomFieldValue(
|
|
CustomFieldType.vendor2, vendor.customValue2)),
|
|
if (vendor.customValue3.isNotEmpty)
|
|
Text(company.formatCustomFieldValue(
|
|
CustomFieldType.vendor3, vendor.customValue3)),
|
|
if (vendor.customValue4.isNotEmpty)
|
|
Text(company.formatCustomFieldValue(
|
|
CustomFieldType.vendor4, vendor.customValue4)),
|
|
]),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: FormCard(
|
|
isLast: true,
|
|
constraints: BoxConstraints(minHeight: minHeight),
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
padding: const EdgeInsets.only(
|
|
top: kMobileDialogPadding,
|
|
right: kMobileDialogPadding / 2,
|
|
bottom: kMobileDialogPadding,
|
|
left: kMobileDialogPadding / 2),
|
|
child: ListView(
|
|
controller: _scrollController2,
|
|
children: [
|
|
Text(
|
|
localization.address,
|
|
style: Theme.of(context).textTheme.titleLarge,
|
|
),
|
|
SizedBox(height: 8),
|
|
if (billingAddress.isNotEmpty) ...[
|
|
Text(
|
|
localization.billingAddress,
|
|
style: TextStyle(color: Colors.grey),
|
|
),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: CopyToClipboard(
|
|
value: billingAddress,
|
|
child: Row(
|
|
children: [
|
|
Flexible(child: Text(billingAddress)),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
SizedBox(width: 8),
|
|
IconButton(
|
|
onPressed: () {
|
|
launchUrl(Uri(
|
|
scheme: 'https',
|
|
host: 'maps.google.com',
|
|
queryParameters: <String, dynamic>{
|
|
'daddr': billingAddress
|
|
}));
|
|
},
|
|
icon: Icon(Icons.map),
|
|
tooltip: state.prefState.enableTooltips
|
|
? localization.viewMap
|
|
: '',
|
|
)
|
|
],
|
|
),
|
|
SizedBox(height: 8),
|
|
],
|
|
if (vendor.publicNotes.isNotEmpty)
|
|
CopyToClipboard(value: vendor.publicNotes),
|
|
],
|
|
),
|
|
)),
|
|
Expanded(
|
|
child: FormCard(
|
|
isLast: true,
|
|
constraints: BoxConstraints(minHeight: minHeight),
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
padding: EdgeInsets.only(
|
|
top: kMobileDialogPadding,
|
|
right: kMobileDialogPadding / (!showStanding ? 1 : 2),
|
|
bottom: kMobileDialogPadding,
|
|
left: kMobileDialogPadding / 2),
|
|
child: Scrollbar(
|
|
thumbVisibility: true,
|
|
controller: _scrollController3,
|
|
child: ListView(
|
|
controller: _scrollController3,
|
|
children: [
|
|
Text(
|
|
localization.contacts +
|
|
(hasMultipleContacts
|
|
? ' (${vendor.contacts.length})'
|
|
: ''),
|
|
style: Theme.of(context).textTheme.titleLarge,
|
|
),
|
|
SizedBox(height: 8),
|
|
...vendor.contacts.map((contact) {
|
|
return Row(
|
|
children: [
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
contact.fullName,
|
|
style: Theme.of(context).textTheme.titleMedium,
|
|
),
|
|
if (contact.email.isNotEmpty)
|
|
Padding(
|
|
padding:
|
|
const EdgeInsets.symmetric(vertical: 4),
|
|
child: CopyToClipboard(
|
|
value: contact.email,
|
|
child: IconText(
|
|
icon: Icons.email, text: contact.email),
|
|
),
|
|
),
|
|
if (contact.phone.isNotEmpty)
|
|
Padding(
|
|
padding:
|
|
const EdgeInsets.symmetric(vertical: 4),
|
|
child: CopyToClipboard(
|
|
value: contact.phone,
|
|
child: IconText(
|
|
icon: Icons.phone, text: contact.phone),
|
|
),
|
|
),
|
|
if (contact.customValue1.isNotEmpty)
|
|
Text(company.formatCustomFieldValue(
|
|
CustomFieldType.vendorContact1,
|
|
contact.customValue1)),
|
|
if (contact.customValue2.isNotEmpty)
|
|
Text(company.formatCustomFieldValue(
|
|
CustomFieldType.vendorContact2,
|
|
contact.customValue2)),
|
|
if (contact.customValue3.isNotEmpty)
|
|
Text(company.formatCustomFieldValue(
|
|
CustomFieldType.vendorContact3,
|
|
contact.customValue3)),
|
|
if (contact.customValue4.isNotEmpty)
|
|
Text(company.formatCustomFieldValue(
|
|
CustomFieldType.vendorContact4,
|
|
contact.customValue4)),
|
|
SizedBox(height: 8),
|
|
if (!hasMultipleContacts) ...[
|
|
PortalLinks(
|
|
viewLink: contact.silentLink,
|
|
copyLink: contact.link,
|
|
client: null,
|
|
style: PortalLinkStyle.buttons,
|
|
),
|
|
SizedBox(height: 16),
|
|
] else
|
|
SizedBox(height: 8),
|
|
],
|
|
),
|
|
),
|
|
if (hasMultipleContacts)
|
|
PortalLinks(
|
|
client: null,
|
|
viewLink: contact.silentLink,
|
|
copyLink: contact.link,
|
|
style: PortalLinkStyle.dropdown,
|
|
)
|
|
],
|
|
);
|
|
}).toList()
|
|
],
|
|
),
|
|
),
|
|
)),
|
|
if (showStanding)
|
|
Expanded(
|
|
flex: 2,
|
|
child: FormCard(
|
|
isLast: true,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
constraints:
|
|
BoxConstraints(minHeight: minHeight, maxHeight: 600),
|
|
padding: const EdgeInsets.only(
|
|
top: kMobileDialogPadding,
|
|
right: kMobileDialogPadding,
|
|
bottom: kMobileDialogPadding,
|
|
left: kMobileDialogPadding / 2),
|
|
child: DefaultTabController(
|
|
length: company.isModuleEnabled(EntityType.document) ? 3 : 2,
|
|
child: SizedBox(
|
|
height: minHeight,
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
AppTabBar(
|
|
isScrollable: true,
|
|
tabs: [
|
|
Tab(
|
|
child: Text(localization.standing),
|
|
),
|
|
if (company.isModuleEnabled(EntityType.document))
|
|
Tab(
|
|
text: documents.isEmpty
|
|
? localization.documents
|
|
: '${localization.documents} (${documents.length})',
|
|
),
|
|
Tab(
|
|
child: Text(localization.activity),
|
|
),
|
|
],
|
|
),
|
|
Flexible(
|
|
child: TabBarView(
|
|
children: [
|
|
ListView(
|
|
children: [
|
|
EntityHeader(
|
|
entity: vendor,
|
|
label: localization.total,
|
|
value: formatNumber(
|
|
memoizedCalculateVendorBalance(
|
|
vendor.id,
|
|
vendor.currencyId,
|
|
state.expenseState.map,
|
|
state.expenseState.list),
|
|
context,
|
|
currencyId: vendor.currencyId),
|
|
),
|
|
if (vendor.privateNotes.isNotEmpty)
|
|
IconText(
|
|
text: vendor.privateNotes,
|
|
icon: Icons.lock,
|
|
copyToClipboard: true,
|
|
)
|
|
],
|
|
),
|
|
if (company.isModuleEnabled(EntityType.document))
|
|
RefreshIndicator(
|
|
onRefresh: () =>
|
|
viewModel.onRefreshed(context),
|
|
child: VendorViewDocuments(
|
|
viewModel: viewModel,
|
|
key: ValueKey(viewModel.vendor.id),
|
|
),
|
|
),
|
|
RefreshIndicator(
|
|
onRefresh: () => viewModel.onRefreshed(context),
|
|
child: VendorViewActivity(
|
|
viewModel: viewModel,
|
|
key: ValueKey(viewModel.vendor.id),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
});
|
|
}
|
|
}
|