invoice/lib/ui/expense/view/expense_view_overview.dart

// Flutter imports:
import 'package:flutter/material.dart';

// Project imports:
import 'package:invoiceninja_flutter/colors.dart';
import 'package:invoiceninja_flutter/constants.dart';
import 'package:invoiceninja_flutter/data/models/entities.dart';
import 'package:invoiceninja_flutter/data/models/invoice_model.dart';
import 'package:invoiceninja_flutter/redux/expense/expense_selectors.dart';
import 'package:invoiceninja_flutter/redux/recurring_expense/recurring_expense_selectors.dart';
import 'package:invoiceninja_flutter/ui/app/FieldGrid.dart';
import 'package:invoiceninja_flutter/ui/app/entities/entity_list_tile.dart';
import 'package:invoiceninja_flutter/ui/app/entity_header.dart';
import 'package:invoiceninja_flutter/ui/app/icon_message.dart';
import 'package:invoiceninja_flutter/ui/app/lists/list_divider.dart';
import 'package:invoiceninja_flutter/ui/app/scrollable_listview.dart';
import 'package:invoiceninja_flutter/ui/expense/view/expense_view_vm.dart';
import 'package:invoiceninja_flutter/utils/formatting.dart';
import 'package:invoiceninja_flutter/utils/localization.dart';

class ExpenseOverview extends StatelessWidget {
  const ExpenseOverview({
    Key? key,
    required this.viewModel,
    required this.isFilter,
  }) : super(key: key);

  final AbstractExpenseViewVM viewModel;
  final bool isFilter;

  @override
  Widget build(BuildContext context) {
    final localization = AppLocalization.of(context);
    final expense = viewModel.expense;
    final company = viewModel.company!;
    final state = viewModel.state!;
    final vendor = state.vendorState.get(expense.vendorId!);
    final client = state.clientState.get(expense.clientId!);
    final invoice = state.invoiceState.get(expense.invoiceId!);
    final project = state.projectState.get(expense.projectId!);
    final category = state.expenseCategoryState.get(expense.categoryId);
    final transaction = state.transactionState.get(expense.transactionId);
    final user = state.userState.get(expense.assignedUserId!);
    final recurringExpense =
        state.recurringExpenseState.get(expense.recurringExpenseId);

    InvoiceEntity? purchaseOrder;
    if (state.company.isModuleEnabled(EntityType.purchaseOrder)) {
      purchaseOrder = memoizedExpensePurchaseOrderSelector(
          expense, state.purchaseOrderState.map);
    }

    final fields = <String, String?>{};
    if (company.hasCustomField(CustomFieldType.expense1) &&
        expense.customValue1.isNotEmpty) {
      final label1 = company.getCustomFieldLabel(CustomFieldType.expense1);
      fields[label1] = formatCustomValue(
          context: context,
          field: CustomFieldType.expense1,
          value: expense.customValue1);
    }
    if (company.hasCustomField(CustomFieldType.expense2) &&
        expense.customValue2.isNotEmpty) {
      final label2 = company.getCustomFieldLabel(CustomFieldType.expense2);
      fields[label2] = formatCustomValue(
          context: context,
          field: CustomFieldType.expense2,
          value: expense.customValue2);
    }
    if (company.hasCustomField(CustomFieldType.expense3) &&
        expense.customValue3.isNotEmpty) {
      final label3 = company.getCustomFieldLabel(CustomFieldType.expense3);
      fields[label3] = formatCustomValue(
          context: context,
          field: CustomFieldType.expense3,
          value: expense.customValue3);
    }
    if (company.hasCustomField(CustomFieldType.expense4) &&
        expense.customValue4.isNotEmpty) {
      final label4 = company.getCustomFieldLabel(CustomFieldType.expense4);
      fields[label4] = formatCustomValue(
          context: context,
          field: CustomFieldType.expense4,
          value: expense.customValue4);
    }

    List<Widget> _buildDetailsList() {
      String tax = '';
      if (expense.calculateTaxByAmount!) {
        if (expense.taxName1.isNotEmpty) {
          tax += formatNumber(expense.taxAmount1, context)! +
              ' ' +
              expense.taxName1;
        }
        if (expense.taxName2.isNotEmpty) {
          tax += ' ' +
              formatNumber(expense.taxAmount2, context)! +
              ' ' +
              expense.taxName2;
        }
        if (expense.taxName3.isNotEmpty) {
          tax += ' ' +
              formatNumber(expense.taxAmount3, context)! +
              ' ' +
              expense.taxName3;
        }
      } else {
        if (expense.taxName1.isNotEmpty) {
          tax += formatNumber(expense.taxRate1, context,
                  formatNumberType: FormatNumberType.percent)! +
              ' ' +
              expense.taxName1;
        }
        if (expense.taxName2.isNotEmpty) {
          tax += ' ' +
              formatNumber(expense.taxRate2, context,
                  formatNumberType: FormatNumberType.percent)! +
              ' ' +
              expense.taxName2;
        }
        if (expense.taxName3.isNotEmpty) {
          tax += ' ' +
              formatNumber(expense.taxRate3, context,
                  formatNumberType: FormatNumberType.percent)! +
              ' ' +
              expense.taxName3;
        }
      }

      final fields = <String?, String?>{
        if (expense.isRecurring)
          localization!.frequency:
              localization.lookup(kFrequencies[expense.frequencyId]),
        if (expense.isRecurring)
          localization!.remainingCycles: expense.remainingCycles == -1
              ? localization.endless
              : '${expense.remainingCycles}',
        if (expense.isRecurring) ...{
          localization!.lastSentDate: formatDate(expense.lastSentDate, context),
          localization.nextSendDate: formatDate(expense.nextSendDate, context),
        },
        if (!expense.isRecurring)
          localization!.date: formatDate(expense.date, context),
        localization!.transactionReference: expense.transactionReference,
        localization.tax: tax,
        localization.paymentDate: formatDate(expense.paymentDate, context),
        localization.paymentType:
            state.staticState.paymentTypeMap[expense.paymentTypeId]?.name,
        localization.exchangeRate: expense.isConverted
            ? formatNumber(expense.exchangeRate, context,
                formatNumberType: FormatNumberType.double)
            : null,
      };

      final listTiles = <Widget>[
        FieldGrid(fields),
      ];

      return listTiles;
    }

    return ScrollableListView(
      children: <Widget>[
        expense.isConverted
            ? EntityHeader(
                entity: expense,
                statusColor:
                    ExpenseStatusColors(state.prefState.colorThemeModel)
                        .colors[expense.calculatedStatusId],
                statusLabel: localization!
                    .lookup('expense_status_${expense.calculatedStatusId}'),
                label: localization.amount,
                value: formatNumber(expense.grossAmount, context,
                    currencyId: expense.currencyId),
                secondLabel: localization.converted,
                secondValue: formatNumber(
                    expense.convertedAmountWithTax, context,
                    currencyId: expense.invoiceCurrencyId),
              )
            : EntityHeader(
                entity: expense,
                statusColor:
                    ExpenseStatusColors(state.prefState.colorThemeModel)
                        .colors[expense.calculatedStatusId],
                statusLabel: localization!
                    .lookup('expense_status_${expense.calculatedStatusId}'),
                label: localization.amount,
                value: formatNumber(expense.grossAmount, context,
                    currencyId: expense.currencyId),
              ),
        ListDivider(),
        if (expense.privateNotes.isNotEmpty) ...[
          IconMessage(expense.privateNotes,
              iconData: Icons.lock, copyToClipboard: true),
          ListDivider(),
        ],
        FieldGrid(fields),
        EntityListTile(entity: vendor, isFilter: isFilter),
        EntityListTile(entity: client, isFilter: isFilter),
        EntityListTile(entity: project, isFilter: isFilter),
        EntityListTile(entity: category, isFilter: isFilter),
        EntityListTile(entity: user, isFilter: isFilter),
        EntityListTile(
          entity: invoice,
          isFilter: isFilter,
        ),
        if (purchaseOrder != null)
          EntityListTile(entity: purchaseOrder, isFilter: isFilter),
        EntityListTile(
          entity: transaction,
          isFilter: isFilter,
        ),
        if (expense.recurringExpenseId.isNotEmpty)
          EntityListTile(entity: recurringExpense, isFilter: isFilter),
        if (expense.isRecurring)
          EntitiesListTile(
            entity: expense,
            isFilter: isFilter,
            hideNew: true,
            entityType: EntityType.expense,
            title: localization.expenses,
            subtitle: memoizedRecurringExpenseStatsForExpense(
                    expense.id, state.expenseState.map)
                .present(localization.active, localization.archived),
          ),
        ..._buildDetailsList(),
        if (expense.publicNotes.isNotEmpty) ...[
          IconMessage(expense.publicNotes, copyToClipboard: true),
          ListDivider()
        ],
      ],
    );
  }
}